/* @import "bootstrap/mixins.scss"; */
@import url(https://fonts.googleapis.com/css?family=Roboto:400,400italic,700,700italic,900,100);
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

body { font-family: Lato, Helvetica, Arial, sans-serif; font-size: 18px; line-height: 1; color: #333333; background-color: #fff; }

.typography p { margin: 0 0 17px; font-size: 17px; line-height: 26px; font-family: 'Roboto', Helvetica, sans-serif; }
.typography a { color: #9e9ac7; text-decoration: none; }
.typography a:hover { color: #cdcbe2; text-decoration: none; }
.typography ul:not([class]) { padding-left: 1.5em; line-height: 1.5em; }
.typography ul:not([class]) li { list-style: disc; }
.typography ol:not([class]) { padding-left: 2em; line-height: 1.5em; }
.typography ol:not([class]) li { list-style: decimal; }
.typography table { max-width: 100%; }
.typography table th { text-align: left; font-weight: bold; }
.typography h1, .typography h2, .typography h3, .typography h4, .typography h5, .typography h6 { font-family: 'Roboto', Helvetica, sans-serif; color: #9e9ac7; line-height: 1.25em; margin: .5em 0 .75em 0; }
.typography h1 { font-size: 34px; }
.typography h2 { font-size: 26px; }
.typography h3 { font-size: 24px; }
.typography h4 { font-size: 20px; }
.typography h5 { font-size: 17px; }
.typography h6 { font-size: 15px; }
.typography strong { font-weight: bold; }
.typography em { font-style: italic; }
.typography hr { border: 1px solid #CCC; }
.typography blockquote { position: relative; padding: 5px 20px; display: inline-block; }
.typography blockquote:before, .typography blockquote:after { position: absolute; top: 0; font-size: 24px; color: #9A9A9A; }
.typography blockquote:before { content: '"'; left: 0; }
.typography blockquote:after { content: '"'; right: 0; }
.typography blockquote p { margin-top: 0; font-size: 16px; font-style: italic; }
.typography .specialLink { padding: 12px 50px; color: white; background: #9e9ac7; font-weight: 700; position: relative; width: 300px; -moz-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s; }
.typography .specialLink:hover { background: #7e79b5; -moz-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s; }
.typography .specialLink:hover a { color: white !important; text-decoration: none; }
.typography .specialLink a { color: white; }
.typography img { max-width: 100%; height: auto; padding: 10px; }
.typography img.left { padding-left: 0; float: left; }
.typography img.leftAlone { padding-left: 0; float: none; clear: both; display: block; }
.typography img.right { padding-right: 0; float: right; }
.typography img.center { margin: 0 auto; float: none; clear: both; display: block; }
.typography .two-columns { display: block; -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; -moz-column-gap: 20px; -webkit-column-gap: 20px; column-gap: 20px; }
@media only screen and (max-width: 480px) { .typography .two-columns { -moz-column-count: auto; -webkit-column-count: auto; column-count: auto; -moz-column-gap: 0; -webkit-column-gap: 0; column-gap: 0; } }
.typography .three-columns { display: block; -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; -moz-column-gap: 20px; -webkit-column-gap: 20px; column-gap: 20px; }
@media only screen and (max-width: 670px) { .typography .three-columns { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; } }
@media only screen and (max-width: 480px) { .typography .three-columns { -moz-column-count: auto; -webkit-column-count: auto; column-count: auto; -moz-column-gap: 0; -webkit-column-gap: 0; column-gap: 0; } }
.typography .videowrapper { float: none; clear: both; width: 100%; position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; margin-bottom: 18px; }
.typography .videowrapper iframe, .typography .videowrapper img { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }
.typography .columns { width: 100%; clear: both; overflow: hidden; }
.typography .columns .column { display: block; float: left; padding: 5px; -moz-box-sizing: border-box; box-sizing: border-box; }
.typography .columns.two > .column { width: 50%; }
.typography .columns.three > .column { width: 33.3%; }
.typography .columns.four > .column { width: 25%; }
@media only screen and (max-width: 767px) { .typography .columns.four > .column { width: 50%; } }
@media only screen and (max-width: 670px) { .typography .columns.three > .column { width: 50%; } }
@media only screen and (max-width: 640px) { .typography .columns .column { width: 100% !important; } }