/* ========================================================================== // Base Stylesheet - http://getbase.org // Author: Matthew Hartman - http://www.matthewhartman.com.au/ // Version: 3.5.1 - Last Updated: August 18, 2017 ========================================================================== */ *, *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; } html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } html, button, input, select, textarea { font-family: inherit; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } body, form, fieldset, legend, input, select, textarea, button { margin: 0; } audio:not([controls]) { display: none; height: 0; } audio, canvas, progress, video { display: inline-block; } progress { vertical-align: baseline; } [hidden], template { display: none; } img { border-style: none; } svg:not(:root) { overflow: hidden; } body { font-family: sans-serif; font-size: 16px; font-size: 1rem; line-height: 22px; line-height: 1.375rem; color: #000; font-weight: 400; background: #fff; } p { margin: 0 0 20px 0; } a { color: #000; text-decoration: underline; background-color: transparent; -webkit-text-decoration-skip: objects; } a:active, a:hover { color: #000; outline-width: 0; text-decoration: none; } h1, h2, h3, h4, h5, h6 { font-family: sans-serif; margin: 0; } h1, .fs-1 { font-size: 32px; font-size: 2rem; line-height: 38px; line-height: 2.375rem; } h2, .fs-2 { font-size: 26px; font-size: 1.625rem; line-height: 32px; line-height: 2rem; } h3, .fs-3 { font-size: 22px; font-size: 1.375rem; line-height: 28px; line-height: 1.75rem; } h4, .fs-4 { font-size: 18px; font-size: 1.125rem; line-height: 24px; line-height: 1.5rem; } h5, .fs-5 { font-size: 16px; font-size: 1rem; line-height: 22px; line-height: 1.375rem; } h6, .fs-6 { font-size: 14px; font-size: 0.875rem; line-height: 20px; line-height: 1.25rem; } h1 { margin-bottom: .5em; color: #000; font-weight: 700; } h2 { margin-bottom: .2em; color: #000; font-weight: 700; } h3 { margin-bottom: .2em; color: #000; font-weight: 700; } h4 { margin-bottom: .2em; color: #000; font-weight: 700; } h5 { margin-bottom: .1em; color: #000; font-weight: 700; } h6 { margin-bottom: .1em; color: #000; font-weight: 700; } b, strong, .strong { font-weight: 700; } em, .em { font-style: italic; } abbr[title], .abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } dfn { font-style: italic; } small, .small { font-size: 13px; font-size: 0.8125rem; line-height: 16px; line-height: 1rem; } mark, .mark { background-color: #ff0; color: #000; } sub, .sub, sup, .sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub, .sub { bottom: -0.25em; } sup, .sup { top: -0.5em; } del, .del { text-decoration: line-through; } figure { margin: 1em 40px; } hr, .hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 1px; background: #eee; border: 0; margin-top: 20px; margin-bottom: 20px; } ul, ol { margin: 20px 0; padding: 0 0 0 40px; } dl:before, dl:after { content: " "; display: table; } dl:after { clear: both; } dl dt { float: left; width: 25%; display: block; font-weight: 400; } dl dd { overflow: hidden; display: block; } blockquote, .blockquote { font-family: sans-serif; font-weight: 400; font-style: italic; margin: 20px 0; } blockquote p, .blockquote p { font-size: 22px; font-size: 1.375rem; line-height: 28px; line-height: 1.75rem; margin-bottom: 20px; } blockquote cite, .blockquote cite { font-size: 13px; font-size: 0.8125rem; line-height: 19px; line-height: 1.1875rem; font-weight: 700; font-style: normal; } caption { font-size: inherit; line-height: normal; font-weight: 700; text-align: left; padding: 10px; border-bottom: 1px solid #d7d7d7; } table { font-size: 14px; font-size: 0.875rem; border-collapse: collapse; border-spacing: 0; width: 100%; margin: 0; text-align: left; } table thead td, table thead th, table tbody td, table tbody th, table tfoot td, table tfoot th { color: #585858; padding: 10px; border-bottom: 1px solid #e9e9e9; } code, kbd, pre, samp { font-size: 13px; font-size: 0.8125rem; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; font-family: monospace, monospace; color: #000; background-color: transparent; font-weight: normal; padding: 0; white-space: pre-wrap; } pre { padding: 10px; overflow: auto; border: 1px solid #d7d7d7; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { -webkit-box-sizing: border-box; box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } label, button, input, optgroup, select, textarea { color: #000; font: inherit; margin: 0; border-radius: 0; } [type="text"], [type="email"], [type="password"], [type="tel"], [type="number"], [type="date"] { height: 36px; padding: 10px; background-color: #fff; border: 1px solid #ccc; -webkit-appearance: none; -moz-appearance: textfield; border-radius: 0; } [type="text"]:focus, [type="email"]:focus, [type="password"]:focus, [type="tel"]:focus, [type="number"]:focus, [type="date"]:focus { background-color: #fff; border-color: #f7c723; outline: 0; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="date"]::-webkit-inner-spin-button { display: none; -webkit-appearance: none; } [type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; 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; } textarea { padding: 10px; background-color: #fff; border: 1px solid #ccc; overflow: auto; } textarea:focus { background-color: #fff; border-color: #f7c723; outline: 0; } select { text-transform: none; height: 36px; padding: 0 10px; background-color: #fff; border: 1px solid #ccc; } select:focus { background-color: #fff; border-color: #f7c723; outline: 0; } optgroup { font-weight: 700; } button { border-radius: 0; overflow: visible; text-transform: none; cursor: pointer; } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; border-radius: 0; } 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; } button[disabled], html input[disabled] { cursor: not-allowed; } input::-webkit-input-placeholder { color: #999; } input:-moz-placeholder { color: #999; } input::-moz-placeholder { color: #999; } input:-ms-input-placeholder { color: #999; } .button { cursor: pointer; border: 1px solid #d7d7d7; background-color: #f3f3f3; line-height: normal; padding: 10px 20px; text-decoration: none; color: #363636; display: inline-block; -webkit-transition: all 0.3s; transition: all 0.3s; } .button:hover, .button:active { text-decoration: none; } .button:hover { background: #f9f9f9; } .button-link { color: #000; text-decoration: underline; border: 0; background: transparent; padding: 0; } .button-link:hover { text-decoration: none; } .button-link:active { outline: 0; } .clear:before, .clear:after { content: " "; display: table; } .clear:after { clear: both; } .row:before, .row:after { content: ""; display: table; } .row:after { clear: both; } .row { position: relative; margin-left: -15px; margin-right: -15px; } @media only screen and (min-width: 740px) { .row-m { position: relative; margin-left: -15px; margin-right: -15px; } .row-m:before, .row-m:after { content: ""; display: table; } .row-m:after { clear: both; } .clear-m:before, .clear-m:after { content: ""; display: table; } .clear-m:after { clear: both; } } @media only screen and (min-width: 980px) { .row-l { position: relative; margin-left: -15px; margin-right: -15px; } .row-l:before, .row-l:after { content: ""; display: table; } .row-l:after { clear: both; } .clear-l:before, .clear-l:after { content: ""; display: table; } .clear-l:after { clear: both; } } @media only screen and (min-width: 1140px) { .row-xl { position: relative; margin-left: -15px; margin-right: -15px; } .row-xl:before, .row-xl:after { content: ""; display: table; } .row-xl:after { clear: both; } .clear-xl:before, .clear-xl:after { content: ""; display: table; } .clear-xl:after { clear: both; } } .container, .container-full { padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; } @media only screen and (min-width: 740px) { .container { width: 720px; } .container-m, .container-full-m { padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; } .container-m { width: 720px; } .container-full-m { width: auto; } } @media only screen and (min-width: 980px) { .container { width: 960px; } .container-l, .container-full-l { padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; } .container-l { width: 960px; } .container-full-l { width: auto; } } @media only screen and (min-width: 1140px) { .container { width: 1120px; } .container-xl, .container-full-xl { padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; } .container-xl { width: 1120px; } .container-full-xl { width: auto; } } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-1-2, .col-1-3, .col-2-3, .col-1-4, .col-3-4, .col-1-5, .col-2-5, .col-3-5, .col-4-5 { padding-left: 15px; padding-right: 15px; position: relative; float: left; } .col-1 { width: 8.33333%; } .col-2 { width: 16.66667%; } .col-3 { width: 25%; } .col-4 { width: 33.33333%; } .col-5 { width: 41.66667%; } .col-6 { width: 50%; } .col-7 { width: 58.33333%; } .col-8 { width: 66.66667%; } .col-9 { width: 75%; } .col-10 { width: 83.33333%; } .col-11 { width: 91.66667%; } .col-12 { width: 100%; } .col-1-2 { width: 50%; } .col-1-3 { width: 33.33333%; } .col-2-3 { width: 66.66667%; } .col-1-4 { width: 25%; } .col-3-4 { width: 75%; } .col-1-5 { width: 20%; } .col-2-5 { width: 40%; } .col-3-5 { width: 60%; } .col-4-5 { width: 80%; } .col-full { width: 100%; } .push-1 { left: 8.33333%; } .push-2 { left: 16.66667%; } .push-3 { left: 25%; } .push-4 { left: 33.33333%; } .push-5 { left: 41.66667%; } .push-6 { left: 50%; } .push-7 { left: 58.33333%; } .push-8 { left: 66.66667%; } .push-9 { left: 75%; } .push-10 { left: 83.33333%; } .push-11 { left: 91.66667%; } .push-1-2 { left: 50%; } .push-1-3 { left: 33.33333%; } .push-2-3 { left: 66.66667%; } .push-1-4 { left: 25%; } .push-3-4 { left: 75%; } .push-1-5 { left: 20%; } .push-2-5 { left: 40%; } .push-3-5 { left: 60%; } .push-4-5 { left: 80%; } .pull-1 { left: -8.33333%; } .pull-2 { left: -16.66667%; } .pull-3 { left: -25%; } .pull-4 { left: -33.33333%; } .pull-5 { left: -41.66667%; } .pull-6 { left: -50%; } .pull-7 { left: -58.33333%; } .pull-8 { left: -66.66667%; } .pull-9 { left: -75%; } .pull-10 { left: -83.33333%; } .pull-11 { left: -91.66667%; } .pull-1-2 { left: -50%; } .pull-1-3 { left: -33.33333%; } .pull-2-3 { left: -66.66667%; } .pull-1-4 { left: -25%; } .pull-3-4 { left: -75%; } .pull-1-5 { left: -20%; } .pull-2-5 { left: -40%; } .pull-3-5 { left: -60%; } .pull-4-5 { left: -80%; } @media only screen and (min-width: 740px) { .col-1-m, .col-2-m, .col-3-m, .col-4-m, .col-5-m, .col-6-m, .col-7-m, .col-8-m, .col-9-m, .col-10-m, .col-11-m, .col-12-m, .col-1-2-m, .col-1-3-m, .col-2-3-m, .col-1-4-m, .col-3-4-m, .col-1-5-m, .col-2-5-m, .col-3-5-m, .col-4-5-m { padding-left: 15px; padding-right: 15px; position: relative; float: left; } .col-1-m { width: 8.33333%; } .col-2-m { width: 16.66667%; } .col-3-m { width: 25%; } .col-4-m { width: 33.33333%; } .col-5-m { width: 41.66667%; } .col-6-m { width: 50%; } .col-7-m { width: 58.33333%; } .col-8-m { width: 66.66667%; } .col-9-m { width: 75%; } .col-10-m { width: 83.33333%; } .col-11-m { width: 91.66667%; } .col-12-m { width: 100%; } .col-1-2-m { width: 50%; } .col-1-3-m { width: 33.33333%; } .col-2-3-m { width: 66.66667%; } .col-1-4-m { width: 25%; } .col-3-4-m { width: 75%; } .col-1-5-m { width: 20%; } .col-2-5-m { width: 40%; } .col-3-5-m { width: 60%; } .col-4-5-m { width: 80%; } .col-full-m { width: 100%; } .push-1-m { left: 8.33333%; } .push-2-m { left: 16.66667%; } .push-3-m { left: 25%; } .push-4-m { left: 33.33333%; } .push-5-m { left: 41.66667%; } .push-6-m { left: 50%; } .push-7-m { left: 58.33333%; } .push-8-m { left: 66.66667%; } .push-9-m { left: 75%; } .push-10-m { left: 83.33333%; } .push-11-m { left: 91.66667%; } .push-1-2-m { left: 50%; } .push-1-3-m { left: 33.33333%; } .push-2-3-m { left: 66.66667%; } .push-1-4-m { left: 25%; } .push-3-4-m { left: 75%; } .push-1-5-m { left: 20%; } .push-2-5-m { left: 40%; } .push-3-5-m { left: 60%; } .push-4-5-m { left: 80%; } .pull-1-m { left: -8.33333%; } .pull-2-m { left: -16.66667%; } .pull-3-m { left: -25%; } .pull-4-m { left: -33.33333%; } .pull-5-m { left: -41.66667%; } .pull-6-m { left: -50%; } .pull-7-m { left: -58.33333%; } .pull-8-m { left: -66.66667%; } .pull-9-m { left: -75%; } .pull-10-m { left: -83.33333%; } .pull-11-m { left: -91.66667%; } .pull-1-2-m { left: -50%; } .pull-1-3-m { left: -33.33333%; } .pull-2-3-m { left: -66.66667%; } .pull-1-4-m { left: -25%; } .pull-3-4-m { left: -75%; } .pull-1-5-m { left: -20%; } .pull-2-5-m { left: -40%; } .pull-3-5-m { left: -60%; } .pull-4-5-m { left: -80%; } } @media only screen and (min-width: 980px) { .col-1-l, .col-2-l, .col-3-l, .col-4-l, .col-5-l, .col-6-l, .col-7-l, .col-8-l, .col-9-l, .col-10-l, .col-11-l, .col-12-l, .col-1-2-l, .col-1-3-l, .col-2-3-l, .col-1-4-l, .col-3-4-l, .col-1-5-l, .col-2-5-l, .col-3-5-l, .col-4-5-l { padding-left: 15px; padding-right: 15px; position: relative; float: left; } .col-1-l { width: 8.33333%; } .col-2-l { width: 16.66667%; } .col-3-l { width: 25%; } .col-4-l { width: 33.33333%; } .col-5-l { width: 41.66667%; } .col-6-l { width: 50%; } .col-7-l { width: 58.33333%; } .col-8-l { width: 66.66667%; } .col-9-l { width: 75%; } .col-10-l { width: 83.33333%; } .col-11-l { width: 91.66667%; } .col-12-l { width: 100%; } .col-1-2-l { width: 50%; } .col-1-3-l { width: 33.33333%; } .col-2-3-l { width: 66.66667%; } .col-1-4-l { width: 25%; } .col-3-4-l { width: 75%; } .col-1-5-l { width: 20%; } .col-2-5-l { width: 40%; } .col-3-5-l { width: 60%; } .col-4-5-l { width: 80%; } .col-full-l { width: 100%; } .push-1-l { left: 8.33333%; } .push-2-l { left: 16.66667%; } .push-3-l { left: 25%; } .push-4-l { left: 33.33333%; } .push-5-l { left: 41.66667%; } .push-6-l { left: 50%; } .push-7-l { left: 58.33333%; } .push-8-l { left: 66.66667%; } .push-9-l { left: 75%; } .push-10-l { left: 83.33333%; } .push-11-l { left: 91.66667%; } .push-1-2-l { left: 50%; } .push-1-3-l { left: 33.33333%; } .push-2-3-l { left: 66.66667%; } .push-1-4-l { left: 25%; } .push-3-4-l { left: 75%; } .push-1-5-l { left: 20%; } .push-2-5-l { left: 40%; } .push-3-5-l { left: 60%; } .push-4-5-l { left: 80%; } .pull-1-l { left: -8.33333%; } .pull-2-l { left: -16.66667%; } .pull-3-l { left: -25%; } .pull-4-l { left: -33.33333%; } .pull-5-l { left: -41.66667%; } .pull-6-l { left: -50%; } .pull-7-l { left: -58.33333%; } .pull-8-l { left: -66.66667%; } .pull-9-l { left: -75%; } .pull-10-l { left: -83.33333%; } .pull-11-l { left: -91.66667%; } .pull-1-2-l { left: -50%; } .pull-1-3-l { left: -33.33333%; } .pull-2-3-l { left: -66.66667%; } .pull-1-4-l { left: -25%; } .pull-3-4-l { left: -75%; } .pull-1-5-l { left: -20%; } .pull-2-5-l { left: -40%; } .pull-3-5-l { left: -60%; } .pull-4-5-l { left: -80%; } } @media only screen and (min-width: 1140px) { .col-1-xl, .col-2-xl, .col-3-xl, .col-4-xl, .col-5-xl, .col-6-xl, .col-7-xl, .col-8-xl, .col-9-xl, .col-10-xl, .col-11-xl, .col-12-xl, .col-1-2-xl, .col-1-3-xl, .col-2-3-xl, .col-1-4-xl, .col-3-4-xl, .col-1-5-xl, .col-2-5-xl, .col-3-5-xl, .col-4-5-xl { padding-left: 15px; padding-right: 15px; position: relative; float: left; } .col-1-xl { width: 8.33333%; } .col-2-xl { width: 16.66667%; } .col-3-xl { width: 25%; } .col-4-xl { width: 33.33333%; } .col-5-xl { width: 41.66667%; } .col-6-xl { width: 50%; } .col-7-xl { width: 58.33333%; } .col-8-xl { width: 66.66667%; } .col-9-xl { width: 75%; } .col-10-xl { width: 83.33333%; } .col-11-xl { width: 91.66667%; } .col-12-xl { width: 100%; } .col-1-2-xl { width: 50%; } .col-1-3-xl { width: 33.33333%; } .col-2-3-xl { width: 66.66667%; } .col-1-4-xl { width: 25%; } .col-3-4-xl { width: 75%; } .col-1-5-xl { width: 20%; } .col-2-5-xl { width: 40%; } .col-3-5-xl { width: 60%; } .col-4-5-xl { width: 80%; } .col-full-xl { width: 100%; } .push-1-xl { left: 8.33333%; } .push-2-xl { left: 16.66667%; } .push-3-xl { left: 25%; } .push-4-xl { left: 33.33333%; } .push-5-xl { left: 41.66667%; } .push-6-xl { left: 50%; } .push-7-xl { left: 58.33333%; } .push-8-xl { left: 66.66667%; } .push-9-xl { left: 75%; } .push-10-xl { left: 83.33333%; } .push-11-xl { left: 91.66667%; } .push-1-2-xl { left: 50%; } .push-1-3-xl { left: 33.33333%; } .push-2-3-xl { left: 66.66667%; } .push-1-4-xl { left: 25%; } .push-3-4-xl { left: 75%; } .push-1-5-xl { left: 20%; } .push-2-5-xl { left: 40%; } .push-3-5-xl { left: 60%; } .push-4-5-xl { left: 80%; } .pull-1-xl { left: -8.33333%; } .pull-2-xl { left: -16.66667%; } .pull-3-xl { left: -25%; } .pull-4-xl { left: -33.33333%; } .pull-5-xl { left: -41.66667%; } .pull-6-xl { left: -50%; } .pull-7-xl { left: -58.33333%; } .pull-8-xl { left: -66.66667%; } .pull-9-xl { left: -75%; } .pull-10-xl { left: -83.33333%; } .pull-11-xl { left: -91.66667%; } .pull-1-2-xl { left: -50%; } .pull-1-3-xl { left: -33.33333%; } .pull-2-3-xl { left: -66.66667%; } .pull-1-4-xl { left: -25%; } .pull-3-4-xl { left: -75%; } .pull-1-5-xl { left: -20%; } .pull-2-5-xl { left: -40%; } .pull-3-5-xl { left: -60%; } .pull-4-5-xl { left: -80%; } } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fade-in { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fade-in-down { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fade-in-down-big { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-30px, 0, 0); transform: translate3d(-30px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-30px, 0, 0); transform: translate3d(-30px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fade-in-left { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fade-in-left-big { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(30px, 0, 0); transform: translate3d(30px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(30px, 0, 0); transform: translate3d(30px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fade-in-right { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fade-in-right-big { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fade-in-up { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fade-in-up-big { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @media print { *, *:before, *:after { background: transparent; color: #000; -webkit-box-shadow: none; box-shadow: none; text-shadow: none; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre, blockquote { page-break-inside: avoid; } thead { display: table-header-group; } tr { page-break-inside: avoid; } img { page-break-inside: avoid; max-width: 100%; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } abbr[title]:after { content: " (" attr(title) ")"; } } .no-margin { margin: 0; } .no-padding { padding: 0; } .no-float { float: none; } .no-background { background: transparent; } .no-border { border: 0; } .no-select { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default; } .font-100 { font-weight: 100; } .font-200 { font-weight: 200; } .font-300 { font-weight: 300; } .font-400 { font-weight: 400; } .font-500 { font-weight: 500; } .font-600 { font-weight: 600; } .font-700 { font-weight: 700; } .font-800 { font-weight: 800; } .font-900 { font-weight: 900; } .font-normal { font-style: normal; } .font-italic { font-style: italic; } .uppercase { text-transform: uppercase; } .lowercase { text-transform: lowercase; } .capitalize { text-transform: capitalize; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .relative { position: relative; } .absolute { position: absolute; } .static { position: static; } .fixed { position: fixed; } .none { display: none; } .block { display: block; } .inline-block { display: inline-block; } .inline { display: inline; } .flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .flex-row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .flex-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .flex-space-around { -ms-flex-pack: distribute; justify-content: space-around; } .flex-space-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .flex-start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .flex-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .flex-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .flex-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } .flex-nowrap { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .left { float: left; } .right { float: right; } .center { float: none; margin-left: auto; margin-right: auto; } .pad-top-5 { padding-top: 5px; } .pad-top-10 { padding-top: 10px; } .pad-top-15 { padding-top: 15px; } .pad-top-20 { padding-top: 20px; } .pad-top-25 { padding-top: 25px; } .pad-top-30 { padding-top: 30px; } .pad-top-35 { padding-top: 35px; } .pad-top-40 { padding-top: 40px; } .pad-top-45 { padding-top: 45px; } .pad-top-50 { padding-top: 50px; } .pad-top-55 { padding-top: 55px; } .pad-top-60 { padding-top: 60px; } .pad-bottom-5 { padding-bottom: 5px; } .pad-bottom-10 { padding-bottom: 10px; } .pad-bottom-15 { padding-bottom: 15px; } .pad-bottom-20 { padding-bottom: 20px; } .pad-bottom-25 { padding-bottom: 25px; } .pad-bottom-30 { padding-bottom: 30px; } .pad-bottom-35 { padding-bottom: 35px; } .pad-bottom-40 { padding-bottom: 40px; } .pad-bottom-45 { padding-bottom: 45px; } .pad-bottom-50 { padding-bottom: 50px; } .pad-bottom-55 { padding-bottom: 55px; } .pad-bottom-60 { padding-bottom: 60px; } .pad-5 { padding: 5px; } .pad-10 { padding: 10px; } .pad-15 { padding: 15px; } .pad-20 { padding: 20px; } .pad-25 { padding: 25px; } .pad-30 { padding: 30px; } .pad-35 { padding: 35px; } .pad-40 { padding: 40px; } .pad-45 { padding: 45px; } .pad-50 { padding: 50px; } .pad-55 { padding: 55px; } .pad-60 { padding: 60px; } .sr { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .list-unstyled { list-style: none; margin: 0; padding: 0; } .list-unstyled li { margin: 0; padding: 0; } .list-inline { list-style: none; margin: 0; padding: 0; } .list-inline li { margin: 0; padding: 0; display: inline-block; } .img-fluid { max-width: 100%; } .field { width: 100%; } .form-group { overflow: hidden; } .form-group label { display: inline-block; padding-top: 8px; } .disabled, [disabled] { pointer-events: none; cursor: not-allowed; opacity: .5; } .checkbox, .radio { display: inline-block; position: relative; } .checkbox label, .radio label { padding-left: 20px; padding-top: 0; display: inline-block; } .checkbox input[type="checkbox"], .checkbox input[type="radio"], .radio input[type="checkbox"], .radio input[type="radio"] { position: absolute; top: 4px; left: 0; } .select { position: relative; display: block; } .select:before { content: ""; border: 6px solid transparent; border-top-color: #676767; top: 50%; right: 10px; margin-top: -3px; pointer-events: none; position: absolute; } .select select { -webkit-appearance: none; -moz-appearance: none; height: 36px; width: 100%; padding: 0 10px; line-height: normal; border: 1px solid #ccc; background: #fff; display: block; } .select select::-ms-expand { display: none; } .select select:focus { border-color: #f7c723; } .select select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; border-color: #f7c723; } .animation { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animation-infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } @media only screen and (min-width: 740px) { .no-float-m { float: none; } .no-padding-m { padding: 0; } .no-margin-m { margin: 0; } .relative-m { position: relative; } .absolute-m { position: absolute; } .static-m { position: static; } .fixed-m { position: fixed; } .none-m { display: none; } .block-m { display: block; } .inline-block-m { display: inline-block; } .inline-m { display: inline; } .flex-m { display: -webkit-box; display: -ms-flexbox; display: flex; } .flex-row-m { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .flex-column-m { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .flex-space-around-m { -ms-flex-pack: distribute; justify-content: space-around; } .flex-space-between-m { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .flex-start-m { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .flex-center-m { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .flex-end-m { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .flex-wrap-m { -ms-flex-wrap: wrap; flex-wrap: wrap; } .flex-nowrap-m { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .left-m { float: left; } .right-m { float: right; } .center-m { float: none; margin-left: auto; margin-right: auto; } .text-left-m { text-align: left; } .text-right-m { text-align: right; } .text-center-m { text-align: center; } .text-justify-m { text-align: justify; } .no-col-m { width: auto; float: none; } .no-push-m, .no-pull-m { left: 0; } .pad-top-0-m { padding-top: 0; } .pad-top-5-m { padding-top: 5px; } .pad-top-10-m { padding-top: 10px; } .pad-top-15-m { padding-top: 15px; } .pad-top-20-m { padding-top: 20px; } .pad-top-25-m { padding-top: 25px; } .pad-top-30-m { padding-top: 30px; } .pad-top-35-m { padding-top: 35px; } .pad-top-40-m { padding-top: 40px; } .pad-top-45-m { padding-top: 45px; } .pad-top-50-m { padding-top: 50px; } .pad-top-55-m { padding-top: 55px; } .pad-top-60-m { padding-top: 60px; } .pad-bottom-0-m { padding-bottom: 0; } .pad-bottom-5-m { padding-bottom: 5px; } .pad-bottom-10-m { padding-bottom: 10px; } .pad-bottom-15-m { padding-bottom: 15px; } .pad-bottom-20-m { padding-bottom: 20px; } .pad-bottom-25-m { padding-bottom: 25px; } .pad-bottom-30-m { padding-bottom: 30px; } .pad-bottom-35-m { padding-bottom: 35px; } .pad-bottom-40-m { padding-bottom: 40px; } .pad-bottom-45-m { padding-bottom: 45px; } .pad-bottom-50-m { padding-bottom: 50px; } .pad-bottom-55-m { padding-bottom: 55px; } .pad-bottom-60-m { padding-bottom: 60px; } .pad-0-m { padding: 0; } .pad-5-m { padding: 5px; } .pad-10-m { padding: 10px; } .pad-15-m { padding: 15px; } .pad-20-m { padding: 20px; } .pad-25-m { padding: 25px; } .pad-30-m { padding: 30px; } .pad-35-m { padding: 35px; } .pad-40-m { padding: 40px; } .pad-45-m { padding: 45px; } .pad-50-m { padding: 50px; } .pad-55-m { padding: 55px; } .pad-60-m { padding: 60px; } } @media only screen and (min-width: 980px) { .no-float-l { float: none; } .no-padding-l { padding: 0; } .no-margin-l { margin: 0; } .relative-l { position: relative; } .absolute-l { position: absolute; } .static-l { position: static; } .fixed-l { position: fixed; } .none-l { display: none; } .block-l { display: block; } .inline-block-l { display: inline-block; } .inline-l { display: inline; } .flex-l { display: -webkit-box; display: -ms-flexbox; display: flex; } .flex-row-l { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .flex-column-l { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .flex-space-around-l { -ms-flex-pack: distribute; justify-content: space-around; } .flex-space-between-l { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .flex-start-l { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .flex-center-l { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .flex-end-l { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .flex-wrap-l { -ms-flex-wrap: wrap; flex-wrap: wrap; } .flex-nowrap-l { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .left-l { float: left; } .right-l { float: right; } .center-l { float: none; margin-left: auto; margin-right: auto; } .text-left-l { text-align: left; } .text-right-l { text-align: right; } .text-center-l { text-align: center; } .text-justify-l { text-align: justify; } .no-col-l { width: auto; float: none; } .no-push-l, .no-pull-l { left: 0; } .pad-top-0-l { padding-top: 0; } .pad-top-5-l { padding-top: 5px; } .pad-top-10-l { padding-top: 10px; } .pad-top-15-l { padding-top: 15px; } .pad-top-20-l { padding-top: 20px; } .pad-top-25-l { padding-top: 25px; } .pad-top-30-l { padding-top: 30px; } .pad-top-35-l { padding-top: 35px; } .pad-top-40-l { padding-top: 40px; } .pad-top-45-l { padding-top: 45px; } .pad-top-50-l { padding-top: 50px; } .pad-top-55-l { padding-top: 55px; } .pad-top-60-l { padding-top: 60px; } .pad-bottom-0-l { padding-bottom: 0; } .pad-bottom-5-l { padding-bottom: 5px; } .pad-bottom-10-l { padding-bottom: 10px; } .pad-bottom-15-l { padding-bottom: 15px; } .pad-bottom-20-l { padding-bottom: 20px; } .pad-bottom-25-l { padding-bottom: 25px; } .pad-bottom-30-l { padding-bottom: 30px; } .pad-bottom-35-l { padding-bottom: 35px; } .pad-bottom-40-l { padding-bottom: 40px; } .pad-bottom-45-l { padding-bottom: 45px; } .pad-bottom-50-l { padding-bottom: 50px; } .pad-bottom-55-l { padding-bottom: 55px; } .pad-bottom-60-l { padding-bottom: 60px; } .pad-0-l { padding: 0; } .pad-5-l { padding: 5px; } .pad-10-l { padding: 10px; } .pad-15-l { padding: 15px; } .pad-20-l { padding: 20px; } .pad-25-l { padding: 25px; } .pad-30-l { padding: 30px; } .pad-35-l { padding: 35px; } .pad-40-l { padding: 40px; } .pad-45-l { padding: 45px; } .pad-50-l { padding: 50px; } .pad-55-l { padding: 55px; } .pad-60-l { padding: 60px; } } @media only screen and (min-width: 1140px) { .no-float-xl { float: none; } .no-padding-xl { padding: 0; } .no-margin-xl { margin: 0; } .relative-xl { position: relative; } .absolute-xl { position: absolute; } .static-xl { position: static; } .fixed-xl { position: fixed; } .none-xl { display: none; } .block-xl { display: block; } .inline-block-xl { display: inline-block; } .inline-xl { display: inline; } .flex-xl { display: -webkit-box; display: -ms-flexbox; display: flex; } .flex-row-xl { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .flex-column-xl { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .flex-space-around-xl { -ms-flex-pack: distribute; justify-content: space-around; } .flex-space-between-xl { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .flex-start-xl { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .flex-center-xl { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .flex-end-xl { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .flex-wrap-xl { -ms-flex-wrap: wrap; flex-wrap: wrap; } .flex-nowrap-xl { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .left-xl { float: left; } .right-xl { float: right; } .center-xl { float: none; margin-left: auto; margin-right: auto; } .text-left-xl { text-align: left; } .text-right-xl { text-align: right; } .text-center-xl { text-align: center; } .text-justify-xl { text-align: justify; } .no-col-xl { width: auto; float: none; } .no-push-xl, .no-pull-xl { left: 0; } .pad-top-0-xl { padding-top: 0; } .pad-top-5-xl { padding-top: 5px; } .pad-top-10-xl { padding-top: 10px; } .pad-top-15-xl { padding-top: 15px; } .pad-top-20-xl { padding-top: 20px; } .pad-top-25-xl { padding-top: 25px; } .pad-top-30-xl { padding-top: 30px; } .pad-top-35-xl { padding-top: 35px; } .pad-top-40-xl { padding-top: 40px; } .pad-top-45-xl { padding-top: 45px; } .pad-top-50-xl { padding-top: 50px; } .pad-top-55-xl { padding-top: 55px; } .pad-top-60-xl { padding-top: 60px; } .pad-bottom-0-xl { padding-bottom: 0; } .pad-bottom-5-xl { padding-bottom: 5px; } .pad-bottom-10-xl { padding-bottom: 10px; } .pad-bottom-15-xl { padding-bottom: 15px; } .pad-bottom-20-xl { padding-bottom: 20px; } .pad-bottom-25-xl { padding-bottom: 25px; } .pad-bottom-30-xl { padding-bottom: 30px; } .pad-bottom-35-xl { padding-bottom: 35px; } .pad-bottom-40-xl { padding-bottom: 40px; } .pad-bottom-45-xl { padding-bottom: 45px; } .pad-bottom-50-xl { padding-bottom: 50px; } .pad-bottom-55-xl { padding-bottom: 55px; } .pad-bottom-60-xl { padding-bottom: 60px; } .pad-0-xl { padding: 0; } .pad-5-xl { padding: 5px; } .pad-10-xl { padding: 10px; } .pad-15-xl { padding: 15px; } .pad-20-xl { padding: 20px; } .pad-25-xl { padding: 25px; } .pad-30-xl { padding: 30px; } .pad-35-xl { padding: 35px; } .pad-40-xl { padding: 40px; } .pad-45-xl { padding: 45px; } .pad-50-xl { padding: 50px; } .pad-55-xl { padding: 55px; } .pad-60-xl { padding: 60px; } } @media print { .no-float-print { float: none; } .no-padding-print { padding: 0; } .no-margin-print { margin: 0; } .none-print { display: none; } .block-print { display: block; } .inline-block-print { display: inline-block; } .inline-print { display: inline; } .text-left-print { text-align: left; } .text-right-print { text-align: right; } .text-center-print { text-align: center; } .text-justify-print { text-align: justify; } .no-col-print { width: auto; float: none; } .no-push-print, .no-pull-print { left: 0; } .pad-top-0-print { padding-top: 0; } .pad-top-5-print { padding-top: 5px; } .pad-top-10-print { padding-top: 10px; } .pad-top-15-print { padding-top: 15px; } .pad-top-20-print { padding-top: 20px; } .pad-top-25-print { padding-top: 25px; } .pad-top-30-print { padding-top: 30px; } .pad-top-35-print { padding-top: 35px; } .pad-top-40-print { padding-top: 40px; } .pad-top-45-print { padding-top: 45px; } .pad-top-50-print { padding-top: 50px; } .pad-top-55-print { padding-top: 55px; } .pad-top-60-print { padding-top: 60px; } .pad-bottom-0-print { padding-bottom: 0; } .pad-bottom-5-print { padding-bottom: 5px; } .pad-bottom-10-print { padding-bottom: 10px; } .pad-bottom-15-print { padding-bottom: 15px; } .pad-bottom-20-print { padding-bottom: 20px; } .pad-bottom-25-print { padding-bottom: 25px; } .pad-bottom-30-print { padding-bottom: 30px; } .pad-bottom-35-print { padding-bottom: 35px; } .pad-bottom-40-print { padding-bottom: 40px; } .pad-bottom-45-print { padding-bottom: 45px; } .pad-bottom-50-print { padding-bottom: 50px; } .pad-bottom-55-print { padding-bottom: 55px; } .pad-bottom-60-print { padding-bottom: 60px; } .pad-0-print { padding: 0; } .pad-5-print { padding: 5px; } .pad-10-print { padding: 10px; } .pad-15-print { padding: 15px; } .pad-20-print { padding: 20px; } .pad-25-print { padding: 25px; } .pad-30-print { padding: 30px; } .pad-35-print { padding: 35px; } .pad-40-print { padding: 40px; } .pad-45-print { padding: 45px; } .pad-50-print { padding: 50px; } .pad-55-print { padding: 55px; } .pad-60-print { padding: 60px; } } /* Orginal Style from ethanschoonover.com/solarized (c) Jeremy Hull */ .hljs { display: block; overflow-x: auto; padding: 0.5em; background: #002b36; color: #839496; } .hljs-comment, .hljs-quote { color: #586e75; } /* Solarized Green */ .hljs-keyword, .hljs-selector-tag, .hljs-addition { color: #859900; } /* Solarized Cyan */ .hljs-number, .hljs-string, .hljs-meta .hljs-meta-string, .hljs-literal, .hljs-doctag, .hljs-regexp { color: #2aa198; } /* Solarized Blue */ .hljs-title, .hljs-section, .hljs-name, .hljs-selector-id, .hljs-selector-class { color: #268bd2; } /* Solarized Yellow */ .hljs-attribute, .hljs-attr, .hljs-variable, .hljs-template-variable, .hljs-class .hljs-title, .hljs-type { color: #b58900; } /* Solarized Orange */ .hljs-symbol, .hljs-bullet, .hljs-subst, .hljs-meta, .hljs-meta .hljs-keyword, .hljs-selector-attr, .hljs-selector-pseudo, .hljs-link { color: #cb4b16; } /* Solarized Red */ .hljs-built_in, .hljs-deletion { color: #dc322f; } .hljs-formula { background: #073642; } .hljs-emphasis { font-style: italic; } .hljs-strong { font-weight: bold; } textarea { font-size: 18px; } .dropdown-menu { background-color: white; border: 1px solid #ddd; list-style: none; margin: 0; padding: 0; } .dropdown-menu li { border-top: 1px solid #ddd; padding: 2px 5px; margin: 0; } .dropdown-menu li:first-child { border-top: none; } .dropdown-menu li:hover, .dropdown-menu .active { background-color: rgb(110, 183, 219); } .dropdown-menu a { height: 18px; text-decoration: none; color: #555; } .dropdown-menu a:hover { cursor: pointer; } .dropdown-menu img { vertical-align: text-top; height: 18px; } .editor { margin: 1em 0 1em; } textarea { width: 100%; }