html { box-sizing: border-box } *, *::after, *::before { box-sizing: inherit } *, *::after, *::before { box-sizing: border-box } #main:before { display: none } @media (min-width: 18.76em) { #main:before { content: "xsmall" } } @media (min-width: 25.01em) { #main:before { content: "small" } } @media (min-width: 31.26em) { #main:before { content: "medium" } } @media (min-width: 46.885em) { #main:before { content: "large" } } @media (min-width: 53.135em) { #main:before { content: "mlarge" } } @media (min-width: 59.385em) { #main:before { content: "xlarge" } } @media (min-width: 68.76em) { #main:before { content: "xxlarge" } } @media (min-width: 68.76em) { #main:before { content: "xxlarge" } } /*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% } body { margin: 0px } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block } audio, canvas, progress, video { display: inline-block } audio:not([controls]) { display: none; height: 0 } progress { vertical-align: baseline } template, [hidden] { display: none } a { background-color: transparent; -webkit-text-decoration-skip: objects } a:active, a:hover { outline-width: 0 } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted } b, strong { font-weight: inherit } b, strong { font-weight: bolder } code, kbd, samp { font-family: monospace, monospace; font-size: 1em } dfn { font-style: italic } h1 { font-size: 2em; margin: .75em 0 } mark { background-color: #ff0; color: #000 } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sub { bottom: -0.25em } sup { top: -0.5em } img { border-style: none } svg:not(:root) { overflow: hidden } figure { margin: 1.5em 40px } hr { box-sizing: content-box; height: 0; overflow: visible } pre { font-family: monospace, monospace; font-size: 1em } button, input, optgroup, select, textarea { font: inherit; margin: 0 } button { overflow: visible } button, select { text-transform: none } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0 } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText } input { overflow: visible } [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0 } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-input-placeholder { color: inherit; opacity: 0.54 } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em } legend { box-sizing: border-box; display: table; max-width: 100%; white-space: normal; color: inherit; padding: 0 } optgroup { font-weight: bold } textarea { overflow: auto } .background-color--black { background-color: #000 } .background-color--white { background-color: #fdfdfd } .background-color--alpha { background-color: #fdfdfd } .background-color--beta { background-color: #999 } .background-color--tan { background-color: #faf5ea } .background-color--gray { background-color: #ccc } .text-color--black { color: #1b1b1b } .text-color--white { color: #fdfdfd } .text-color--gray { color: #e4e4e4 } .text-color--gray-dark { color: #333 } .text-color--red { color: #d60000 } .text-color--alpha { color: #333 } .text-color--beta { color: gray } @media (max-width: 31.24em) { .text-color-small-screens--alpha { color: #333 } } @media (max-width: 31.24em) { .text-color-small-screens--beta { color: gray } } .fill-color--white, .fill-color--white path { fill: #fdfdfd } a:focus .fill-color-hover--white, a:focus .fill-color-hover--white path, a:hover .fill-color-hover--white, a:hover .fill-color-hover--white path { fill: #fdfdfd } .fill-color--alpha, .fill-color--alpha path { fill: #444 } .fill-color--beta, .fill-color--beta path { fill: #999 } .hover-color--white a:hover { color: white } .l-cta-bar, .l-footer-copyright > div { padding-left: 1em; padding-right: 1em } @media (max-width: 18.75em) { .l-cta-bar, .l-footer-copyright > div { padding-left: .5em; padding-right: .5em } } @media (min-width: 46.875em) { .l-cta-bar, .l-footer-copyright > div { padding-left: 2em; padding-right: 2em } } @font-face { font-family: "ITC Charter W01_n4"; src: url("../Stylesheets/fonts/bd4a6c95-033c-41f0-9510-2de2be19ebc6.eot?#iefix") format("eot") } @font-face { font-family: "ITC Charter W01"; src: url("../Stylesheets/fonts/bd4a6c95-033c-41f0-9510-2de2be19ebc6.eot?#iefix"); src: url("../Stylesheets/fonts/bd4a6c95-033c-41f0-9510-2de2be19ebc6.eot?#iefix") format("eot"),url("../Stylesheets/fonts/6b354187-add6-421c-9022-918efeb1a9d4.woff2") format("woff2"),url("../Stylesheets/fonts/fcf607e0-9726-46de-99a0-3d80440fcad0.woff") format("woff"),url("../Stylesheets/fonts/3a077c2d-60d8-4c1e-947f-64cd5c57b382.ttf") format("truetype"),url("../Stylesheets/fonts/da20fd94-cdae-454e-a5d9-e1790eeaf24b.svg#da20fd94-cdae-454e-a5d9-e1790eeaf24b") format("svg"); font-weight: 400; font-style: normal } @font-face { font-family: "ITC Charter W01_i4"; src: url("../Stylesheets/fonts/ba84e803-3903-4d83-bec4-16b23ae8ad1d.eot?#iefix") format("eot") } @font-face { font-family: "ITC Charter W01"; src: url("../Stylesheets/fonts/ba84e803-3903-4d83-bec4-16b23ae8ad1d.eot?#iefix"); src: url("../Stylesheets/fonts/ba84e803-3903-4d83-bec4-16b23ae8ad1d.eot?#iefix") format("eot"),url("../Stylesheets/fonts/59ba0cae-532c-4764-970e-c8e9c4dc3621.woff2") format("woff2"),url("../Stylesheets/fonts/c17e88a4-2bac-4c58-8aea-2345de107ef7.woff") format("woff"),url("../Stylesheets/fonts/67daed65-8aec-4c77-9664-ca53f35c3734.ttf") format("truetype"),url("../Stylesheets/fonts/c46a8071-15d2-4934-89bc-7e0db806414d.svg#c46a8071-15d2-4934-89bc-7e0db806414d") format("svg"); font-weight: 400; font-style: italic } @font-face { font-family: "ITC Charter W01_n7"; src: url("../Stylesheets/fonts/65803b4f-d9d0-4ddb-a9a5-9ab6ee15827e.eot?#iefix") format("eot") } @font-face { font-family: "ITC Charter W01"; src: url("../Stylesheets/fonts/65803b4f-d9d0-4ddb-a9a5-9ab6ee15827e.eot?#iefix"); src: url("../Stylesheets/fonts/65803b4f-d9d0-4ddb-a9a5-9ab6ee15827e.eot?#iefix") format("eot"),url("../Stylesheets/fonts/a26b8d77-7077-41a3-aa4a-9720f909f728.woff2") format("woff2"),url("../Stylesheets/fonts/10deb463-297b-4976-8a13-f9a98d7ea6de.woff") format("woff"),url("../Stylesheets/fonts/143c464c-244f-4c8e-a5f2-c28f78f092fc.ttf") format("truetype"),url("../Stylesheets/fonts/2214883f-2c66-4e68-9fc8-3641bd9200ca.svg#2214883f-2c66-4e68-9fc8-3641bd9200ca") format("svg"); font-weight: 700; font-style: normal } @font-face { font-family: "ITC Charter W01_i7"; src: url("../Stylesheets/fonts/83fadcc0-5f33-4dfc-af40-cac829e5be93.eot?#iefix") format("eot") } @font-face { font-family: "ITC Charter W01"; src: url("../Stylesheets/fonts/83fadcc0-5f33-4dfc-af40-cac829e5be93.eot?#iefix"); src: url("../Stylesheets/fonts/83fadcc0-5f33-4dfc-af40-cac829e5be93.eot?#iefix") format("eot"),url("../Stylesheets/fonts/ddf06504-e618-494d-b1b9-56e26c0bf664.woff2") format("woff2"),url("../Stylesheets/fonts/291df853-a088-4f20-9bb4-ce8097a4011b.woff") format("woff"),url("../Stylesheets/fonts/3f4f26ae-3bd3-4b3c-91e0-daf64c948eda.ttf") format("truetype"),url("../Stylesheets/fonts/279fffe9-9054-428f-be89-3c9cb4f57c2d.svg#279fffe9-9054-428f-be89-3c9cb4f57c2d") format("svg"); font-weight: 700; font-style: italic } @font-face { font-family: "ITC Charter W01_n8"; src: url("../Stylesheets/fonts/ffcecea9-4527-4be9-95f4-bea2860d6535.eot?#iefix") format("eot") } @font-face { font-family: "ITC Charter W01"; src: url("../Stylesheets/fonts/ffcecea9-4527-4be9-95f4-bea2860d6535.eot?#iefix"); src: url("../Stylesheets/fonts/ffcecea9-4527-4be9-95f4-bea2860d6535.eot?#iefix") format("eot"),url("../Stylesheets/fonts/7c432744-fd05-46c3-8d26-d656c777bd5f.woff2") format("woff2"),url("../Stylesheets/fonts/fabc29b0-3776-4b3d-922c-cdbe3ad31146.woff") format("woff"),url("../Stylesheets/fonts/bf5cad83-7e03-48fa-bd2c-62b8871a6873.ttf") format("truetype"),url("../Stylesheets/fonts/f43eb9f0-5f2e-4dce-b39e-1658aafc4873.svg#f43eb9f0-5f2e-4dce-b39e-1658aafc4873") format("svg"); font-weight: 800; font-style: normal } @font-face { font-family: "ITC Charter W01_i8"; src: url("../Stylesheets/fonts/9e7fd5fd-ca11-4190-9d19-0be802a37c9d.eot?#iefix") format("eot") } @font-face { font-family: "ITC Charter W01"; src: url("../Stylesheets/fonts/9e7fd5fd-ca11-4190-9d19-0be802a37c9d.eot?#iefix"); src: url("../Stylesheets/fonts/9e7fd5fd-ca11-4190-9d19-0be802a37c9d.eot?#iefix") format("eot"),url("../Stylesheets/fonts/8f48b96f-3535-45f2-a3e7-c029b7b0d2d4.woff2") format("woff2"),url("../Stylesheets/fonts/c4cd5d84-191e-4241-b89f-b68e2761baa8.woff") format("woff"),url("../Stylesheets/fonts/4062d75d-b72c-4efa-9858-3115e9ae0e6f.ttf") format("truetype"),url("../Stylesheets/fonts/91994cd0-4680-4eeb-a64e-9be12dfb84b4.svg#91994cd0-4680-4eeb-a64e-9be12dfb84b4") format("svg"); font-weight: 800; font-style: italic } @font-face { font-family: "Neue Helvetica W01_n3"; src: url("../Stylesheets/fonts/b7693a83-b861-4aa6-85e0-9ecf676bc4d6.eot?#iefix") format("eot") } @font-face { font-family: "Neue Helvetica W01"; src: url("../Stylesheets/fonts/b7693a83-b861-4aa6-85e0-9ecf676bc4d6.eot?#iefix"); src: url("../Stylesheets/fonts/b7693a83-b861-4aa6-85e0-9ecf676bc4d6.eot?#iefix") format("eot"),url("../Stylesheets/fonts/b0868b4c-234e-47d3-bc59-41ab9de3c0db.woff2") format("woff2"),url("../Stylesheets/fonts/bcf54343-d033-41ee-bbd7-2b77df3fe7ba.woff") format("woff"),url("../Stylesheets/fonts/b0ffdcf0-26da-47fd-8485-20e4a40d4b7d.ttf") format("truetype"),url("../Stylesheets/fonts/da09f1f1-062a-45af-86e1-2bbdb3dd94f9.svg#da09f1f1-062a-45af-86e1-2bbdb3dd94f9") format("svg"); font-weight: 300; font-style: normal } @font-face { font-family: "Neue Helvetica W01"; src: url("../Stylesheets/fonts/dd7814bd-8abf-46c5-a4be-db0977de2cca.woff2") format("woff2"),url("../Stylesheets/fonts/20ffa4b4-0154-4ca6-800c-468cecbd60f1.woff") format("woff"); font-weight: 800; font-style: normal } @font-face { font-family: "Neue Helvetica W01_n6"; src: url("../Stylesheets/fonts/83d5bc89-af33-46a9-8fe3-15d87784f50e.eot?#iefix") format("eot") } @font-face { font-family: "Neue Helvetica W01"; src: url("../Stylesheets/fonts/83d5bc89-af33-46a9-8fe3-15d87784f50e.eot?#iefix"); src: url("../Stylesheets/fonts/83d5bc89-af33-46a9-8fe3-15d87784f50e.eot?#iefix") format("eot"),url("../Stylesheets/fonts/ab23c239-fb66-406e-bce6-f0f260f5a217.woff2") format("woff2"),url("../Stylesheets/fonts/102ab74c-0e84-4fe5-a17a-b20fb643591a.woff") format("woff"),url("../Stylesheets/fonts/1d146b29-55e2-485b-96aa-5cb628e7e9eb.ttf") format("truetype"),url("../Stylesheets/fonts/d90b3358-e1e2-4abb-ba96-356983a54c22.svg#d90b3358-e1e2-4abb-ba96-356983a54c22") format("svg"); font-weight: 600; font-style: normal } @font-face { font-family: "Neue Helvetica W01_n4"; src: url("../Stylesheets/fonts/3808766e-26cf-47cb-97a7-1f1c64db9c48.eot?#iefix") format("eot") } @font-face { font-family: "Neue Helvetica W01"; src: url("../Stylesheets/fonts/3808766e-26cf-47cb-97a7-1f1c64db9c48.eot?#iefix"); src: url("../Stylesheets/fonts/3808766e-26cf-47cb-97a7-1f1c64db9c48.eot?#iefix") format("eot"),url("../Stylesheets/fonts/946b2f3f-a9d7-47e4-9738-ee963004d697.woff2") format("woff2"),url("../Stylesheets/fonts/ce90a9c3-4580-4fa7-b453-9a4e86d0c271.woff") format("woff"),url("../Stylesheets/fonts/a621a6bf-fa40-4115-9f42-6ffb55c017e2.ttf") format("truetype"),url("../Stylesheets/fonts/436f9358-58a7-4f85-bdef-f4cd10831df6.svg#436f9358-58a7-4f85-bdef-f4cd10831df6") format("svg"); font-weight: 400; font-style: normal } @font-face { font-family: "Neue Helvetica W01_o7"; src: url("../Stylesheets/fonts/7560f08f-e627-461f-acba-c2fc820c6f0c.eot?#iefix") format("eot") } @font-face { font-family: "Neue Helvetica W01"; src: url("../Stylesheets/fonts/7560f08f-e627-461f-acba-c2fc820c6f0c.eot?#iefix"); src: url("../Stylesheets/fonts/7560f08f-e627-461f-acba-c2fc820c6f0c.eot?#iefix") format("eot"),url("../Stylesheets/fonts/a2957f2d-9b3b-4aea-b86c-bba81fc8128e.woff2") format("woff2"),url("../Stylesheets/fonts/879d541c-7f90-4fe6-93c4-453ee22fa15e.woff") format("woff"),url("../Stylesheets/fonts/75f88dce-dde4-429c-92d1-1a1631b021a8.ttf") format("truetype"),url("../Stylesheets/fonts/164f7c14-41fa-4682-9997-b8f0841b7666.svg#164f7c14-41fa-4682-9997-b8f0841b7666") format("svg"); font-weight: 700; font-style: oblique } .row { max-width: 62.5rem; margin-right: auto; margin-left: auto } .row::before, .row::after { display: table; content: ' ' } .row::after { clear: both } .row.collapse > .column, .row.collapse > .columns { padding-right: 0; padding-left: 0 } .row .row { margin-right: -0.9375rem; margin-left: -0.9375rem } @media print, screen and (min-width: 40em) { .row .row { margin-right: -0.9375rem; margin-left: -0.9375rem } } @media print, screen and (min-width: 64em) { .row .row { margin-right: -0.9375rem; margin-left: -0.9375rem } } .row .row.collapse { margin-right: 0; margin-left: 0 } .row.expanded { max-width: none } .row.expanded .row { max-width: none } .column, .columns { width: 100%; float: left; padding-right: 0.9375rem; padding-left: 0.9375rem } .column:last-child:not(:first-child), .columns:last-child:not(:first-child) { float: right } .column.end:last-child:last-child, .end.columns:last-child:last-child { float: left } .columns > :first-child { margin-top: 0 } .column.row.row, .row.row.columns { float: none } .row .column.row.row, .row .row.row.columns { margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0 } .small-1 { width: 8.33333% } .small-push-1 { position: relative; left: 8.33333% } .small-pull-1 { position: relative; left: -8.33333% } .small-offset-0 { margin-left: 0% } .small-2 { width: 16.66667% } .small-push-2 { position: relative; left: 16.66667% } .small-pull-2 { position: relative; left: -16.66667% } .small-offset-1 { margin-left: 8.33333% } .small-3 { width: 25% } .small-push-3 { position: relative; left: 25% } .small-pull-3 { position: relative; left: -25% } .small-offset-2 { margin-left: 16.66667% } .small-4 { width: 33.33333% } .small-push-4 { position: relative; left: 33.33333% } .small-pull-4 { position: relative; left: -33.33333% } .small-offset-3 { margin-left: 25% } .small-5 { width: 41.66667% } .small-push-5 { position: relative; left: 41.66667% } .small-pull-5 { position: relative; left: -41.66667% } .small-offset-4 { margin-left: 33.33333% } .small-6 { width: 50% } .small-push-6 { position: relative; left: 50% } .small-pull-6 { position: relative; left: -50% } .small-offset-5 { margin-left: 41.66667% } .small-7 { width: 58.33333% } .small-push-7 { position: relative; left: 58.33333% } .small-pull-7 { position: relative; left: -58.33333% } .small-offset-6 { margin-left: 50% } .small-8 { width: 66.66667% } .small-push-8 { position: relative; left: 66.66667% } .small-pull-8 { position: relative; left: -66.66667% } .small-offset-7 { margin-left: 58.33333% } .small-9 { width: 75% } .small-push-9 { position: relative; left: 75% } .small-pull-9 { position: relative; left: -75% } .small-offset-8 { margin-left: 66.66667% } .small-10 { width: 83.33333% } .small-push-10 { position: relative; left: 83.33333% } .small-pull-10 { position: relative; left: -83.33333% } .small-offset-9 { margin-left: 75% } .small-11 { width: 91.66667% } .small-push-11 { position: relative; left: 91.66667% } .small-pull-11 { position: relative; left: -91.66667% } .small-offset-10 { margin-left: 83.33333% } .small-12 { width: 100% } .small-offset-11 { margin-left: 91.66667% } .small-up-1 > .column, .small-up-1 > .columns { float: left; width: 100% } .small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) { clear: none } .small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1) { clear: both } .small-up-1 > .column:last-child, .small-up-1 > .columns:last-child { float: left } .small-up-2 > .column, .small-up-2 > .columns { float: left; width: 50% } .small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) { clear: none } .small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) { clear: both } .small-up-2 > .column:last-child, .small-up-2 > .columns:last-child { float: left } .small-up-3 > .column, .small-up-3 > .columns { float: left; width: 33.33333% } .small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) { clear: none } .small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) { clear: both } .small-up-3 > .column:last-child, .small-up-3 > .columns:last-child { float: left } .small-up-4 > .column, .small-up-4 > .columns { float: left; width: 25% } .small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) { clear: none } .small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) { clear: both } .small-up-4 > .column:last-child, .small-up-4 > .columns:last-child { float: left } .small-up-5 > .column, .small-up-5 > .columns { float: left; width: 20% } .small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) { clear: none } .small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) { clear: both } .small-up-5 > .column:last-child, .small-up-5 > .columns:last-child { float: left } .small-up-6 > .column, .small-up-6 > .columns { float: left; width: 16.66667% } .small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) { clear: none } .small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) { clear: both } .small-up-6 > .column:last-child, .small-up-6 > .columns:last-child { float: left } .small-up-7 > .column, .small-up-7 > .columns { float: left; width: 14.28571% } .small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) { clear: none } .small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) { clear: both } .small-up-7 > .column:last-child, .small-up-7 > .columns:last-child { float: left } .small-up-8 > .column, .small-up-8 > .columns { float: left; width: 12.5% } .small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) { clear: none } .small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) { clear: both } .small-up-8 > .column:last-child, .small-up-8 > .columns:last-child { float: left } .small-collapse > .column, .small-collapse > .columns { padding-right: 0; padding-left: 0 } .small-collapse .row { margin-right: 0; margin-left: 0 } .expanded.row .small-collapse.row { margin-right: 0; margin-left: 0 } .small-uncollapse > .column, .small-uncollapse > .columns { padding-right: 0.9375rem; padding-left: 0.9375rem } .small-centered { margin-right: auto; margin-left: auto } .small-centered, .small-centered:last-child:not(:first-child) { float: none; clear: both } .small-uncentered, .small-push-0, .small-pull-0 { position: static; float: left; margin-right: 0; margin-left: 0 } @media print, screen and (min-width: 40em) { .medium-1 { width: 8.33333% } .medium-push-1 { position: relative; left: 8.33333% } .medium-pull-1 { position: relative; left: -8.33333% } .medium-offset-0 { margin-left: 0% } .medium-2 { width: 16.66667% } .medium-push-2 { position: relative; left: 16.66667% } .medium-pull-2 { position: relative; left: -16.66667% } .medium-offset-1 { margin-left: 8.33333% } .medium-3 { width: 25% } .medium-push-3 { position: relative; left: 25% } .medium-pull-3 { position: relative; left: -25% } .medium-offset-2 { margin-left: 16.66667% } .medium-4 { width: 33.33333% } .medium-push-4 { position: relative; left: 33.33333% } .medium-pull-4 { position: relative; left: -33.33333% } .medium-offset-3 { margin-left: 25% } .medium-5 { width: 41.66667% } .medium-push-5 { position: relative; left: 41.66667% } .medium-pull-5 { position: relative; left: -41.66667% } .medium-offset-4 { margin-left: 33.33333% } .medium-6 { width: 50% } .medium-push-6 { position: relative; left: 50% } .medium-pull-6 { position: relative; left: -50% } .medium-offset-5 { margin-left: 41.66667% } .medium-7 { width: 58.33333% } .medium-push-7 { position: relative; left: 58.33333% } .medium-pull-7 { position: relative; left: -58.33333% } .medium-offset-6 { margin-left: 50% } .medium-8 { width: 66.66667% } .medium-push-8 { position: relative; left: 66.66667% } .medium-pull-8 { position: relative; left: -66.66667% } .medium-offset-7 { margin-left: 58.33333% } .medium-9 { width: 75% } .medium-push-9 { position: relative; left: 75% } .medium-pull-9 { position: relative; left: -75% } .medium-offset-8 { margin-left: 66.66667% } .medium-10 { width: 83.33333% } .medium-push-10 { position: relative; left: 83.33333% } .medium-pull-10 { position: relative; left: -83.33333% } .medium-offset-9 { margin-left: 75% } .medium-11 { width: 91.66667% } .medium-push-11 { position: relative; left: 91.66667% } .medium-pull-11 { position: relative; left: -91.66667% } .medium-offset-10 { margin-left: 83.33333% } .medium-12 { width: 100% } .medium-offset-11 { margin-left: 91.66667% } .medium-up-1 > .column, .medium-up-1 > .columns { float: left; width: 100% } .medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type(1n) { clear: none } .medium-up-1 > .column:nth-of-type(1n+1), .medium-up-1 > .columns:nth-of-type(1n+1) { clear: both } .medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child { float: left } .medium-up-2 > .column, .medium-up-2 > .columns { float: left; width: 50% } .medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n) { clear: none } .medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1) { clear: both } .medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child { float: left } .medium-up-3 > .column, .medium-up-3 > .columns { float: left; width: 33.33333% } .medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n) { clear: none } .medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1) { clear: both } .medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child { float: left } .medium-up-4 > .column, .medium-up-4 > .columns { float: left; width: 25% } .medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n) { clear: none } .medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1) { clear: both } .medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child { float: left } .medium-up-5 > .column, .medium-up-5 > .columns { float: left; width: 20% } .medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n) { clear: none } .medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1) { clear: both } .medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child { float: left } .medium-up-6 > .column, .medium-up-6 > .columns { float: left; width: 16.66667% } .medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n) { clear: none } .medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) { clear: both } .medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child { float: left } .medium-up-7 > .column, .medium-up-7 > .columns { float: left; width: 14.28571% } .medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n) { clear: none } .medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) { clear: both } .medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child { float: left } .medium-up-8 > .column, .medium-up-8 > .columns { float: left; width: 12.5% } .medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type(1n) { clear: none } .medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) { clear: both } .medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child { float: left } .medium-collapse > .column, .medium-collapse > .columns { padding-right: 0; padding-left: 0 } .medium-collapse .row { margin-right: 0; margin-left: 0 } .expanded.row .medium-collapse.row { margin-right: 0; margin-left: 0 } .medium-uncollapse > .column, .medium-uncollapse > .columns { padding-right: 0.9375rem; padding-left: 0.9375rem } .medium-centered { margin-right: auto; margin-left: auto } .medium-centered, .medium-centered:last-child:not(:first-child) { float: none; clear: both } .medium-uncentered, .medium-push-0, .medium-pull-0 { position: static; float: left; margin-right: 0; margin-left: 0 } } @media print, screen and (min-width: 64em) { .large-1 { width: 8.33333% } .large-push-1 { position: relative; left: 8.33333% } .large-pull-1 { position: relative; left: -8.33333% } .large-offset-0 { margin-left: 0% } .large-2 { width: 16.66667% } .large-push-2 { position: relative; left: 16.66667% } .large-pull-2 { position: relative; left: -16.66667% } .large-offset-1 { margin-left: 8.33333% } .large-3 { width: 25% } .large-push-3 { position: relative; left: 25% } .large-pull-3 { position: relative; left: -25% } .large-offset-2 { margin-left: 16.66667% } .large-4 { width: 33.33333% } .large-push-4 { position: relative; left: 33.33333% } .large-pull-4 { position: relative; left: -33.33333% } .large-offset-3 { margin-left: 25% } .large-5 { width: 41.66667% } .large-push-5 { position: relative; left: 41.66667% } .large-pull-5 { position: relative; left: -41.66667% } .large-offset-4 { margin-left: 33.33333% } .large-6 { width: 50% } .large-push-6 { position: relative; left: 50% } .large-pull-6 { position: relative; left: -50% } .large-offset-5 { margin-left: 41.66667% } .large-7 { width: 58.33333% } .large-push-7 { position: relative; left: 58.33333% } .large-pull-7 { position: relative; left: -58.33333% } .large-offset-6 { margin-left: 50% } .large-8 { width: 66.66667% } .large-push-8 { position: relative; left: 66.66667% } .large-pull-8 { position: relative; left: -66.66667% } .large-offset-7 { margin-left: 58.33333% } .large-9 { width: 75% } .large-push-9 { position: relative; left: 75% } .large-pull-9 { position: relative; left: -75% } .large-offset-8 { margin-left: 66.66667% } .large-10 { width: 83.33333% } .large-push-10 { position: relative; left: 83.33333% } .large-pull-10 { position: relative; left: -83.33333% } .large-offset-9 { margin-left: 75% } .large-11 { width: 91.66667% } .large-push-11 { position: relative; left: 91.66667% } .large-pull-11 { position: relative; left: -91.66667% } .large-offset-10 { margin-left: 83.33333% } .large-12 { width: 100% } .large-offset-11 { margin-left: 91.66667% } .large-up-1 > .column, .large-up-1 > .columns { float: left; width: 100% } .large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) { clear: none } .large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1) { clear: both } .large-up-1 > .column:last-child, .large-up-1 > .columns:last-child { float: left } .large-up-2 > .column, .large-up-2 > .columns { float: left; width: 50% } .large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) { clear: none } .large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) { clear: both } .large-up-2 > .column:last-child, .large-up-2 > .columns:last-child { float: left } .large-up-3 > .column, .large-up-3 > .columns { float: left; width: 33.33333% } .large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) { clear: none } .large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) { clear: both } .large-up-3 > .column:last-child, .large-up-3 > .columns:last-child { float: left } .large-up-4 > .column, .large-up-4 > .columns { float: left; width: 25% } .large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) { clear: none } .large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) { clear: both } .large-up-4 > .column:last-child, .large-up-4 > .columns:last-child { float: left } .large-up-5 > .column, .large-up-5 > .columns { float: left; width: 20% } .large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) { clear: none } .large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) { clear: both } .large-up-5 > .column:last-child, .large-up-5 > .columns:last-child { float: left } .large-up-6 > .column, .large-up-6 > .columns { float: left; width: 16.66667% } .large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) { clear: none } .large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) { clear: both } .large-up-6 > .column:last-child, .large-up-6 > .columns:last-child { float: left } .large-up-7 > .column, .large-up-7 > .columns { float: left; width: 14.28571% } .large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) { clear: none } .large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) { clear: both } .large-up-7 > .column:last-child, .large-up-7 > .columns:last-child { float: left } .large-up-8 > .column, .large-up-8 > .columns { float: left; width: 12.5% } .large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) { clear: none } .large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) { clear: both } .large-up-8 > .column:last-child, .large-up-8 > .columns:last-child { float: left } .large-collapse > .column, .large-collapse > .columns { padding-right: 0; padding-left: 0 } .large-collapse .row { margin-right: 0; margin-left: 0 } .expanded.row .large-collapse.row { margin-right: 0; margin-left: 0 } .large-uncollapse > .column, .large-uncollapse > .columns { padding-right: 0.9375rem; padding-left: 0.9375rem } .large-centered { margin-right: auto; margin-left: auto } .large-centered, .large-centered:last-child:not(:first-child) { float: none; clear: both } .large-uncentered, .large-push-0, .large-pull-0 { position: static; float: left; margin-right: 0; margin-left: 0 } } .column-block { margin-bottom: 1.875rem } .column-block > :last-child { margin-bottom: 0 } .hide { display: none !important } .invisible { visibility: hidden } @media screen and (max-width: 39.9375em) { .hide-for-small-only { display: none !important } } @media screen and (max-width: 0em), screen and (min-width: 40em) { .show-for-small-only { display: none !important } } @media print, screen and (min-width: 40em) { .hide-for-medium { display: none !important } } @media screen and (max-width: 39.9375em) { .show-for-medium { display: none !important } } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .hide-for-medium-only { display: none !important } } @media screen and (max-width: 39.9375em), screen and (min-width: 64em) { .show-for-medium-only { display: none !important } } @media print, screen and (min-width: 64em) { .hide-for-large { display: none !important } } @media screen and (max-width: 63.9375em) { .show-for-large { display: none !important } } @media screen and (min-width: 64em) and (max-width: 74.9375em) { .hide-for-large-only { display: none !important } } @media screen and (max-width: 63.9375em), screen and (min-width: 75em) { .show-for-large-only { display: none !important } } .show-for-sr, .show-on-focus { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0) } .show-on-focus:active, .show-on-focus:focus { position: static !important; width: auto; height: auto; overflow: visible; clip: auto } .show-for-landscape, .hide-for-portrait { display: block !important } @media screen and (orientation: landscape) { .show-for-landscape, .hide-for-portrait { display: block !important } } @media screen and (orientation: portrait) { .show-for-landscape, .hide-for-portrait { display: none !important } } .hide-for-landscape, .show-for-portrait { display: none !important } @media screen and (orientation: landscape) { .hide-for-landscape, .show-for-portrait { display: none !important } } @media screen and (orientation: portrait) { .hide-for-landscape, .show-for-portrait { display: block !important } } .l-main-pagecontent, .sg-main { font-size: 1rem } @media screen and (min-width: 20rem) { .l-main-pagecontent, .sg-main { font-size: calc(1rem + 2.157 * ((100vw - 20rem) / 30)) } } @media screen and (min-width: 50rem) { .l-main-pagecontent, .sg-main { font-size: 3.157rem } } main, .sg-main { line-height: 1.5rem; padding: 1.5rem 0 } .valid { color: #0db268 } .error { color: red } .warning { color: #fff664 } .information { color: #000db5 } .font-secondary { font-family: 'Neue Helvetica W01',Helvetica,Arial,sans-serif !important } .font-secondary strong { letter-spacing: 2px; font-weight: 600 } .font-secondary.caps { font-variant: normal; text-transform: uppercase; letter-spacing: 5px } .caps { font-weight: 600; text-transform: uppercase } body { background: #fdfdfd; -webkit-text-size-adjust: 100%; color: #333; overflow-x: hidden } a { color: #333; text-decoration: none; outline: 0; transition: all .4s ease } a:hover, a:focus { color: #d60000 } p > a { color: #1b1b1b; text-decoration: none; box-shadow: 0px -4px 0px #ccc inset; transition: all .4s ease } p > a:hover { box-shadow: 0px -4px 0px #fdfdfd inset } h1, h2, h3, h4, h5, h6 { word-wrap: break-word; font-family: 'ITC Charter W01',Georgia,Garamond,serif; margin-bottom: 1.5rem } .l-main-pagecontent h1, .alpha { font-size: 3.157rem; color: #1b1b1b; letter-spacing: 1.5px; line-height: 3.157rem; margin-top: calc((1.5rem - 3.157rem) + 1.5rem) } .l-main-pagecontent h2, .beta { font-size: 2.369rem; line-height: 2.369rem; margin-top: calc((1.5rem - 2.369rem) + 1.5rem*2) } .l-main-pagecontent h3, .gamma { font-size: 1.777rem; line-height: 1.777rem; margin-top: calc((1.5rem - 1.777rem) + 1.5rem*2) } .l-main-pagecontent h4, .delta { font-size: 1.333rem; line-height: 1.333rem; margin-top: calc((1.5rem - 1.333rem) + 1.5rem*2) } .l-main-pagecontent h5, .epsilon { font-size: 1.2rem; line-height: 1.2rem; margin-top: calc((1.5rem - 1.2rem) + 1.5rem*2) } .l-main-pagecontent h6, .zeta { font-size: 1.2rem; font-weight: 700; letter-spacing: 1px; font-variant: small-caps; line-height: 1.2rem; margin-top: calc((1.5rem - 1.2rem) + 1.5rem*2) } a h1, a h2, a h3, a h4, a h5, a h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-family: 'Neue Helvetica W01',Helvetica,Arial,sans-serif; font-weight: 600; letter-spacing: 2px; color: #1b1b1b } .subheading { font-family: 'Neue Helvetica W01',Helvetica,Arial,sans-serif; font-weight: normal } ::-moz-selection { color: #000; background: #d60000 } ::selection { color: #000; background: #d60000 } .l-main-pagecontent p, .sg-main p, .l-main-pagecontent li, .sg-main li { line-height: calc(1.5rem / (.9)); color: #1b1b1b; margin-bottom: 1.5rem; font-family: 'ITC Charter W01',Georgia,Garamond,serif; font-size: 1.2rem } @media (min-width: 112.51em) { .l-main-pagecontent p, .sg-main p, .l-main-pagecontent li, .sg-main li { font-size: 1rem; line-height: calc(1.5rem / (1.2)) } } pre { font-family: font(code); font-size: 1rem } hr { width: 100%; height: 2px; background: #e6e6e6; border: 0; margin: 2em 0 } hr.hr--secondary { height: 1vw; width: 80%; background: #1b1b1b } strong { font-weight: 900 } em { font-style: italic } b { font-weight: bold } i { font-style: italics } q:before, q cite:before { content: '“'; padding: 3px } q:after, q cite:after { content: '”'; padding: 3px } q q:before, q cite q:before { content: '‘' } q q:after, q cite q:after { content: '’' } h1 sup, h2 sup, h3 sup, h4 sup, h5 sup, h6 sup { font-size: 60%; top: -0.475em } small { font-size: 75% } code { font-size: 0.85em; line-height: inherit; background: rgba(128,128,128,0.15); border: 1px solid rgba(128,128,128,0.5); color: #385269; padding: 0.125em; border-radius: 3px; font-family: font(code) } cite { font-weight: normal } abbr[title] { border-bottom: 4px dotted #e6e6e6; cursor: help; text-decoration: none } mark { padding: 0 7px; background: #faf5ea } time { text-transform: uppercase; font-weight: 900; font-family: 'Neue Helvetica W01',Helvetica,Arial,sans-serif; letter-spacing: 2px; font-size: 1.2rem; color: #333 } blockquote.default, blockquote { border-left: 2px solid #1b1b1b; color: #1b1b1b; font-family: 'ITC Charter W01',Georgia,Garamond,serif; padding-left: 1em; margin-bottom: 1em; font-style: italic } ol, ul { margin: 0; padding: 0; list-style: none; font-family: 'ITC Charter W01',Georgia,Garamond,serif; color: #666 } .l-main-pagecontent ul { list-style: disc; margin-left: 1em; margin-bottom: 1em } .l-main-pagecontent ul li p { margin: 0em !important } .l-main-pagecontent ul > li > ul { list-style: circle; margin-left: 1.25em; padding-top: .25em } .l-main-pagecontent ul > li > ul li { margin-bottom: 0em; font-size: 1rem } .l-main-pagecontent ol { list-style: decimal; margin-left: 1em } .l-main-pagecontent ol > li > ol { list-style: lower-latin; margin-left: 1.25em; padding-top: .25em } .l-main-pagecontent ol > li > ol li { margin-bottom: 0em; font-size: 1rem } dl { overflow: hidden; margin: 0 0 1em; font-family: 'ITC Charter W01',Georgia,Garamond,serif } dt { margin-top: 1em; line-height: .75em; font-family: 'ITC Charter W01',Georgia,Garamond,serif; font-weight: 600; letter-spacing: 2px } dd { margin-top: .5em; font-style: italic; margin-left: 0.5em; font-size: 75%; line-height: 1em } img, video, object { max-width: 100%; height: auto } iframe { margin-bottom: 1em } figure { margin-bottom: 1em } figure img { margin-bottom: .5em } figcaption { font-family: 'ITC Charter W01',Georgia,Garamond,serif; font-size: .55rem; line-height: 1.5; font-weight: 100; letter-spacing: .5; max-width: 80% } form ol, form ul { list-style: none; margin-left: 0 } fieldset { border: 0; padding: 0; margin: 0 } label { display: block; padding-bottom: .5em } button, input, select, textarea { font-family: inherit; font-size: 1.2rem; margin: 0 1px 0 } input, textarea, select { width: 100%; border: 4px solid #ccc; font-family: 'ITC Charter W01',Georgia,Garamond,serif; font-weight: 600; padding: .5em 0.65rem; color: #333 } input:focus, textarea:focus, select:focus { outline: none; border: solid 4px #666; color: #666 } input[type=text], input[type=search], input[type=url], input[type=number], textarea { -webkit-appearance: none; margin-bottom: 1em } button, input[type="submit"] { background: #1b1b1b; transition: all .4s ease; padding: .5rem; border: 1px solid #1b1b1b; color: #fdfdfd; font-family: 'Neue Helvetica W01',Helvetica,Arial,sans-serif; letter-spacing: 1px } button:hover, button:focus, input[type="submit"]:hover, input[type="submit"]:focus { background: #fdfdfd; color: #1b1b1b; border: 1px solid #1b1b1b } .checkbox, .radio { opacity: 0; position: absolute } .checkbox, .checkbox-label, .radio, .radio-label { display: inline-block; vertical-align: middle; margin: 5px; cursor: pointer } .checkbox-label, .radio-label { position: relative; font-family: 'Neue Helvetica W01',Helvetica,Arial,sans-serif } .checkbox + .checkbox-label:before, .radio + .radio-label:before { content: ''; background: #fff; border: 4px solid #ccc; display: inline-block; width: 25px; height: 25px; padding: 2px; margin-right: 10px; text-align: center } .checkbox:checked + .checkbox-label:before { background: #d60000; box-shadow: inset 0px 0px 0px 3px #fff } .radio + .radio-label:before { border-radius: 50% } .radio:checked + .radio-label:before { background: #d60000; box-shadow: inset 0px 0px 0px 3px #fff } .checkbox:focus + .checkbox-label, .radio:focus + .radio-label { outline: 1px solid #ccc } input[type="search"] { -webkit-appearance: none; border-radius: 0 } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none } .field-container { margin-bottom: 1em } .inline-form fieldset, .inline-form .inline-container { position: relative } .inline-form input[type=submit], .inline-form button, .inline-form .btn { font-size: .875em; padding: 0.65rem 1.3rem; background: #333; position: absolute; top: 0; right: 0; z-index: 1; width: auto } .inline-form input[type=submit]:hover, .inline-form input[type=submit]:focus, .inline-form button:hover, .inline-form button:focus, .inline-form .btn:hover, .inline-form .btn:focus { background: #ccc; color: #fdfdfd } .is-error { border: 4px solid #d60000; color: #d60000 } .is-error:focus { border: 8px ridge #d60000 } .is-valid { border-color: #0db268; color: #0db268 } .is-valid:focus { border-color: #0db268 } .search-field { padding-right: 3em } .inline-form .search-submit { background: none; padding: 0.78em 1em; border: 0; border-left: 1px solid #ccc; color: #ccc } table { margin: 1.5rem auto; width: auto; border-collapse: separate; border-spacing: 1em } @media (min-width: 31.25em) { table { border-collapse: collapse; border-spacing: 0 } } table thead { background: transparent; border-bottom: 1px solid #e4e4e4; color: getColor(#000, primary) } table th { text-align: left; display: none; font-family: 'Neue Helvetica W01',Helvetica,Arial,sans-serif; font-size: 1.2rem; line-height: 1em; font-weight: 900; text-transform: uppercase; letter-spacing: 1px } table col { width: 11.7em } @media (min-width: 112.5em) { table col { width: 23.25em } } table tbody { background: transparent } table td { display: block; font-family: 'ITC Charter W01',Georgia,Garamond,serif; padding: .75rem 0.5em; border-bottom: 1px solid #e4e4e4; line-height: 1em; font-size: 1.2rem } @media (min-width: 31.25em) { table td { border-bottom: 0px } } table td::before { content: attr(data-th) ""; display: inline-block; color: #333; background: transparent; border-right: 2px solid #fdfdfd; position: absolute; top: 0; font-weight: 900; letter-spacing: 1px; left: 0; bottom: 0; width: 100px; max-height: 100%; font-family: 'Neue Helvetica W01',Helvetica,Arial,sans-serif; text-transform: uppercase; padding-left: .75rem; padding-top: .75rem } @media (min-width: 31.25em) { table td::before { display: none } } table th, table td { position: relative; padding-left: 140px } @media (min-width: 31.25em) { table th, table td { display: table-cell } } @media (min-width: 31.25em) { table th { padding: 1.5rem; padding-top: 13px; padding-bottom: .75rem } } @media (min-width: 31.25em) { table td { padding: 1.5rem; padding-bottom: .5rem } } .l-main-pagecontent .table-wrapper table td p, .l-main-pagecontent .table-wrapper table td li { font-size: 1.1rem; line-height: 1.1em; min-width: 5em } .table-wrapper { width: 100%; height: auto; overflow-x: auto } .table-wrapper table { border-collapse: collapse } .table-wrapper table th, .table-wrapper table td { display: table-cell; padding: 0.5em } @media (min-width: 31.25em) { .table-wrapper table th, .table-wrapper table td { padding: 1em } } .table-wrapper table td { vertical-align: top } @media (min-width: 31.25em) { .table-wrapper table td { border-bottom: 1px solid #e4e4e4 } } .table-wrapper table td::before { display: none } .table-wrapper table td:last-child::after { display: none } td:last-child::after { content: ""; display: block; background: #fdfdfd; height: 1px; left: 0; position: absolute; bottom: 0; width: 100% } @media (min-width: 31.25em) { td:last-child::after { display: none } } .table--striped col { width: 15.6em } @media (min-width: 112.5em) { .table--striped col { width: 31em } } .table--striped tbody tr:nth-child(even) { background: #f3f3f3 } @media (min-width: 31.25em) { .table--striped tbody tr:nth-child(even) { background: #f3f3f3 } } .table--border col { width: 11.7em } @media (min-width: 112.5em) { .table--border col { width: 23.25em } } @media (min-width: 31.25em) { .table--border tr { border-bottom: 1px solid #e4e4e4 } } .table--highlight tbody tr:hover { background: #faf5ea } .animate-fade { -webkit-transition: opacity,0.4s,ease-out; -moz-transition: opacity,0.4s,ease-out; transition: opacity,0.4s,ease-out } .animate-fade:hover { opacity: 0 } .animate-move > .demo-shape { -webkit-transition: all,0.8s,ease-in-out; -moz-transition: all,0.8s,ease-in-out; transition: all,0.8s,ease-in-out } /*! * animate.css -http://daneden.me/animate * Version - 3.5.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2016 Daniel Eden */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0) } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0) } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0) } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0) } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0) } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0) } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom } @-webkit-keyframes flash { from, 50%, to { opacity: 1 } 25%, 75% { opacity: 0 } } @keyframes flash { from, 50%, to { opacity: 1 } 25%, 75% { opacity: 0 } } .flash { -webkit-animation-name: flash; animation-name: flash } @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05) } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05) } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } .pulse { -webkit-animation-name: pulse; animation-name: pulse } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1) } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1) } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1) } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1) } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1) } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1) } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1) } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1) } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1) } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1) } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0) } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0) } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0) } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0) } } .shake { -webkit-animation-name: shake; animation-name: shake } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg) } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg) } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg) } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg) } 50% { -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg) } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg) } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg) } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg) } 50% { -webkit-transform: translateX(0); transform: translateX(0) } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg) } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg) } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg) } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg) } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg) } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg) } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg) } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg) } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg) } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg) } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg) } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg) } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg) } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg) } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg) } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg) } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } .tada { -webkit-animation-name: tada; animation-name: tada } @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg) } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg) } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg) } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg) } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg) } to { -webkit-transform: none; transform: none } } @keyframes wobble { from { -webkit-transform: none; transform: none } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg) } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg) } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg) } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg) } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg) } to { -webkit-transform: none; transform: none } } .wobble { -webkit-animation-name: wobble; animation-name: wobble } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg) } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg) } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg) } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg) } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg) } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg) } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1) } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3) } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1) } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9) } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03) } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97) } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1) } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3) } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1) } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9) } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03) } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97) } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1) } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0) } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0) } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0) } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0) } to { -webkit-transform: none; transform: none } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1) } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0) } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0) } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0) } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0) } to { -webkit-transform: none; transform: none } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1) } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0) } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0) } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0) } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0) } to { -webkit-transform: none; transform: none } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1) } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0) } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0) } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0) } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0) } to { -webkit-transform: none; transform: none } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1) } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0) } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0) } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0) } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0) } to { -webkit-transform: none; transform: none } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1) } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0) } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0) } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0) } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0) } to { -webkit-transform: none; transform: none } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1) } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0) } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0) } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0) } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0) } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1) } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0) } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0) } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0) } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0) } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9) } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1) } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3) } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9) } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1) } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3) } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0) } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0) } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0) } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0) } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0) } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0) } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0) } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0) } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0) } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0) } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0) } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0) } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0) } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0) } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0) } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0) } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0) } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0) } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0) } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0) } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp } @-webkit-keyframes fadeIn { from { opacity: 0 } to { opacity: 1 } } @keyframes fadeIn { from { opacity: 0 } to { opacity: 1 } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig } @-webkit-keyframes fadeOut { from { opacity: 1 } to { opacity: 0 } } @keyframes fadeOut { from { opacity: 1 } to { opacity: 0 } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut } @-webkit-keyframes fadeOutDown { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } } @keyframes fadeOutDown { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown } @-webkit-keyframes fadeOutDownBig { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0) } } @keyframes fadeOutDownBig { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0) } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig } @-webkit-keyframes fadeOutLeft { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } } @keyframes fadeOutLeft { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0) } } @keyframes fadeOutLeftBig { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0) } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig } @-webkit-keyframes fadeOutRight { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } } @keyframes fadeOutRight { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight } @-webkit-keyframes fadeOutRightBig { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0) } } @keyframes fadeOutRightBig { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0) } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig } @-webkit-keyframes fadeOutUp { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } } @keyframes fadeOutUp { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp } @-webkit-keyframes fadeOutUpBig { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0) } } @keyframes fadeOutUpBig { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0) } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1 } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0 } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1 } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0 } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1 } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0 } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1 } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0 } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0 } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1 } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1 } to { -webkit-transform: none; transform: none; opacity: 1 } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0 } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1 } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1 } to { -webkit-transform: none; transform: none; opacity: 1 } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } @-webkit-keyframes lightSpeedOut { from { opacity: 1 } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0 } } @keyframes lightSpeedOut { from { opacity: 1 } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0 } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0 } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1 } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0 } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1 } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1 } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1 } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1 } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1 } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1 } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1 } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1 } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1 } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1 } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0 } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1 } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0 } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0 } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0 } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0 } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0 } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0 } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0 } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0 } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0 } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1 } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0 } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1 } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0 } } .hinge { -webkit-animation-name: hinge; animation-name: hinge } @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg) } to { opacity: 1; -webkit-transform: none; transform: none } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn } @-webkit-keyframes rollOut { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg) } } @keyframes rollOut { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg) } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3) } 50% { opacity: 1 } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3) } 50% { opacity: 1 } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19) } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1) } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19) } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1) } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19) } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1) } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19) } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1) } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19) } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1) } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19) } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1) } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19) } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1) } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19) } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1) } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp } @-webkit-keyframes zoomOut { from { opacity: 1 } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3) } to { opacity: 0 } } @keyframes zoomOut { from { opacity: 1 } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3) } to { opacity: 0 } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19) } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1) } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19) } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1) } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0) } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0) } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0) } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0) } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19) } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1) } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19) } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1) } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp } .breadcrumbs > *:first-child:before { content: ""; margin: 0; line-height: 0.6875em } .breadcrumbs li:first-of-type a { color: #d60000 !important; transition: all .4s ease; box-shadow: 0px 0px 0px #d60000 } .breadcrumbs li:first-of-type a:hover { box-shadow: 0px 2px 0px #d60000 } .breadcrumbs > *:before { content: "/"; color: #ccc; margin: 0 0.75rem; position: relative; top: 1px } .breadcrumbs > * { font-size: 0.6875em; line-height: 0.6875em; text-transform: uppercase; letter-spacing: 1px; color: #333; font-family: 'Neue Helvetica W01',Helvetica,Arial,sans-serif } .breadcrumbs a { text-transform: none !important; color: #666; transition: all .4s ease; box-shadow: 0px 0px 0px #1b1b1b } .breadcrumbs a:hover { box-shadow: 0px 2px 0px #999 } .breadcrumbs-item:first-child a:before { font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; text-align: left; font-variant: normal; text-transform: none; line-height: 1em } .breadcrumbs { display: none; margin-left: 0px; padding-left: 2.2vw; text-align: left } @media only screen and (min-width: 768px) { .breadcrumbs { display: flex; margin-top: 1.25em; align-items: flex-start; justify-content: flex-start } } .basic-content, .standard-content { padding-bottom: 1em } .basic-content { padding-top: 2em } .hero { position: relative; background: linear-gradient(45deg, rgba(214,0,0,0.4) 20%, rgba(214,0,0,0) 100%),url(https://static.pexels.com/photos/4198/field-sport-ball-america.jpg) center no-repeat; background-attachment: fixed; width: 100%; background-size: 100%; background-position: 100% 11%; height: 50vh; display: flex; justify-content: center; align-items: center } @media (min-width: 62.75em) { .hero { background-size: cover; background-position: center; height: 60vh } } .hero .subtitle, .hero h1 { color: #1b1b1b; display: inline } .hero .subtitle { line-height: 1em } .hero h1 { line-height: 1.19em } .hero__textbox { width: 100%; height: 100%; display: flex; justify-content: flex-end; align-items: center; flex-direction: column; position: relative; z-index: 2; background: linear-gradient(to bottom, rgba(251,251,251,0) 5%, #fbfbfb 100%) } .hero__textbox:before { background: linear-gradient(#fbfbfb, #fbfbfb); content: ''; display: block; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; width: 100%; z-index: 1; transition: opacity 0.55s ease } .hero__textbox div { z-index: 2 } .darkHeader:before { opacity: 1 } .hero__image { position: absolute; padding: 0 !important } .hero__image img { display: block; position: relative; top: 70px; left: 0px; z-index: -3 } .hero__image span { background: linear-gradient(45deg, rgba(27,27,27,0.4) 20%, rgba(27,27,27,0) 100%); bottom: 0; display: block; left: 0; position: absolute; right: 0; top: 70px; height: 100%; z-index: -1 } .item-panel { text-align: center; margin-top: 2em; padding: 2em } .item-panel h3 { margin-top: 1em } .item-panel li { padding: 1em } .logo svg { float: left; max-width: 8rem; margin: 0.4rem } @media all and (min-width: 46.8em) { .logo svg { max-width: 9rem } } .university--head { display: none } @media only screen and (min-width: 1000px) { .university--head { background: #fbfbfb; position: relative; padding: 0vw 2vw; z-index: 4; width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center; height: 40px } } .university--head:after { clear: both } .university--head__title { margin: 0; font-size: .8rem; font-family: 'ITC Charter W01',Georgia,Garamond,serif; font-weight: 400; color: #666; letter-spacing: 1.5px; flex-grow: 4 } .university--head__title a { color: #666; transition: all .4s ease } .university--head__title a:hover { color: #1b1b1b } .university--head__nav a { font-size: .75em; margin-right: 1vw; color: #666; letter-spacing: 1px; font-family: 'Neue Helvetica W01',Helvetica,Arial,sans-serif; font-weight: 400; transition: all .4s ease; box-shadow: 0px 0px 0px #1b1b1b } .university--head__nav a:hover { box-shadow: 0px 2px 0px #999 } @media only screen and (min-width: 1000px) { .mobile-search { display: none !important } } @media (min-width: 31.25em) { .university--head__search, .university--head__menu, .university--head__nav ul { display: flex; flex-direction: row; justify-content: space-between; align-items: center } } .university--head__search li { display: inline } .overlay { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(153,204,51,0.9); z-index: 500 } .overlay .overlay-close { width: 80px; height: 80px; position: absolute; right: 20px; top: 20px; overflow: hidden; border: none; background: url("/_ttu-template/2017/img/cross.png") no-repeat center center; text-indent: 200%; color: transparent; outline: none; z-index: 900 } .overlay nav { text-align: center; position: relative; top: 50%; height: 60%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .overlay ul { list-style: none; padding: 0; margin: 0 auto; display: inline-block; height: 100%; position: relative } .overlay ul li { display: block; height: 20%; height: calc(100% / 5); min-height: 54px; -webkit-backface-visibility: hidden; backface-visibility: hidden } .overlay ul li a { font-size: 54px; font-weight: 300; display: block; color: #fff; -webkit-transition: color 0.2s; transition: color 0.2s } .overlay ul li a:hover, .overlay ul li a:focus { color: #e3fcb1 } .overlay-slidedown { visibility: hidden; -webkit-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: -webkit-transform 0.4s ease-in-out, visibility 0s 0.4s; transition: transform 0.4s ease-in-out, visibility 0s 0.4s } .overlay-slidedown.open { visibility: visible; -webkit-transform: translateY(0%); transform: translateY(0%); -webkit-transition: -webkit-transform 0.4s ease-in-out; transition: transform 0.4s ease-in-out } @media screen and (max-height: 30.5em) { .overlay nav { height: 70%; font-size: 34px } .overlay ul li { min-height: 34px } } .ttu-search form input[type="search"] { background: #fdfdfd !important; border: 0px; margin: 0em } a { color: #d60000; text-decoration: none } input { font-family: 'ITC Charter W01',Georgia,Garamond,serif; font-size: 1.6rem } input[type="search"]::-ms-clear { display: none } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none } .ttu-main-content, .ttu-main-header { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); will-change: transform } .ttu-main-content, .ttu-main-header, .university--head { position: relative; -webkit-transition: -webkit-transform .3s; -moz-transition: -moz-transform .3s; transition: transform .3s } @media only screen and (max-width: 999px) { .ttu-main-content.nav-is-visible, .ttu-main-header.nav-is-visible, .university--head.nav-is-visible { -webkit-transform: translateX(-260px); -moz-transform: translateX(-260px); -ms-transform: translateX(-260px); -o-transform: translateX(-260px); transform: translateX(-260px) } .nav-on-left .ttu-main-content.nav-is-visible, .nav-on-left .ttu-main-header.nav-is-visible, .nav-on-left .university--head.nav-is-visible { -webkit-transform: translateX(260px); -moz-transform: translateX(260px); -ms-transform: translateX(260px); -o-transform: translateX(260px); transform: translateX(260px) } } .ttu-main-header { min-height: 80px; height: auto; background: #fdfdfd; z-index: 3; border-bottom: 1px solid #e6e6e6; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; -webkit-align-items: stretch; align-items: stretch } .nav-is-fixed .ttu-main-header { position: fixed; top: 0; left: 0; width: 100% } @media only screen and (min-width: 1000px) { .ttu-main-header { justify-content: space-around; height: auto } .ttu-main-header::after { clear: both; content: ""; display: table } } .ttu-nav { align-items: center; justify-content: flex-end; display: flex; width: 100% } .logo__lockup { display: flex; flex-direction: row; align-items: center; flex-shrink: 2; width: 100%; justify-content: flex-start } @media (max-width: 738px) { .logo__lockup { width: 80% } } .logo__lockup h1 { display: inline; margin: 0em; width: 100%; line-height: 1em; padding: 10px; font-weight: 400; letter-spacing: 1px; font-size: 1.5em } @media (max-width: 600px) { .logo__lockup h1 { font-size: 1.2em } } a.ttu-logo { padding-left: 2vw; padding-top: 10px; padding-bottom: 10px; margin-right: 0px } .ttu-logo img { width: 50px; max-width: 50px } @media only screen and (max-width: 999px) { .nav-on-left .ttu-logo { left: auto; right: 5% } } .ttu-header-buttons { position: absolute; display: inline-block; top: 24px; right: 5% } .ttu-header-buttons li { display: inline-block } @media only screen and (max-width: 999px) { .nav-on-left .ttu-header-buttons { right: auto; left: 5% } .nav-on-left .ttu-header-buttons li { float: right } } @media only screen and (min-width: 1000px) { .ttu-header-buttons { top: 18px; right: 4em } } .ttu-search-trigger, .ttu-nav-trigger { position: relative; display: block; width: 44px; height: 44px; overflow: hidden; white-space: nowrap; color: transparent !important; z-index: 3 } .ttu-search-trigger::before, .ttu-search-trigger::after { content: ''; position: absolute; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden } .ttu-search-trigger::before { top: 11px; left: 11px; width: 18px; height: 18px; border-radius: 50%; border: 3px solid #999 } .ttu-search-trigger::after { height: 3px; width: 8px; background: #999; bottom: 14px; right: 11px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg) } .ttu-search-trigger span { position: absolute; height: 100%; width: 100%; top: 0; left: 0 } .ttu-search-trigger span::before, .ttu-search-trigger span::after { content: ''; position: absolute; display: inline-block; height: 3px; width: 22px; top: 50%; margin-top: -2px; left: 50%; margin-left: -11px; background: #999; opacity: 0; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity 0.3s,-webkit-transform .3s; -moz-transition: opacity 0.3s,-moz-transform .3s; transition: opacity 0.3s,transform .3s } .ttu-search-trigger span::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg) } .ttu-search-trigger span::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg) } .ttu-search-trigger.search-is-visible::before, .ttu-search-trigger.search-is-visible::after { opacity: 0 } .ttu-search-trigger.search-is-visible span::before, .ttu-search-trigger.search-is-visible span::after { opacity: 1 } .ttu-search-trigger.search-is-visible span::before { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg) } .ttu-search-trigger.search-is-visible span::after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg) } .ttu-search-trigger:hover::before { border: 3px solid #666 } .ttu-search-trigger:hover::after { background: #666 } .ttu-nav-trigger span, .ttu-nav-trigger span::before, .ttu-nav-trigger span::after { position: absolute; display: inline-block; height: 3px; width: 24px; background: #1b1b1b } .ttu-nav-trigger span { position: absolute; top: 50%; right: 10px; margin-top: -2px; -webkit-transition: background 0.3s 0.3s; -moz-transition: background 0.3s 0.3s; transition: background 0.3s 0.3s } .ttu-nav-trigger span::before, .ttu-nav-trigger span::after { content: ''; right: 0; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-transition: -webkit-transform .3s .3s; -moz-transition: -moz-transform .3s .3s; transition: transform .3s .3s } .ttu-nav-trigger span::before { top: -6px } .ttu-nav-trigger span::after { top: 6px } .ttu-nav-trigger.nav-is-visible span { background: rgba(27,27,27,0) } .ttu-nav-trigger.nav-is-visible span::before, .ttu-nav-trigger.nav-is-visible span::after { background: #1b1b1b } .ttu-nav-trigger.nav-is-visible span::before { -webkit-transform: translateX(4px) translateY(-3px) rotate(45deg); -moz-transform: translateX(4px) translateY(-3px) rotate(45deg); -ms-transform: translateX(4px) translateY(-3px) rotate(45deg); -o-transform: translateX(4px) translateY(-3px) rotate(45deg); transform: translateX(4px) translateY(-3px) rotate(45deg) } .ttu-nav-trigger.nav-is-visible span::after { -webkit-transform: translateX(4px) translateY(2px) rotate(-45deg); -moz-transform: translateX(4px) translateY(2px) rotate(-45deg); -ms-transform: translateX(4px) translateY(2px) rotate(-45deg); -o-transform: translateX(4px) translateY(2px) rotate(-45deg); transform: translateX(4px) translateY(2px) rotate(-45deg) } @media only screen and (min-width: 1000px) { .ttu-nav-trigger { display: none } } .university--head .university__button { display: flex; flex-direction: row; justify-content: space-between; align-items: center; color: transparent } .university--head .university__button span, .university--head .university__button span::before, .university--head .university__button span::after { position: absolute; display: inline-block; height: 3px; width: 24px; background: #999 } .university--head .university__button:hover span { background: #666 } .university--head .university__button:hover span::before, .university--head .university__button:hover span::after { background: #666 } .university--head .university__button span { position: relative; top: 2px; right: 14px; margin-top: -2px } .university--head .university__button span::before, .university--head .university__button span::after { content: ''; right: 0; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-transition: -webkit-transform .3s .3s; -moz-transition: -moz-transform .3s .3s; transition: transform .3s .3s } .university--head .university__button span::before { top: -6px } .university--head .university__button span::after { top: 6px } .ttu-primary-nav, .ttu-primary-nav ul { position: fixed; top: 0; right: 0; height: 100%; padding-right: 2vw; width: 260px; background: #1b1b1b; overflow: auto; -webkit-overflow-scrolling: touch; z-index: 1; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition: -webkit-transform .3s; -moz-transition: -moz-transform .3s; transition: transform .3s } .ttu-primary-nav a, .ttu-primary-nav ul a { display: block; background: #fdfdfd; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); will-change: transform, opacity; -webkit-transition: -webkit-transform .3s,opacity 0.3s; -moz-transition: -moz-transform .3s,opacity 0.3s; transition: transform .3s,opacity 0.3s } .ttu-primary-nav.is-hidden, .ttu-primary-nav ul.is-hidden { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%) } .ttu-primary-nav.moves-out > li > a, .ttu-primary-nav ul.moves-out > li > a { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); opacity: 0 } @media only screen and (max-width: 999px) { .nav-on-left .ttu-primary-nav, .nav-on-left .ttu-primary-nav ul { right: auto; left: 0 } } .ttu-primary-nav .see-all a { color: #d60000; display: none } .ttu-primary-nav .ttu-nav-gallery .ttu-nav-item, .ttu-primary-nav .ttu-nav-icons .ttu-nav-item { height: 80px; line-height: 80px } .ttu-primary-nav .ttu-nav-gallery .ttu-nav-item h3, .ttu-primary-nav .ttu-nav-icons .ttu-nav-item h3 { overflow: hidden; text-overflow: ellipsis } .ttu-primary-nav .ttu-nav-gallery .ttu-nav-item { padding-left: 70px } .ttu-primary-nav .ttu-nav-gallery .ttu-nav-item img { position: absolute; display: block; height: 40px; width: auto; left: 0px; top: 50%; margin-top: -20px } .ttu-primary-nav .ttu-nav-icons .ttu-nav-item p { font-size: 1em; letter-spacing: 1px; display: none; font-weight: 400 !important; margin-top: 0em } @media only screen and (max-width: 999px) { .ttu-primary-nav { visibility: hidden; -webkit-transition: visibility 0s 0.3s; -moz-transition: visibility 0s 0.3s; transition: visibility 0s 0.3s } .ttu-primary-nav.nav-is-visible { visibility: visible; -webkit-transition: visibility 0s 0s; -moz-transition: visibility 0s 0s; transition: visibility 0s 0s } .ttu-primary-nav .ttu-nav-item h3 { color: #e4e4e4 } } .ttu-primary-nav.nav-is-visible a { background: #1b1b1b !important } @media (max-width: 62.75em) { .ttu-nav-icons .ttu-nav-item { height: auto !important; line-height: 30px !important } .ttu-nav-icons .ttu-nav-item h3 { color: white; font-weight: 400; font-size: 1.2rem; margin: 0em !important } .ttu-nav-gallery h3 { font-weight: 400 } .ttu-nav-gallery li { padding-left: 2rem } .ttu-primary-nav ul { padding-right: 2vw } .ttu-primary-nav a, .ttu-primary-nav ul a { margin-bottom: 1.5em; padding-left: 2rem; font-size: 1.2em; margin-top: 1.5em; color: #e4e4e4; letter-spacing: 1px; font-family: 'Neue Helvetica W01',Helvetica,Arial,sans-serif; font-weight: 400 } } @media only screen and (min-width: 1000px) { .ttu-nav-icons, .ttu-nav-gallery { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap } .ttu-nav-icons h3, .ttu-nav-gallery h3 { margin-bottom: .25em } .ttu-primary-nav { position: static; height: auto; width: 100%; display: flex; justify-content: space-around; align-items: center; overflow: visible; background: transparent } .ttu-primary-nav::after { clear: both; content: ""; display: table } .ttu-primary-nav.moves-out > li > a { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1 } .ttu-primary-nav ul { position: static; height: auto; min-height: 300px; width: auto; background: transparent; overflow: visible; z-index: 3 } .ttu-primary-nav ul.is-hidden { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) } .ttu-primary-nav ul.moves-out > li > a { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1 } .ttu-primary-nav > li { float: left; margin-left: 1em; display: flex } .ttu-primary-nav li.has-children:last-of-type { border-right: 0 } .ttu-primary-nav > li > a { font-size: 1rem; font-family: 'Neue Helvetica W01',Helvetica,Arial,sans-serif; font-weight: 400; position: relative; display: inline-block; height: 80px; line-height: 80px; padding: 0 10px; color: #1b1b1b; overflow: visible; border-bottom: none; line-height: 1em; display: flex; justify-content: center; align-items: center; text-align: center; -webkit-transition: color 0.3s,box-shadow 0.3s; -moz-transition: color 0.3s,box-shadow 0.3s; transition: color 0.3s,box-shadow 0.3s } .ttu-primary-nav > li > a:hover { color: #d60000 } .ttu-primary-nav > li > a.selected { color: #d60000; box-shadow: inset 0 -2px 0 #d60000 } .ttu-primary-nav .go-back, .ttu-primary-nav .see-all { display: none } .ttu-primary-nav .ttu-secondary-nav, .ttu-primary-nav .ttu-nav-gallery, .ttu-primary-nav .ttu-nav-icons { position: absolute; top: 80px; width: 100vw; background: #fdfdfd; padding: 3em 7vw 2em 7vw; box-shadow: inset 0 1px 0 #f3f3f3,0 3px 6px rgba(0,0,0,0.05); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s } .ttu-primary-nav .ttu-secondary-nav::after, .ttu-primary-nav .ttu-nav-gallery::after, .ttu-primary-nav .ttu-nav-icons::after { clear: both; content: ""; display: table } .ttu-primary-nav .ttu-secondary-nav.is-hidden, .ttu-primary-nav .ttu-nav-gallery.is-hidden, .ttu-primary-nav .ttu-nav-icons.is-hidden { opacity: 0; visibility: hidden; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s } .ttu-primary-nav .ttu-secondary-nav > .see-all, .ttu-primary-nav .ttu-nav-gallery > .see-all, .ttu-primary-nav .ttu-nav-icons > .see-all { display: none !important; position: absolute; left: 0; bottom: 0; height: 80px; width: 100%; overflow: hidden; margin: 0; padding: 0 } .ttu-primary-nav .ttu-secondary-nav > .see-all a, .ttu-primary-nav .ttu-nav-gallery > .see-all a, .ttu-primary-nav .ttu-nav-icons > .see-all a { position: absolute; width: 100%; height: 100%; top: 0; left: 0; font-size: 2.2rem; font-weight: 600; font-family: 'Neue Helvetica W01',Helvetica,Arial,sans-serif; text-align: center; line-height: 80px; border-top: 1px solid #f3f3f3; border-bottom: none; margin: 0; padding: 0; -webkit-transition: color 0.2s,background 0.2s,border 0.2s; -moz-transition: color 0.2s,background 0.2s,border 0.2s; transition: color 0.2s,background 0.2s,border 0.2s } .ttu-primary-nav .ttu-secondary-nav > .see-all a:hover, .ttu-primary-nav .ttu-nav-gallery > .see-all a:hover, .ttu-primary-nav .ttu-nav-icons > .see-all a:hover { background: #1b1b1b; border-color: #1b1b1b; color: #fdfdfd } .ttu-primary-nav .ttu-secondary-nav { display: flex; flex-direction: row; align-items: flex-start; justify-content: center } .ttu-primary-nav .ttu-secondary-nav > li { height: auto; width: 23%; float: left; margin-right: 2.66%; border-right: 1px solid #f3f3f3; overflow: hidden; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch } .ttu-primary-nav .ttu-secondary-nav > li > a { color: #d60000; background: #fdfdfd; line-height: 1.1em; font-family: 'Neue Helvetica W01',Helvetica,Arial,sans-serif; font-weight: 600; letter-spacing: 3px; font-size: 1rem; margin-bottom: 1.5rem; text-transform: uppercase } .ttu-primary-nav .ttu-secondary-nav a { height: auto; color: #666; font-family: 'Neue Helvetica W01',Helvetica,Arial,sans-serif; line-height: 1.2em; padding: 0 18% 0 0; border-bottom: none; font-weight: 400; letter-spacing: 1px; font-size: 1em; margin-bottom: 1.5em } .ttu-primary-nav .ttu-secondary-nav a:hover { color: #d60000 !important } .ttu-primary-nav .ttu-secondary-nav ul { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0) } .ttu-primary-nav .ttu-secondary-nav ul ul { position: absolute; top: 0; left: 0; height: 100%; width: 100% } .ttu-primary-nav .ttu-secondary-nav ul ul.is-hidden { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%) } .ttu-primary-nav .ttu-secondary-nav ul ul .go-back { display: block } .ttu-primary-nav .ttu-secondary-nav ul ul .go-back a { color: #b3b3b3 } .ttu-primary-nav .ttu-secondary-nav ul ul .see-all { display: none !important } .ttu-primary-nav .ttu-secondary-nav .moves-out > li > a { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%) } .ttu-primary-nav .ttu-nav-gallery { display: flex; flex-direction: row; align-items: center; justify-content: center } .ttu-primary-nav .ttu-nav-gallery li { padding: 1em; border-radius: 2px; width: 25% } .ttu-primary-nav .ttu-nav-gallery li:hover { background: #f3f3f3 } .ttu-primary-nav .ttu-nav-gallery li:hover a { color: #1b1b1b !important } .ttu-primary-nav .ttu-nav-gallery li a { color: #d60000 } .ttu-primary-nav .ttu-nav-gallery li:hover img { -webkit-filter: grayscale(100%); filter: grayscale(100%) } .ttu-primary-nav .ttu-nav-gallery li img { border-radius: 2px } .ttu-primary-nav .ttu-nav-gallery .ttu-nav-item { border-bottom: none; padding: 0; height: auto; line-height: 1.2 } .ttu-primary-nav .ttu-nav-gallery .ttu-nav-item img { position: static; margin-top: 0; height: auto; width: 100%; margin-bottom: .6em } .ttu-primary-nav .ttu-nav-gallery .ttu-nav-item h3 { font-family: 'Neue Helvetica W01',Helvetica,Arial,sans-serif; font-weight: 600; letter-spacing: 3px; font-size: 1rem !important; text-transform: uppercase; padding: 0 .4em; text-align: center } .ttu-primary-nav .ttu-nav-icons { display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap } .ttu-primary-nav .ttu-nav-icons li { width: 25% } .ttu-primary-nav .ttu-nav-icons li a { padding: 1em !important } .ttu-primary-nav .ttu-nav-icons li a p { margin: 0em } .ttu-primary-nav .ttu-nav-icons li a:hover { color: #1b1b1b; background: #f3f3f3; border-radius: 2px } .ttu-primary-nav .ttu-nav-icons li a:hover h3, .ttu-primary-nav .ttu-nav-icons li a:hover p { color: #1b1b1b } .ttu-primary-nav .ttu-nav-icons .ttu-nav-item { border-bottom: none; height: auto; line-height: 1.2; position: relative } .ttu-primary-nav .ttu-nav-icons .ttu-nav-item h3 { color: #d60000; font-weight: 600; padding: 0em; margin-bottom: 0em; margin-top: 0em; letter-spacing: 3px; font-size: 1rem } .ttu-primary-nav .ttu-nav-icons .ttu-nav-item p { color: #999; display: block; margin-bottom: 0em !important; font-size: 1em; margin-top: .6rem } } .has-children > a, .go-back a { position: relative } .has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after { content: ''; position: absolute; top: 50%; margin-top: -1px; display: inline-block; height: 2px; width: 10px; background: #dadada; -webkit-backface-visibility: hidden; backface-visibility: hidden } .has-children > a::before, .go-back a::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg) } .has-children > a::after, .go-back a::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg) } @media only screen and (min-width: 1000px) { .has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after { background: #dadada } .has-children > a:hover::before, .has-children > a:hover::after, .go-back a:hover::before, .go-back a:hover::after { background: #d60000 } } .has-children > a { padding-right: 40px } .has-children > a::before, .has-children > a::after { right: 20px; -webkit-transform-origin: 9px 50%; -moz-transform-origin: 9px 50%; -ms-transform-origin: 9px 50%; -o-transform-origin: 9px 50%; transform-origin: 9px 50% } .ttu-primary-nav .go-back a { padding-left: 40px } .ttu-primary-nav .go-back a::before, .ttu-primary-nav .go-back a::after { left: 20px; -webkit-transform-origin: 1px 50%; -moz-transform-origin: 1px 50%; -ms-transform-origin: 1px 50%; -o-transform-origin: 1px 50%; transform-origin: 1px 50% } @media only screen and (min-width: 1000px) { .has-children > a::before, .has-children > a::after { right: 15% } .ttu-primary-nav > .has-children > a { padding-right: 30px !important } .ttu-primary-nav > .has-children > a::before, .ttu-primary-nav > .has-children > a::after { width: 9px; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; background: #dadada; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: width 0.3s,-webkit-transform .3s; -moz-transition: width 0.3s,-moz-transform .3s; transition: width 0.3s,transform .3s } .ttu-primary-nav > .has-children > a::before { right: 12px } .ttu-primary-nav > .has-children > a::after { right: 7px } .ttu-primary-nav > .has-children > a.selected::before, .ttu-primary-nav > .has-children > a.selected::after { width: 14px } .ttu-primary-nav > .has-children > a.selected::before { -webkit-transform: translateX(5px) rotate(-45deg); -moz-transform: translateX(5px) rotate(-45deg); -ms-transform: translateX(5px) rotate(-45deg); -o-transform: translateX(5px) rotate(-45deg); transform: translateX(5px) rotate(-45deg) } .ttu-primary-nav > .has-children > a.selected::after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg) } .ttu-secondary-nav > .has-children > a::before, .ttu-secondary-nav > .has-children > a::after { display: none } .ttu-primary-nav .go-back a { padding-left: 20px } .ttu-primary-nav .go-back a::before, .ttu-primary-nav .go-back a::after { left: 1px } } .ttu-search { position: absolute; height: 50px; width: 100%; top: 83px; left: 0; z-index: 3; opacity: 0; visibility: hidden; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s } .ttu-search form { height: 100%; width: 100% } .ttu-search input { border-radius: 0; border: none; background: #fdfdfd; height: 100%; width: 100%; padding: 0 5%; box-shadow: inset 0 2px 7px rgba(0,0,0,0.26),0 3px 7px rgba(0,0,0,0.24); -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none } .ttu-search input::-webkit-input-placeholder { color: #dadada } .ttu-search input::-moz-placeholder { color: #dadada } .ttu-search input:-moz-placeholder { color: #dadada } .ttu-search input:-ms-input-placeholder { color: #dadada } .ttu-search input:focus { outline: none } .ttu-search.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s } .nav-is-fixed .ttu-search { position: fixed } @media only screen and (min-width: 1000px) { .ttu-search { height: 80px; top: 40px } .ttu-search input { padding: 0 2em; font-size: 2rem; font-weight: 300; letter-spacing: 1px } } input[type="search"]::-webkit-input-placeholder { color: #999 } .ttu-overlay { position: fixed; z-index: 2; height: 100%; width: 100%; top: 0; left: 0; cursor: pointer; background-color: rgba(51,51,51,0.9); visibility: hidden; box-shadow: -4px 0 4px rgba(0,0,0,0.5),4px 0 4px rgba(0,0,0,0.5); opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity 0.3s 0s,visibility 0s 0.3s,-webkit-transform .3s 0s; -moz-transition: opacity 0.3s 0s,visibility 0s 0.3s,-moz-transform .3s 0s; transition: opacity 0.3s 0s,visibility 0s 0.3s,transform .3s 0s } .ttu-overlay.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s,visibility 0s 0s,-webkit-transform .3s 0s; -moz-transition: opacity 0.3s 0s,visibility 0s 0s,-moz-transform .3s 0s; transition: opacity 0.3s 0s,visibility 0s 0s,transform .3s 0s } @media only screen and (max-width: 999px) { .ttu-overlay.is-visible { -webkit-transform: translateX(-260px); -moz-transform: translateX(-260px); -ms-transform: translateX(-260px); -o-transform: translateX(-260px); transform: translateX(-260px) } .nav-on-left .ttu-overlay.is-visible { -webkit-transform: translateX(260px); -moz-transform: translateX(260px); -ms-transform: translateX(260px); -o-transform: translateX(260px); transform: translateX(260px) } .ttu-overlay.is-visible.search-is-visible, .nav-on-left .ttu-overlay.is-visible.search-is-visible { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) } } .no-js .ttu-primary-nav { position: relative; height: auto; width: 100%; overflow: visible; visibility: visible; z-index: 2 } .no-js .ttu-search { position: relative; top: 0; opacity: 1; visibility: visible } @media only screen and (min-width: 1000px) { .no-js .ttu-primary-nav { position: absolute; z-index: 3; display: inline-block; width: auto; top: 0; right: 150px; padding: 0 } .no-js .nav-is-fixed .ttu-primary-nav { position: fixed } } .c-page-header__mobile { display: inline-flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: flex-start } .included-menu .c-page-header__title { font-size: 1em; color: #ccc; padding-left: 0em } .c-page-header__title { margin: 0; font-size: 2em; font-family: 'ITC Charter W01',Georgia,Garamond,serif; color: #f3f3f3; font-weight: 400; letter-spacing: 2px; line-height: 1em; padding: 1em 0em 1em 2rem; width: 100%; background: #1b1b1b } .c-page-header__title .title--location { font-family: 'Neue Helvetica W01',Helvetica,Arial,sans-serif; font-size: .5em; margin-top: .5em; text-transform: uppercase; color: #c57979 !important; letter-spacing: 3px; font-weight: 400 !important } .c-page-header__title .title--italic, .c-page-header__title i { font-style: italic } @media only screen and (min-width: 1000px) { .c-page-header__title { display: none } .c-page-header__mobile { display: none } .c-nav-content-title__mobile { text-indent: -9999px; overflow: hidden } .c-nav-content-title__mobile, .c-sitemenu-nolink { cursor: default; pointer-events: none } } .c-page-header__category { color: #888; font-size: 1.5em; margin-top: 1em; line-height: 2em; font-family: 'Neue Helvetica W01',Helvetica,Arial,sans-serif } hr { position: Relative; left: -50%; width: 163%; background: #444; color: #444; height: 1px; border: 0 none; top: 1% } @media only screen and (min-width: 1000px) { hr { display: none !important } .c-page-header__category { display: none !important } .c-page-header__mobile { display: none } } li.go-back { text-transform: uppercase !important; letter-spacing: 2px !important; font-size: .8em } li.go-back a { color: #999 !important; background: #1b1b1b } li.go-back a:hover { background: #1b1b1b !important } li.go-back a:before { background: gray !important } li.go-back a:after { background: gray !important } .ttu-nav .l-ttunav { padding-left: 2rem } .ttu-nav .l-ttunav h6 { font-family: 'ITC Charter W01',Georgia,Garamond,serif; color: #666 } .ttu-nav .l-ttunav a { margin-top: 0.5em !important; margin-bottom: 0.5em !important; color: #999 !important; font-size: 1em !important; padding: 0em } .ttu-nav .l-ttunav > .c-page-header__title { font-family: 'ITC Charter W01',Georgia,Garamond,serif; font-size: 1em; color: #999; margin-top: 1em; padding-left: 0em !important; display: block } .ttu-nav .l-ttunav .has-children > a::before, .ttu-nav .l-ttunav .has-children > a::after, .ttu-nav .l-ttunav .go-back a::before, .ttu-nav .l-ttunav .go-back a::after { background: #4A4A4A !important } @media only screen and (min-width: 1000px) { .ttu-nav .l-ttunav { display: none } } .l-main-pagecontent ul.sub-nav { list-style: none; margin-left: 0; border-bottom: 1px solid #ddd } .l-main-pagecontent ul.sub-nav ul { list-style: none; margin-left: 0; margin-bottom: 0; padding-top: 0; border-bottom: 1px solid #ddd } .l-main-pagecontent ul.sub-nav ul li a { background: #fafafa; padding: .4rem 1.6rem; font-size: .9rem } .l-main-pagecontent ul.sub-nav li { margin: 0 } .l-main-pagecontent ul.sub-nav li a { border-top: 1px solid #ddd; display: block; width: 100%; padding: 0.6rem } .l-main-pagecontent ul.sub-nav li a:hover { background: #e6e6e6; text-decoration: underline } .l-main-pagecontent ul.sub-nav > li:first-child { padding: .6rem; font-weight: bold } .sg-main { padding: 1em } .l-main-pagecontent { font-size: 1.2rem; min-height: 100vh } @media (min-width: 31.25em) { .l-main-pagecontent { padding-top: 2em } } .cd-main-content { background: #fbfbfb; min-height: 100vh; z-index: 2 } main { padding-bottom: 0em; padding-top: 0em } .l-footer-university { padding: 2em 3vw; background: #333; flex-direction: column } @media (min-width: 53.125em) { .l-footer-university { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start } } .l-cta-bar { width: 100%; background: #fdfdfd; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; justify-content: space-around; -webkit-justify-content: space-around; -webkit-flex-direction: row; flex-flow: row wrap; border-top: 1px solid #f3f3f3 } .c-cta-icons { padding-top: 1em; padding-bottom: .8em } .c-cta-icons i { font-size: 2em; line-height: 2px; clear: right; text-align: center } @media only screen and (min-width: 768px) { .c-cta-icons i { font-size: 4em } } .c-cta-icons a { color: #1b1b1b; line-height: 1; font-family: 'Neue Helvetica W01',Helvetica,Arial,sans-serif; text-transform: uppercase; text-align: center; letter-spacing: 2px; margin-top: 1em } .c-cta-icons a:hover, .c-cta-icons a:focus { color: #8a0000; transition: all 0.5s ease } .c-cta-icons h4 { display: none } @media only screen and (min-width: 768px) { .c-cta-icons h4 { font-size: 1rem; display: block; line-height: 1; font-family: 'Neue Helvetica W01',Helvetica,Arial,sans-serif; text-transform: uppercase; text-align: center; letter-spacing: 2px; margin-top: 1em; color: #333 } } .c-cta-icons .icon-comment { margin-left: 1.2vw } .l-socialbar { margin-bottom: 1em; text-align: center } @media (min-width: 53.125em) { .l-socialbar { text-align: left } } .l-socialbar li a .inner-shape, .l-socialbar li a .outer-shape { fill: gray } .l-socialbar ul { display: flex; align-items: flex-start; justify-content: flex-start; -webkit-margin-before: 0em; -webkit-margin-after: 0em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 0px; margin-left: -1em } @media (min-width: 53.125em) { .l-socialbar ul { border-bottom: 0px } } .l-socialbar li { margin: 0 } .l-socialbar li a { width: 30px; height: 30px; margin-left: .5em; display: flex; align-items: flex-start; justify-content: flex-start; color: #999 } .l-socialbar li a:hover .inner-shape, .l-socialbar li a:hover .outer-shape, .l-socialbar li a:focus .inner-shape, .l-socialbar li a:focus .outer-shape { fill: #fdfdfd } .l-socialbar .inner-shape, .l-socialbar .outer-shape { fill: #666; transition: all .4s ease } .c-socialbar-title { display: flex; padding-bottom: .5em } @media (min-width: 31.25em) { .c-socialbar-title { padding-bottom: 0; margin-right: 2em } } .c-footer-university__slogan { display: flex; flex-direction: column; align-items: center; justify-content: center } @media (min-width: 53.125em) { .c-footer-university__slogan { align-items: flex-start; justify-content: flex-start } } .c-footer-university__slogan h2 { color: #b3b3b3; font-weight: 400; font-size: 1.25em; margin: 0em 0 .25em 0 } .c-footer-university__slogan h3 { font-family: 'ITC Charter W01',Georgia,Garamond,serif; font-style: italic; font-weight: 400; color: #b3b3b3; font-size: 1.2em; margin-top: 0; margin-bottom: .5em } .c-footer-university__slogan h4 { font-family: 'Neue Helvetica W01',Helvetica,Arial,sans-serif; text-transform: uppercase; color: #b3b3b3; font-weight: 400; letter-spacing: 1px; margin: 0em 0em 0em 0em; border-radius: 2px; font-size: .9em; transition: all .4s ease } .c-footer-university__slogan img { width: 50%; height: auto } .c-footer__address { clear: both; float: left; display: block; margin-bottom: 1em } .c-footer__address a { color: #b3b3b3; font-family: 'ITC Charter W01',Georgia,Garamond,serif } .c-footer__address a:hover, .c-footer__address a:focus { color: #fdfdfd; transition: all .5s ease; text-decoration: underline } .c-footer__address li { color: #b3b3b3; font-family: 'ITC Charter W01',Georgia,Garamond,serif; transition: all 0.5s ease; font-size: .75em; text-align: center; line-height: 1.4; margin-right: 2vw } @media (min-width: 53.125em) { .c-footer__address li { text-align: left } } .l-footer-copyright { background: #090909; font-family: 'ITC Charter W01',Georgia,Garamond,serif; color: gray; font-size: .9em; justify-content: center; align-items: center; display: flex; flex-direction: row; flex-wrap: wrap; padding: 1em 3vw 1em 3vw } @media (min-width: 53.125em) { .l-footer-copyright { justify-content: flex-start; align-items: center } } .l-footer-copyright p { margin: 0 } .l-footer-copyright p, .l-footer-copyright a { color: gray; font-size: .9em; transition: all 0.5s ease; margin-bottom: 0; padding-right: 1em } .l-footer-copyright a { font-family: 'ITC Charter W01',Georgia,Garamond,serif } .l-footer-copyright a:hover, .l-footer-copyright a:focus { color: #e6e6e6 } .l-footer-copyright > div { width: 100%; display: flex } @media (min-width: 31.25em) { .l-footer-copyright > div { width: 23% } } .c-footer-university__links { display: flex; align-items: flex-start; justify-content: center; margin-top: 1em } @media (min-width: 53.125em) { .c-footer-university__links { align-items: flex-start; margin-top: 0em; width: 75%; justify-content: flex-start } } .c-footer-university__links ul { margin-right: 2em; flex-direction: column; display: flex; align-items: flex-start; justify-content: space-between } .c-footer-university__links ul:last-of-type { margin-right: 0em } .c-footer-university__links a { font-size: .8em; line-height: 2em; color: #b3b3b3; font-weight: 400; letter-spacing: 1px; font-family: 'Neue Helvetica W01',Helvetica,Arial,sans-serif; transition: all 0.5s ease } .c-footer-university__links a:hover, .c-footer-university__links a:focus { color: #e6e6e6; text-decoration: underline } .l-contact { background: #f7f6f6; display: flex; align-items: center; justify-content: flex-start; flex-direction: column; margin-top: 2em; padding: 2em } .c-contactinfo__container { width: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column } .c-contactinfo__container ul { display: flex; align-items: center; justify-content: space-between; flex-direction: column } .c-contactinfo__container li { display: flex; flex-direction: column; margin-top: 1em; align-items: center; justify-content: center } .c-contactinfo__container h3 { color: #d60000; line-height: 1.1em; font-family: 'Neue Helvetica W01',Helvetica,Arial,sans-serif; font-weight: 600; letter-spacing: 3px; font-size: 1em; text-transform: uppercase; margin: 0em; margin-top: .5em; margin-bottom: .2em } .c-contactinfo__container address { line-height: 1.2em; font-style: normal; margin-top: .25em; font-size: 1em; text-align: center; color: #1b1b1b } .c-contactinfo__container a { color: #1b1b1b; transition: all .4s ease; font-size: 1em } .c-contactinfo__container a:hover, .c-contactinfo__container a:focus { color: #d60000 } .c-contactinfo__title { display: flex; align-items: center; justify-content: center; flex-direction: column } .c-contactinfo__title h1 { color: #333; font-weight: 600; font-size: 2em; margin-bottom: 2rem; margin: 0em } .c-contactinfo__title h2 { margin: .5rem 0em; font-weight: 600; color: #1b1b1b; font-family: 'ITC Charter W01',Georgia,Garamond,serif; font-size: 1.25em } .c-contactinfo__social { width: 100% } .c-contactinfo__social ul { display: flex; flex-direction: row; align-items: center; justify-content: center; margin-top: .5em } .c-contactinfo__social li { width: 40px; height: 46px; overflow: hidden; margin-right: .5em } .c-contactinfo__social li:last-of-type { margin-right: 0em } .c-contactinfo__social li a:hover .outer-shape, .c-contactinfo__social li a:focus .outer-shape { fill: #1b1b1b } .c-contactinfo__social li a:hover .inner-shape, .c-contactinfo__social li a:focus .inner-shape { fill: #999 } .c-contactinfo__social .outer-shape { fill: #666; transition: all .4s ease } .c-contactinfo__social .inner-shape { fill: #666; transition: all .4s ease } .slider--container { position: relative; margin-bottom: 1rem } .cycle-slideshow, .cycle-slideshow * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .cycle-slideshow { max-width: 100%; padding: 0; position: relative } .cycle-slideshow img { display: block; left: 0; padding: 0; position: absolute; top: 0 } .cycle-slideshow img:first-child { position: static; z-index: 100 } .cycle-pager, .pager--nocaption { overflow: hidden; padding: .125em; padding-left: 0em; width: 100%; z-index: 500; display: flex; align-items: center; justify-content: center; margin-top: 1rem } @media (min-width: 62.75em) { .cycle-pager, .pager--nocaption { margin-top: 1em; align-items: flex-start; justify-content: flex-start } } .pager--nocaption { margin: 0em !important } .cycle-pager span, .pager--nocaption span { color: #ddd; cursor: pointer; display: inline-block; font-family: 'Neue Helvetica W01',Helvetica,Arial,sans-serif; font-size: 1.5em; text-align: center; text-align: center } @media (min-width: 62.75em) { .cycle-pager span, .pager--nocaption span { font-size: 1em } } .cycle-pager span.cycle-pager-active, .pager--nocaption span.cycle-pager-active { color: #666 } .cycle-pager > *, .pager--nocaption > * { cursor: pointer } .cycle-caption { bottom: 1em; color: #fdfdfd; position: absolute; right: 1em; z-index: 700 } .cycle-overlay { bottom: 0; width: 100%; position: absolute; z-index: 600; color: #fdfdfd; background: #1b1b1b; padding: 1rem } @media (min-width: 62.75em) { .cycle-overlay { padding-top: 2em; background: linear-gradient(to top, #1b1b1b 0%, #1b1b1b 50%, rgba(27,27,27,0) 100%) } } .cycle-overlay div { font-size: 0.75em; padding: 0.1rem 0.6rem; font-size: 1rem; margin: 0 0 .5rem 0; font-family: 'ITC Charter W01',Georgia,Garamond,serif; color: #ccc; font-weight: 400 } .cycle-overlay div:first-child { font-size: 1.5rem; color: #fdfdfd; font-weight: 400; font-family: 'Neue Helvetica W01',Helvetica,Arial,sans-serif; margin: 0 0 .5rem 0; line-height: 1.2em; padding: 0.1rem 0.6rem } @media only screen and (max-width: 480px) { .cycle-overlay { max-width: 100%; margin: 0 } .cycle-overlay div { display: none } .cycle-overlay div:first-child { display: block; font-size: 0.8em } } @media only screen and (max-width: 768px) { .cycle-overlay { max-width: 100%; margin: 0; position: relative } } .cycle-prev, .cycle-next { cursor: pointer; z-index: 800; color: #fff; font-size: 2.5em; font-weight: 400; margin-top: -.5em; outline: none; position: absolute; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; top: 50%; padding: 0 .25em } .cycle-prev:before { font-family: 'Neue Helvetica W01',Helvetica,Arial,sans-serif; font-style: normal; font-weight: 700; speak: none; display: block; *vertical-align: auto; *zoom: 1; *display: inline; text-decoration: inherit; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; content: "<" } .cycle-next { right: 0 } .cycle-next:before { font-family: 'Neue Helvetica W01',Helvetica,Arial,sans-serif; font-style: normal; font-weight: 700; speak: none; display: block; *vertical-align: auto; *zoom: 1; *display: inline; text-decoration: inherit; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; content: ">" } .cycle-prev:hover, .cycle-next:hover { color: #c00 } .disabled { opacity: 0.5 } .cycle-paused:after { color: #fff; content: "| |"; font-weight: bold; font-size: 0.75em; line-height: 0.75em; padding: 0.6em 1em; position: absolute; right: 1em; top: 1em; z-index: 500 } .cycle-slideshow > a { position: absolute; top: 0; left: 0; width: 100%; height: auto; padding: 0; display: block; margin: 0 } .cycle-slideshow img, .cycle-slideshow > a > img { width: 100%; height: auto; margin: 0; padding: 0; position: static; display: block } ul.list-calendar { margin: 0; padding: 0 } .list-calendar { list-style: none } .list-calendar li { border-top: 1px solid #ccc; border-radius: 3px; box-shadow: 0px,4px,5px,-5px,#ccc; margin: 0; padding: 1em; display: -webkit-flex; display: flex; flex-direction: column; -webkit-flex-direction: column; text-align: center; -webkit-align-items: center; align-items: center; -webkit-justify-content: flex-start; justify-content: flex-start; transition: background 1s ease } .list-calendar li:hover { background: #eeefed } .list-calendar li:last-of-type { border-bottom: 1px solid #ccc } @media (min-width: 62.75em) { .list-calendar li { text-align: left; -webkit-flex-direction: row; flex-direction: row } } .list-calendar h2 { margin-bottom: .75rem } .list-calendar h3 { margin: 0; font-size: 1.2em; line-height: 1.1125em } .list-calendar p { color: #8e8e8e; font-family: 'ITC Charter W01',Georgia,Garamond,serif; margin: 0; text-align: center } .list-calendar a { display: flex } .list-calendar a:hover { color: #bd0000; text-decoration: none } .date-wrapper { -webkit-display: flex; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; text-align: center } @media (min-width: 62.75em) { .date-wrapper { margin-right: 2em } } .date { -webkit-display: flex; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; text-align: center; width: 100% } .text-wrapper { display: flex; align-items: center; justify-content: center; flex-direction: column } .text-wrapper h2 { text-align: center } a .text-wrapper { padding-left: 2em } .current { font-size: 1.2em; font-family: 'ITC Charter W01',Georgia,Garamond,serif; text-transform: uppercase } @media only screen and (min-width: 768px) { .current { font-size: 2em } } .month { font-family: 'Neue Helvetica W01',Helvetica,Arial,sans-serif; text-transform: uppercase; font-weight: 600; letter-spacing: 2px } .day { font-size: 3em; font-family: 'ITC Charter W01',Georgia,Garamond,serif; line-height: 20px; font-weight: 600; margin-top: .25em } .month, .day { color: #1b1b1b; text-align: center } .icon__cta { transition: fill 15ms ease; fill: #1b1b1b } .icon__cta:hover { fill: getColor(red, primary) } .icon__social--primary { transition: all 8ms ease } .icon__social--primary .outer-shape { fill: #1b1b1b } .icon__social--primary .inner-shape { fill: #fdfdfd } .icon__social--primary:hover .outer-shape { fill: #d60000 } .icon__social--secondary { fill: #fdfdfd } .icon__social--secondary .outer-shape { fill: #333 } .icon__social--secondary .inner-shape { fill: #fdfdfd } .icon__social--secondary:hover .outer-shape { fill: #1b1b1b } [class^="icon-"], [class*=" icon-"], .external, .mail, .pdf, .rss, .phone, .facebook, .twitter { position: relative; margin-left: 1em } [class^="icon-"]:before, [class^="icon-"]:after, [class*=" icon-"]:before, [class*=" icon-"]:after, .external:before, .external:after, .mail:before, .mail:after, .pdf:before, .pdf:after, .rss:before, .rss:after, .phone:before, .phone:after, .facebook:before, .facebook:after, .twitter:before, .twitter:after { width: 1em; height: 1em; position: absolute; top: 0; left: -1.1em } [class^="icon-"]:after, [class*=" icon-"]:after, .external:after, .mail:after, .pdf:after, .rss:after, .phone:after, .facebook:after, .twitter:after { width: 0 } a[class^="icon-"]:before, a[class^="icon-"]:after, a[class*=" icon-"]:before, a[class*=" icon-"]:after, a.external:before, a.external:after, a.mail:before, a.mail:after, a.pdf:before, a.pdf:after, a.rss:before, a.rss:after, a.phone:before, a.phone:after, a.facebook:before, a.facebook:after, a.twitter:before, a.twitter:after, p[class^="icon-"]:before, p[class^="icon-"]:after, p[class*=" icon-"]:before, p[class*=" icon-"]:after, p.external:before, p.external:after, p.mail:before, p.mail:after, p.pdf:before, p.pdf:after, p.rss:before, p.rss:after, p.phone:before, p.phone:after, p.facebook:before, p.facebook:after, p.twitter:before, p.twitter:after { transform: translateY(10%) } li[class^="icon-"], li[class*=" icon-"], li.external, li.mail, li.pdf, li.rss, li.phone, li.facebook, li.twitter, .icon-after, a.external, a.mail, a.pdf, a.rss, a.phone, a.facebook, a.twitter { margin-left: inherit } li[class^="icon-"]:before, li[class*=" icon-"]:before, li.external:before, li.mail:before, li.pdf:before, li.rss:before, li.phone:before, li.facebook:before, li.twitter:before, .icon-after:before, a.external:before, a.mail:before, a.pdf:before, a.rss:before, a.phone:before, a.facebook:before, a.twitter:before { width: 0; margin-left: 0; left: 0 } li[class^="icon-"]:after, li[class*=" icon-"]:after, li.external:after, li.mail:after, li.pdf:after, li.rss:after, li.phone:after, li.facebook:after, li.twitter:after, .icon-after:after, a.external:after, a.mail:after, a.pdf:after, a.rss:after, a.phone:after, a.facebook:after, a.twitter:after { margin-left: .25em; width: 1em; position: relative; transform: translateY(10%); display: inline-block; left: auto; top: 0; height: 1em } h1.icon-after:after, h2.icon-after:after, h3.icon-after:after, h4.icon-after:after, h5.icon-after:after, h6.icon-after:after { position: absolute; left: inherit; transform: translateY(0%) } .icon-calendar:before, .icon-calendar:after { content: url("/_ttu-template/2017/img/icons/svg/calendar.svg") } a.calendar:before, a.calendar:after { content: url("/_ttu-template/2017/img/icons/svg/calendar.svg") } .icon-doublet:before, .icon-doublet:after { content: url("/_ttu-template/2017/img/icons/svg/doublet.svg") } a.doublet:before, a.doublet:after { content: url("/_ttu-template/2017/img/icons/svg/doublet.svg") } .icon-external:before, .icon-external:after { content: url("/_ttu-template/2017/img/icons/svg/external.svg") } a.external:before, a.external:after { content: url("/_ttu-template/2017/img/icons/svg/external.svg") } .icon-facebook:before, .icon-facebook:after { content: url("/_ttu-template/2017/img/icons/svg/facebook.svg") } a.facebook:before, a.facebook:after { content: url("/_ttu-template/2017/img/icons/svg/facebook.svg") } .icon-flickr:before, .icon-flickr:after { content: url("/_ttu-template/2017/img/icons/svg/flickr.svg") } a.flickr:before, a.flickr:after { content: url("/_ttu-template/2017/img/icons/svg/flickr.svg") } .icon-foursquare:before, .icon-foursquare:after { content: url("/_ttu-template/2017/img/icons/svg/foursquare.svg") } a.foursquare:before, a.foursquare:after { content: url("/_ttu-template/2017/img/icons/svg/foursquare.svg") } .icon-gplus:before, .icon-gplus:after { content: url("/_ttu-template/2017/img/icons/svg/gplus.svg") } a.gplus:before, a.gplus:after { content: url("/_ttu-template/2017/img/icons/svg/gplus.svg") } .icon-gunsup:before, .icon-gunsup:after { content: url("/_ttu-template/2017/img/icons/svg/gunsup.svg") } a.gunsup:before, a.gunsup:after { content: url("/_ttu-template/2017/img/icons/svg/gunsup.svg") } .icon-heart:before, .icon-heart:after { content: url("/_ttu-template/2017/img/icons/svg/heart.svg") } a.heart:before, a.heart:after { content: url("/_ttu-template/2017/img/icons/svg/heart.svg") } .icon-instagram:before, .icon-instagram:after { content: url("/_ttu-template/2017/img/icons/svg/instagram.svg") } a.instagram:before, a.instagram:after { content: url("/_ttu-template/2017/img/icons/svg/instagram.svg") } .icon-linkedin:before, .icon-linkedin:after { content: url("/_ttu-template/2017/img/icons/svg/linkedin.svg") } a.linkedin:before, a.linkedin:after { content: url("/_ttu-template/2017/img/icons/svg/linkedin.svg") } .icon-mail:before, .icon-mail:after { content: url("/_ttu-template/2017/img/icons/svg/mail.svg") } a.mail:before, a.mail:after { content: url("/_ttu-template/2017/img/icons/svg/mail.svg") } .icon-news:before, .icon-news:after { content: url("/_ttu-template/2017/img/icons/svg/news.svg") } a.news:before, a.news:after { content: url("/_ttu-template/2017/img/icons/svg/news.svg") } .icon-pdf:before, .icon-pdf:after { content: url("/_ttu-template/2017/img/icons/svg/pdf.svg") } a.pdf:before, a.pdf:after { content: url("/_ttu-template/2017/img/icons/svg/pdf.svg") } .icon-phone:before, .icon-phone:after { content: url("/_ttu-template/2017/img/icons/svg/phone.svg") } a.phone:before, a.phone:after { content: url("/_ttu-template/2017/img/icons/svg/phone.svg") } .icon-pinterest:before, .icon-pinterest:after { content: url("/_ttu-template/2017/img/icons/svg/pinterest.svg") } a.pinterest:before, a.pinterest:after { content: url("/_ttu-template/2017/img/icons/svg/pinterest.svg") } .icon-rss:before, .icon-rss:after { content: url("/_ttu-template/2017/img/icons/svg/rss.svg") } a.rss:before, a.rss:after { content: url("/_ttu-template/2017/img/icons/svg/rss.svg") } .icon-search:before, .icon-search:after { content: url("/_ttu-template/2017/img/icons/svg/search.svg") } a.search:before, a.search:after { content: url("/_ttu-template/2017/img/icons/svg/search.svg") } .icon-skype:before, .icon-skype:after { content: url("/_ttu-template/2017/img/icons/svg/skype.svg") } a.skype:before, a.skype:after { content: url("/_ttu-template/2017/img/icons/svg/skype.svg") } .icon-snapchat:before, .icon-snapchat:after { content: url("/_ttu-template/2017/img/icons/svg/snapchat.svg") } a.snapchat:before, a.snapchat:after { content: url("/_ttu-template/2017/img/icons/svg/snapchat.svg") } .icon-soundcloud:before, .icon-soundcloud:after { content: url("/_ttu-template/2017/img/icons/svg/soundcloud.svg") } a.soundcloud:before, a.soundcloud:after { content: url("/_ttu-template/2017/img/icons/svg/soundcloud.svg") } .icon-stumbleupon:before, .icon-stumbleupon:after { content: url("/_ttu-template/2017/img/icons/svg/stumbleupon.svg") } a.stumbleupon:before, a.stumbleupon:after { content: url("/_ttu-template/2017/img/icons/svg/stumbleupon.svg") } .icon-tumblr:before, .icon-tumblr:after { content: url("/_ttu-template/2017/img/icons/svg/tumblr.svg") } a.tumblr:before, a.tumblr:after { content: url("/_ttu-template/2017/img/icons/svg/tumblr.svg") } .icon-twitter:before, .icon-twitter:after { content: url("/_ttu-template/2017/img/icons/svg/twitter.svg") } a.twitter:before, a.twitter:after { content: url("/_ttu-template/2017/img/icons/svg/twitter.svg") } .icon-vimeo:before, .icon-vimeo:after { content: url("/_ttu-template/2017/img/icons/svg/vimeo.svg") } a.vimeo:before, a.vimeo:after { content: url("/_ttu-template/2017/img/icons/svg/vimeo.svg") } .icon-youtube:before, .icon-youtube:after { content: url("/_ttu-template/2017/img/icons/svg/youtube.svg") } a.youtube:before, a.youtube:after { content: url("/_ttu-template/2017/img/icons/svg/youtube.svg") } .content-col-2, .content-col-3 { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 0rem; -moz-column-gap: 0rem; column-gap: 0rem; -webkit-columns: 1; -moz-columns: 1; columns: 1 } @media screen and (min-width: 50em) { .content-col-2 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 2rem; -moz-column-gap: 2rem; column-gap: 2rem; -webkit-columns: 2; -moz-columns: 2; columns: 2 } .content-col-3 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 1rem; -moz-column-gap: 1rem; column-gap: 1rem; -webkit-columns: 3; -moz-columns: 3; columns: 3 } } .btn, .btnlink, .button { background: #1b1b1b; padding: .5rem; border: 1px solid #1b1b1b; color: #fdfdfd; font-size: 1rem; font-family: 'Neue Helvetica W01',Helvetica,Arial,sans-serif; letter-spacing: 1px } .btn:hover, .btn:focus, .btnlink:hover, .btnlink:focus, .button:hover, .button:focus { background: #fdfdfd; color: #1b1b1b; border: 1px solid #1b1b1b } .btn.disabled, .btnlink.disabled, .button.disabled { background: #fdfdfd; color: #ccc; border-bottom: 4px solid #ccc } .btn-small { padding: .5em } .btn-large { padding: .5em; text-transform: uppercase; background: #ccc; font-size: 1.5rem; font-weight: normal } .text-btn { font-style: italic } .brick { background: #dcdddc; padding: 2em; text-align: center; font-weight: bold; border-bottom: 1px solid #ccc } .block { overflow: hidden } .block p:last-child { margin-bottom: 0 } .headline { line-height: 1.2 } .block-hero { margin-bottom: .5em } .block-hero .b-thumb img { display: block } @media all and (min-width: 50em) { .block-hero { position: relative } .block-hero .b-text { position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,0.5); color: #fdfdfd; padding: 1.5em } } .block-thumb { display: table; width: 100%; border-collapse: collapse } .block-thumb .b-inner { display: table-row; vertical-align: top; overflow: hidden } @media all and (min-width: 29.75em) { .block-thumb .b-thumb { display: table-cell; vertical-align: top; width: 30%; max-width: 10em } .block-thumb .b-thumb img { display: block; width: 100%; height: auto } } @media all and (min-width: 29.75em) { .block-thumb .b-text { display: table-cell; width: 70%; padding: 0 1em } } .block-headline-summary a { display: block; padding: .5em } .block-inset { position: relative } .block-inset .b-thumb { position: relative; z-index: 0 } .block-inset .b-thumb img { display: block } .block-inset { margin-bottom: .5em; position: relative } .block-inset .headline { font-size: 1.1em } .block-inset .b-text { position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,0.5); color: #fdfdfd; padding: .5em } .block-thumb-summary .b-thumb { float: left; width: 50% } .block-thumb-summary .b-text { margin-left: 50%; padding: .5em } .inline-list li { display: inline-block } .social-list li { margin: 0 0.4rem 1em 0 } .social-list a { font-size: 1.6em } .headline-list { margin-bottom: 1em } .headline-list.flush { margin: 0 } .headline-list h4 { font-weight: normal } .headline-list li { padding: .25em 0; border-top: 1px solid #ccc } .post-list li { margin-bottom: 1em } .bullet-list { list-style: square; margin: 0 0 1em 1.2em; line-height: 1.3 } .bullet-list li { margin-bottom: 1em } .text-list { margin: 0 0 1em; line-height: 1.3 } .text-list li { margin-bottom: 1em } .tooltip-container { display: inline-block; position: relative } .tooltip-container:hover .tooltip { display: block } .tooltip-link { background: #ccc } .tooltip { display: none; position: absolute; top: 1.5em; left: 0; width: 18em; padding: 1em; background: #fdfdfd; border: 1px solid #ccc; box-shadow: 0.3em 0.3em 1em 0 rgba(0,0,0,0.2) } .tooltip h2 { margin-top: 0 } @media all and (min-width: 24em) { .tooltip { width: 22em } } @media all and (min-width: 29.75em) { .tooltip { width: 27em } } @media all and (min-width: 39.8em) { .tooltip { width: 30em } } .accordion { margin-bottom: 1em } .acc-handle { background: #333; color: #fdfdfd; font-family: 'Neue Helvetica W01',Helvetica,Arial,sans-serif; font-weight: bold; display: block; position: relative; padding: .5em; border-bottom: 1px solid #ccc } .acc-handle:after { content: "+"; float: right } .acc-handle:hover { color: #fdfdfd; background: #333 } .acc-handle.active { background: #333 } .acc-handle.active:after { content: "-" } .vertical.menu { list-style: none; background: #f3f3f3; padding: 1rem .5rem 1rem 2rem; margin: 0em } .vertical.menu h2 { margin: 0em; font-size: 1.25rem } .vertical.menu li a { font-family: 'Neue Helvetica W01',Helvetica,Arial,sans-serif; color: #1b1b1b; transition: all .4s ease } .vertical.menu li a:hover { color: #d60000 } .vertical.menu.nested { padding-left: .75rem } .tabs { overflow: hidden } .tabs ul { display: table; width: 100% } .tabs li { display: table-cell; text-align: center; border-right: 1px solid #ccc } .tabs li:last-child { border-right: 0 } .tabs a { display: block; padding: .5em; background: #ccc } .tabs a:hover, .tabs a:focus { background: #ccc } .tabs a.active { background: #333; color: #fdfdfd } .section { margin: 0 0 1em } .section-title { margin-bottom: .5em } .callout { padding: 2em; display: flex; align-items: flex-start; justify-content: center; width: 100%; flex-flow: column wrap } .callout h1, .callout h2, .callout h3, .callout h4, .callout h5, .callout h6 { margin-bottom: 0em; margin-top: 0em } div.callout { display: block } .callout.graybg { background: #e6e6e6 } .callout.redbg { background: #d60000; color: #fdfdfd } .callout.redbg p { color: #fdfdfd } .article-header h1 { font-size: 2.5rem } .byline { font-size: .875em; font-style: italic; margin-bottom: .5em } .social-share { overflow: hidden; margin-bottom: 1em } .social-share li { float: left; margin-right: .5em } .social-share a { background: #333; color: #fdfdfd; display: block; padding: .5em } .social-share a:hover { background: #ccc } .comments li { margin-bottom: 1em } .comment-container { overflow: hidden; margin-bottom: 1em; list-style: none } .comment-meta { float: left; width: 6.5em } .comment-meta img { display: block; border: 1px solid #ccc; margin-bottom: .5em } .comment-name { font-size: .75em } .comment-text { margin-left: 9em } .alert { text-align: center; padding: 1em; margin-bottom: .5em; border: 1px solid #ccc; background: #ccc } .alert-error { color: red; border-color: red; background: #ffbebe } .control-label { font-family: 'Neue Helvetica W01',Helvetica,Arial,sans-serif; letter-spacing: 1px; font-size: 1.2rem } @media screen\0 { form { margin-bottom: 24em } } form div.control-group { margin-bottom: 1.4em; max-width: 40em; font-size: 1.2rem; position: relative } form .helper-text, form .counter { font-size: 0.8em; padding: 0 0 0 1em; font-style: italic; color: #999 } form .counter span { display: inline } form fieldset { margin-bottom: 0.4em; padding: 0.8em; max-width: 41em; background: #fefefe; border: 6px solid #333 } form fieldset legend { font-size: 1.4rem; text-transform: uppercase; font-weight: bold; color: #333; padding: 1em } form span { display: block; padding: 0.2em 0 } form span.required, form span[class$="required"] { display: inline-block; color: #900 } form label { display: block; padding: 0.2em 0 } form .controls { position: relative } form .controls label { font-size: 0.9em; color: #666 } form .required label:after { content: "*"; color: #c00 } form label.radio, form label.checkbox { margin-bottom: 0.2em } form .inlineradioset label.radio { display: inline-block; margin-right: 1em } form input[type="radio"], form input[type="checkbox"] { display: inline-block; margin-right: 0.4em; line-height: 1.3125em; cursor: pointer } form .submit { background-color: #c00; box-sizing: border-box; color: #fff; display: block; padding: 0.3em 1.125em } form .label-important { font-size: 0.8em; color: #cc0000 } form textarea, form select, form input[type="text"], form input[type="password"], form input[type="datetime"], form input[type="datetime-local"], form input[type="date"], form input[type="month"], form input[type="time"], form input[type="week"], form input[type="number"], form input[type="email"], form input[type="url"], form input[type="search"], form input[type="tel"], form input[type="color"], .uneditable-input { border: 1px solid #ccc; box-sizing: content-box; width: 100%; background: none; padding: 0.8em; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 1.2rem; font-family: 'ITC Charter W01',Georgia,Garamond,serif; letter-spacing: 0px; color: #1b1b1b } form input[type="text"], form input[type="password"], form input[type="datetime"], form input[type="datetime-local"], form input[type="date"], form input[type="month"], form input[type="time"], form input[type="week"], form input[type="number"], form input[type="email"], form input[type="url"], form input[type="search"], form input[type="tel"], form input[type="color"], form select { min-height: 2em } form textarea:focus, form select:focus, form input[type="text"]:focus, form input[type="password"]:focus, form input[type="datetime"]:focus, form input[type="datetime-local"]:focus, form input[type="date"]:focus, form input[type="month"]:focus, form input[type="time"]:focus, form input[type="week"]:focus, form input[type="number"]:focus, form input[type="email"]:focus, form input[type="url"]:focus, form input[type="search"]:focus, form input[type="tel"]:focus, form input[type="color"]:focus, .uneditable-input:focus { background: #fffff8; border-color: #cb9f5b; outline: 0; outline: thin dotted \9 } form select { height: 3em; border: 1px solid #ccc; background-color: #fff } form select[multiple] { height: auto } ::-webkit-input-placeholder { color: #333; letter-spacing: 0px; font-size: 1rem } ::-moz-placeholder { color: #333; letter-spacing: 0px; font-size: 1rem } :-ms-input-placeholder { color: #333; letter-spacing: 0px; font-size: 1rem } :-moz-placeholder { color: #333; letter-spacing: 0px; font-size: 1rem } .alert { padding: 0.8em; margin-bottom: 1em; text-shadow: 0 1px 0 rgba(255,255,255,0.5); background-color: #fcf8e3; border: 1px solid #fbeed5; color: #c09853; font-size: 1.2rem } .alert-heading { color: inherit } .alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #468847 } .alert-danger, .alert-error { background-color: #f2dede; border-color: #eed3d7; color: #b94a48 } .alert-info { background-color: #d9edf7; border-color: #bce8f1; color: #3a87ad } .intro { font-size: 1.5rem !important; line-height: 2rem !important } .pullquote { font-family: 'Neue Helvetica W01',Helvetica,Arial,sans-serif; font-size: 1.4375em } .subtitle { text-transform: uppercase; font-weight: 600; font-family: 'Neue Helvetica W01',Helvetica,Arial,sans-serif !important; margin: 0; letter-spacing: 1px; margin-bottom: 0em !important } .caption { font-style: italic } .text a { text-decoration: none } .text ul { list-style: disc; margin: 0 0 1em 1.2em } .text ul ul { margin-bottom: 0 } .text ol { list-style: decimal; margin: 0 0 1em 1.5em } .text ol ol { margin-bottom: 0 } blockquote.pull-quote { -webkit-margin-before: 0em; -webkit-margin-after: 0em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; padding: 1em; text-align: left; margin-bottom: 2em } blockquote.pull-quote p { letter-spacing: -1px; line-height: 1.25em; font-size: 1.5em; margin: 0em; padding: 1em; font-style: italic; quotes: "“" "”" "‘" "’" } blockquote.pull-quote p:before, blockquote.pull-quote p:after { color: #ccc; font-size: 3rem; line-height: 0em; vertical-align: -0.4em; font-family: 'ITC Charter W01',Georgia,Garamond,serif; font-weight: 700; position: relative } blockquote.pull-quote p:before { content: open-quote; top: -20px; left: -20px } blockquote.pull-quote p:after { content: close-quote; bottom: -20px; right: -20px } blockquote.pull-quote figcaption { text-align: right } .highlight__feature { margin: 1em 1em 2em 2em } .highlight__feature blockquote { margin: 0; -webkit-margin-before: 0em; -webkit-margin-after: 0em; -webkit-margin-start: 0px; -webkit-margin-end: 0px } @media (min-width: 31.25em) { .highlight__feature { float: right; margin: 1em 1em 2em 3em } } .highlight__feature p { -webkit-box-decoration-break: clone; margin: 0; line-height: 1.1; padding: 8px 0; font-size: 1.75rem; font-weight: 900; color: #d60000; background: -webkit-linear-gradient(#ff2424, #9b0808); -webkit-background-clip: text; -webkit-text-fill-color: transparent } @media (min-width: 31.25em) { .highlight__feature p { font-size: 2.25em } } .figure__fancy { position: relative; margin: 1em 1em 2em 1em } @media (min-width: 31.25em) { .figure__fancy { margin: 1em 1em 1em 1em } } .figure__fancy figcaption { max-width: 80%; border-radius: 2px; bottom: -50px; position: absolute } @media (min-width: 31.25em) { .figure__fancy figcaption { bottom: 0px; left: 0 } } @media (min-width: 46.875em) { .figure__fancy figcaption { bottom: 0px; padding: 0em } } .figure__fancy figure { -webkit-margin-before: 0em; -webkit-margin-after: 0em; -webkit-margin-start: 0px; -webkit-margin-end: 0px } .figure__fancy p { background-color: #ddd; font-family: 'ITC Charter W01',Georgia,Garamond,serif; color: #1b1b1b; letter-spacing: 2; -webkit-box-decoration-break: clone; margin: 0; display: inline; line-height: 1.2; font-weight: 700; -webkit-box-decoration: clone; box-decoration-break: clone; box-shadow: 10px 0 0 #ddd,-10px 0 0 #ddd; font-size: 1.25rem }