@import url(https://fonts.googleapis.com/css?family=Roboto:100,300,400,700,500,500italic,400italic,300italic,100italic,700italic);
@import url(https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css);
@import url(https://use.fontawesome.com/releases/v5.11.2/css/all.css);
@import url(https://use.fontawesome.com/releases/v5.11.2/css/v4-shims.css);
button, input[type="button"], input[type="reset"], input[type="submit"] { appearance: none; background-color: #477dca; border: 0; border-radius: 3px; color: #fff; cursor: pointer; display: inline-block; font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; font-size: 1rem; -webkit-font-smoothing: antialiased; font-weight: 600; line-height: 1; padding: 0.75rem 1.5rem; text-decoration: none; transition: background-color 150ms ease; user-select: none; vertical-align: middle; white-space: nowrap; }

button:hover, button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus { background-color: #3964a2; color: #fff; }

button:disabled, input[type="button"]:disabled, input[type="reset"]:disabled, input[type="submit"]:disabled { cursor: not-allowed; opacity: 0.5; }

button:disabled:hover, input[type="button"]:disabled:hover, input[type="reset"]:disabled:hover, input[type="submit"]:disabled:hover { background-color: #477dca; }

fieldset { background-color: #f7f7f7; border: 1px solid #ddd; margin: 0 0 0.75rem; padding: 1.5rem; }

input, label, select { display: block; font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; font-size: 1rem; }

label { font-weight: 600; margin-bottom: 0.375rem; }

label.required::after { content: "*"; }

label abbr { display: none; }

select { margin-bottom: 1.5rem; max-width: 100%; width: auto; }

dl { margin-bottom: 0.75rem; }

dl dt { font-weight: bold; margin-top: 0.75rem; }

dl dd { margin: 0; }

table { border-collapse: collapse; font-feature-settings: "kern", "liga", "tnum"; margin: 0.75rem 0; table-layout: fixed; width: 100%; }

th { border-bottom: 1px solid #a6a6a6; font-weight: 600; padding: 0.75rem 0; text-align: left; }

td { border-bottom: 1px solid #ddd; padding: 0.75rem 0; }

tr, td, th { vertical-align: middle; }

hr { border-bottom: 1px solid #ddd; border-left: 0; border-right: 0; border-top: 0; margin: 1.5rem 0; }

img, picture { margin: 0; max-width: 100%; }

html { box-sizing: border-box; }

*, *::after, *::before { box-sizing: inherit; }

.btn { border: none; font-family: inherit; font-size: inherit; color: inherit; background: none; cursor: pointer; padding: 18px 60px; display: inline-block; margin: 15px 30px; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; outline: none; position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; border-radius: 0; background: #DEDEDE; color: #4C4C4C; }

.btn:focus { background: #DEDEDE; color: #4C4C4C; }

.btn:hover { background: #CCCCCC; color: #4C4C4C; }

.btn:active { top: 2px; }

.btn.disabled { background: #EAEAEA; color: #9E9E9E; cursor: default; top: 0px; }

body { background: #ffffff; font-family: Roboto, sans-serif; -webkit-font-smoothing: antialiased; }

.center-text { text-align: center; }

.container { margin-top: 30px; }
@media print { .container { margin-top: 20px; } }

.header-container { margin-top: 50px; }

.header-right { text-align: right; }

.header-left { margin-top: 30px; }
@media print { .header-left { margin-top: 0px; } }

.header-right p { font-size: 1.6rem; text-align: right; }

@media print { a[href]:after { content: none !important; }
  img[src]:after { content: none !important; }
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; }
  .col-sm-12 { width: 100%; }
  .col-sm-11 { width: 91.66666667%; }
  .col-sm-10 { width: 83.33333333%; }
  .col-sm-9 { width: 75%; }
  .col-sm-8 { width: 66.66666667%; }
  .col-sm-7 { width: 58.33333333%; }
  .col-sm-6 { width: 50%; }
  .col-sm-5 { width: 41.66666667%; }
  .col-sm-4 { width: 33.33333333%; }
  .col-sm-3 { width: 25%; }
  .col-sm-2 { width: 16.66666667%; }
  .col-sm-1 { width: 8.33333333%; }
  .col-print-12 { width: 100%; }
  .no-print, .no-print * { display: none !important; } }
.button--sacnite::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: inherit; z-index: -1; box-shadow: inset 0 0 0 35px #333; -webkit-transform: scale3d(0.9, 0.9, 1); transform: scale3d(0.9, 0.9, 1); -webkit-transition: box-shadow 0.3s, -webkit-transform 0.3; transition: box-shadow 0.3s, transform 0.3s; }

.button { min-width: 150px; border: none; background: none; color: inherit; vertical-align: middle; position: relative; z-index: 1; -webkit-backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; border-radius: 0; float: none; margin: 0 auto; margin-top: 0px; padding: 5px 20px; display: inline-block; font-weight: 400; max-width: 400px; }

.button--round-l { border-radius: 40px; }

.button.button--sacnite { width: 60px; height: 60px; min-width: 0; padding: 0; color: #fff; -webkit-transition: color 0.3s; transition: color 0.3s; }

.button--sacnite:hover { color: #333; }

.button--sacnite:hover::before { box-shadow: inset 0 0 0 2px #333; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }

.dark .button--sacnite::before { box-shadow: inset 0 0 0 35px #e6e6e6; }
.dark .button.button--sacnite { color: #222; }
.dark .button--sacnite:hover { color: #e6e6e6; }
.dark .button--sacnite:hover::before { box-shadow: inset 0 0 0 2px #e6e6e6; }

body { color: #333; font-family: Roboto, sans-serif; font-feature-settings: "kern", "liga", "pnum"; font-size: 1rem; line-height: 1.5; }
@media print { body { font-size: 0.9rem; } }

h1, h2, h3, h4, h5, h6 { font-family: Roboto, sans-serif; font-size: 1rem; line-height: 1.2; margin: 0 0 0.75rem; }

p { margin: 0 0 0.75rem; }

a { color: #477dca; transition: color 150ms ease; }

a:active, a:focus, a:hover { color: #355e98; }

h1 { font-size: 4rem; margin-bottom: 0.1rem; font-weight: 500; }

h2 { font-weight: 300; font-size: 2rem; }

h3 { font-weight: 300; font-size: 3rem; text-align: center; border-bottom: dashed 2px #CCCCCC; padding-bottom: 10px; margin-bottom: 40px; }
@media print { h3 { margin-bottom: 20px; } }

h4 { font-weight: 300; font-size: 2.5rem; margin-bottom: 3px; }

p, ul { font-size: 1.6rem; text-align: justify; }

a i { font-size: 1.6rem; }

mark { padding: 2px 4px; font-size: 90%; color: #fff; background-color: #333; border-radius: 3px; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); }

.dark { background-color: #222; color: #e6e6e6; }

.dark mark { color: #222; background-color: #e6e6e6; }
.dark a { color: #477dca; }

ul.icons a:hover { background: rgba(0, 0, 0, 0.025); }

ul.icons li { display: inline-block; padding-left: 0.75rem; }

ul.icons a { -moz-transition: background-color 0.25s ease-in-out; -webkit-transition: background-color 0.25s ease-in-out; -ms-transition: background-color 0.25s ease-in-out; transition: background-color 0.25s ease-in-out; display: inline-block; width: 2.75rem; height: 2.75rem; line-height: 2.8rem; text-align: center; border: 0; box-shadow: none; padding: 0; border-radius: 100%; color: #aaa; }

.icons i { font-size: 30px; line-height: 60px; }

.icons { padding: 0; font-size: 1rem; margin-bottom: 20px; text-align: right; }

@media screen and (max-width: 768px) { .icons { text-align: center; } }
.dark .icons i { background: none; color: #222; }
.dark .icons a:hover i { color: #e6e6e6; }

.header-right p { margin-bottom: 3px; }

.header-right a { color: inherit; font-weight: 500; }

@media screen and (max-width: 767px) { .header-container div { text-align: center; }
  .header-right p { text-align: center; }
  .header-left { margin-top: 0px; } }
.profile-img { width: 200px; height: 200px; margin: 0 auto; margin-bottom: 20px; display: block; border-radius: 100px; background-size: cover; background-position: center; background-repeat: repeat, no-repeat; -moz-box-shadow: inset 0 0 20px #636161; -webkit-box-shadow: inset 0 0 20px #636161; box-shadow: inset 0 0 20px #636161; }

.list-container h3 { margin-bottom: 0; }

.border-weak { padding-bottom: 8px; border-bottom: dashed 1px #CCCCCC; }

.layout { margin-top: 3rem; display: flex; flex-direction: row; }
.layout .details { display: flex; flex-direction: column; text-align: left; justify-content: center; vertical-align: middle; }
.layout .details p { margin-bottom: 3px; font-size: 1.6rem; text-align: inherit; font-weight: 300; }
.layout .details p b { font-weight: 500; }
@media screen and (max-width: 767px) { .layout .details { text-align: center !important; }
  .layout .details p { text-align: center !important; } }
.layout .details a { color: inherit; font-style: italic; font-weight: 300; }
.layout .details .fa { font-size: 2rem; }
.layout .details .link { font-size: 1.5rem; }
.layout .details h4 { margin-bottom: 0.1rem; font-weight: 500; }
@media print { .layout .details h4 { margin-bottom: 0.2rem; } }
.layout .details h4 a { font-weight: 500; }

.layout-right { flex-direction: row-reverse; }

.layout-right .details, .layout-top-right .details { text-align: right; }

@media screen and (max-width: 767px) { .layout-left, .layout-right { flex-direction: column; } }
.layout-left .details, .layout-right .details { margin-bottom: 2rem; }

.layout-top-middle, .layout-top, .layout-top-right { flex-direction: column; }
.layout-top-middle .details, .layout-top-middle .content, .layout-top .details, .layout-top .content, .layout-top-right .details, .layout-top-right .content { width: 100%; }

.layout-top-middle .details { text-align: center; }

.footer-container { margin-top: 100px; }

.footer-container p { text-align: center; font-style: italic; font-weight: 300; }

.footer-container a { color: inherit; font-style: italic; font-weight: 300; }

.page-content { padding: 0; }

.contact a { line-height: 50px; margin-left: 30px; color: #BBBBBB; -webkit-transition: color 0.4s ease; -moz-transition: color 0.4s ease; transition: color 0.4s ease; }

.contact a:hover { color: #4C4C4C; }

p.quote { font-size: 1.4rem; font-style: italic; padding: 1rem 2.5rem; text-align: center; }
@media print { p.quote { text-align: left; padding: 0rem 1rem; margin-top: 1rem; } }