@charset "UTF-8";
/* RALEWAY */
@font-face {
  font-family: 'Raleway';
  src: url("https://www.callutheran.edu/_resources/fonts/raleway-light-webfont.woff") format("woff");
  font-style: normal;
  font-weight: 300; }

@font-face {
  font-family: 'Raleway';
  src: url("https://www.callutheran.edu/_resources/fonts/raleway-regular-webfont.woff") format("woff");
  font-style: normal;
  font-weight: normal; }

@font-face {
  font-family: 'Raleway';
  src: url("https://www.callutheran.edu/_resources/fonts/raleway-bold-webfont.woff") format("woff");
  font-style: normal;
  font-weight: bold; }

/* Tungsten */
@font-face {
  font-family: "Tungsten";
  src: url("https://www.callutheran.edu/_resources/fonts/tungsten-medium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

/* icon font */
@font-face {
  font-family: 'icons';
  src: url("https://www.callutheran.edu/_resources/fonts/clu-icons.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "icons";
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em; }

a[class*="icon-"] {
  text-decoration: none; }

.icon-circle-left:before {
  content: "\e90a"; }

.icon-circle-right:before {
  content: "\e90b"; }

.icon-minus:before {
  content: "\e901"; }

.icon-plus:before {
  content: "\e902"; }

.icon-instagram:before {
  content: "\e903"; }

.icon-blog:before {
  content: "\e603"; }

.icon-clock:before {
  content: "\e602"; }

.icon-line-arrow-down:before {
  content: "\e800"; }

.icon-line-arrow-left:before {
  content: "\e801"; }

.icon-line-arrow-right:before {
  content: "\e802"; }

.icon-line-arrow-up:before {
  content: "\e803"; }

.icon-linkedin:before {
  content: "\e80d"; }

.icon-help:before {
  content: "\e80f"; }

.icon-check:before {
  content: "\e810"; }

.icon-document:before {
  content: "\e816"; }

.icon-play:before {
  content: "\e819"; }

.icon-phone:before {
  content: "\e81a"; }

.icon-loading:before {
  content: "\e81c"; }

.icon-mail:before {
  content: "\e824"; }

.icon-menu:before {
  content: "\e804"; }

.icon-down-dir:before {
  content: "\e805"; }

.icon-up-dir:before {
  content: "\e806"; }

.icon-left-dir:before {
  content: "\e807"; }

.icon-right-dir:before {
  content: "\e808"; }

.icon-search:before {
  content: "\e80a"; }

.icon-calendar:before {
  content: "\e80b"; }

.icon-compass:before {
  content: "\e80c"; }

.icon-facebook:before {
  content: "\e80e"; }

.icon-twitter:before {
  content: "\e811"; }

.icon-course-requirements:before {
  content: "\e812"; }

.icon-course-descriptions:before {
  content: "\e813"; }

.icon-apply:before {
  content: "\e814"; }

.icon-left-open-big:before {
  content: "\e815"; }

.icon-right-open-big:before {
  content: "\e817"; }

.icon-mobile:before {
  content: "\e818"; }

.icon-map:before {
  content: "\e81b"; }

.icon-gumby:before {
  content: "\e81e"; }

.icon-down-open-big:before {
  content: "\e81f"; }

.icon-up-open-big:before {
  content: "\e820"; }

.icon-triangle-down:before {
  content: "\e821"; }

.icon-triangle-up:before {
  content: "\e822"; }

.icon-close-it:before {
  content: "\e823"; }

.icon-youtube:before {
  content: "\e826"; }

.icon-tablet:before {
  content: "\e827"; }

.icon-gear:before {
  content: "\e600"; }

.icon-location:before {
  content: "\e601"; }

.icon-home:before {
  content: "\e900"; }

.icon-bubbles:before {
  content: "\e96d"; }

.icon-bubble:before {
  content: "\e96e"; }

.icon-user:before {
  content: "\e971"; }

.icon-users:before {
  content: "\e972"; }

.icon-web:before {
  content: "\e9c9"; }

.icon-star-empty:before {
  content: "\e9d7"; }

.icon-star-full:before {
  content: "\e9d9"; }

.icon-alert:before {
  content: "\ea07"; }

.icon-info:before {
  content: "\ea0c"; }

html {
  font-size: 16px;
  height: auto;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  padding: 2rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  height: auto;
  font-family: "Raleway", Helvetica, Arial, sans-serif;
  line-height: 1.5em;
  color: #333;
  position: relative;
  background-color: #3b2360;
	background: #3b2360 url('tug-portal-bg.jpg') no-repeat center top;
	background-size:contain;
  font-size: 16px; }
  body.landing section.page-intro {
    padding-top: 0; }
  @media (max-width: 767px) {
    body {
      padding: 0; } }

p, td {
  font-size: 1rem;
  line-height: 1.5em;
  padding: 0 0 1em 0;
  margin: 0; }
  p a, td a {
    color: #4796c1; }
    p a:hover, td a:hover {
      text-decoration: none; }
  p.intro, td.intro {
    color: #3b2360;
    padding-bottom: 2em;
    font-size: 1.125rem; }
    @media (min-width: 992px) {
      p.intro, td.intro {
        font-size: 1.25rem; } }
  p.page-intro, td.page-intro {
    color: #3b2360;
    font-family: "Raleway", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 1.325rem;
    padding-bottom: 0.5em; }
    @media (min-width: 768px) {
      p.page-intro, td.page-intro {
        font-size: 1.25rem; } }
    @media (min-width: 992px) {
      p.page-intro, td.page-intro {
        font-size: 1.5rem; } }
    @media (min-width: 1200px) {
      p.page-intro, td.page-intro {
        font-size: 1.75rem; } }

a {
  color: #3b2360;
  text-decoration: underline; }
  a:hover {
    color: #4796c1;
    text-decoration: none;
    outline: 0; }

.fancy, .fancy-large {
  font-size: 1rem;
  text-decoration: none;
  font-weight: bold; }
  .fancy::after, .fancy-large::after {
    font-family: "icons";
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    vertical-align: baseline;
    line-height: 1em;
    width: 1em;
    text-align: center;
    font-variant: normal;
    content: "";
    margin-left: 0.25ch;
    font-size: 0.875rem; }
  .fancy:hover, .fancy-large:hover {
    text-decoration: underline; }

.fancy-large {
  font-size: 1.3125rem; }
  .fancy-large::after {
    font-size: 1rem;
    margin-left: 0.5ch; }


table.fixed tbody tr:nth-child(2) .part_rows_container {
	/*padding-top:30px;*/
}
.part_rows_container>div.part {
	margin-bottom:30px;
}

#part_checklist_AdmittedStudent {
	margin:50px 0;
}

h1 {
  font-family: "Raleway", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 2.5rem;
  line-height: 1em;
  margin: 0 0 .25em 0;
  padding: 0;
  color: #3b2360; }
  .page-content h1 {
    margin: 0 0 2rem 0;
    text-transform: none; }
  @media (min-width: 768px) {
    h1 {
      font-size: 3rem; } }

h2 {
  font-family: "Raleway", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 1.625rem;
  color: #3b2360;
  line-height: 1.1em;
  padding: 0;
  margin: 0 0 1rem 0; }
  .page-content h2 {
    margin: 0 0 0.5rem 0; }
  .page-content * + h2 {
    margin: 2.5rem 0 0.5rem 0; }
  @media (min-width: 768px) {
    h2 {
      font-size: 1.875rem; } }

h3 {
  font-family: "Tungsten", Impact, sans-serif;
  letter-spacing: 1px;
  font-size: 2.25rem;
  color: #6a4c92;
  text-transform: none;
  margin: 0 0 0.5rem 0;
  padding: 0;
  line-height: 1.1em;
  font-weight: normal; }
  .page-content * + h3 {
    margin-top: 2rem; }
  @media (min-width: 768px) {
    h3 {
      font-size: 2.5rem; } }

h4 {
  font-family: "Raleway", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 1.7rem;
  padding: 0;
  margin: 0 0 0.5rem 0;
  line-height: 1.1em;
  color: #3b2360; }
  h4.bold {
    font-weight: 700; }
  .page-content * + h4 {
    margin-top: 1.5rem; }
  .section-footer * + h4 {
    margin-top: 1rem; }
  @media (min-width: 992px) {
    h4 {
      font-size: 1.75rem; } }

h5 {
  font-family: "Tungsten", Impact, sans-serif;
  font-size: 1.75rem;
  font-weight: normal;
  letter-spacing: 1px;
  color: #6a4c92;
  margin: 0 0 0.5rem 0;
  padding: 0;
  line-height: 1.1em; }
  .page-content * + h5 {
    margin-top: 1rem; }

h6 {
  font-family: "Raleway", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 1.125rem;
  color: #333;
  margin: 0 0 0.5em 0;
  padding: 0;
  line-height: 1.25em; }
  .page-content * + h6 {
    margin-top: 1rem; }

.fine-print {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2em;
  padding: 0.5rem 0;
  color: #4d4d4d; }

blockquote {
  margin: 0 0 1rem 0;
  padding: 0;
  font-size: 1.25rem;
  color: #6a4c92;
  font-family: "Raleway", Helvetica, Arial, sans-serif;
  font-weight: normal;
  line-height: 1.3em; }
  blockquote p {
    font-size: 1.25rem;
    padding: 0;
    line-height: 1.3em; }
    blockquote p:before {
      content: '\201C';
      font-family: "Raleway", Helvetica, Arial, sans-serif;
      font-size: 1.75rem;
      vertical-align: bottom;
      display: inline; }
    blockquote p:after {
      font-family: "Raleway", Helvetica, Arial, sans-serif;
      font-size: 1.75rem;
      vertical-align: bottom;
      display: inline-block;
      content: '\201D'; }
  @media (min-width: 768px) {
    blockquote.pull-right {
      width: 50%;
      margin: 0 0 1rem 1rem;
      padding: .5rem 0 .5rem 24px;
      border-left: 4px solid #e0e0e0; }
    blockquote.pull-left {
      width: 50%;
      margin: 0 1rem 1rem 0;
      padding: .5rem 24px .5rem 0;
      border-right: 4px solid #e0e0e0; }
    blockquote.large-quote p {
      font-size: 1.5rem; }
      blockquote.large-quote p:before {
        font-weight: bold; }
      blockquote.large-quote p:after {
        font-weight: bold; } }

cite, .cite {
  display: block;
  color: #3b2360;
  font-size: 1rem;
  font-style: normal;
  font-family: "Raleway", Helvetica, Arial, sans-serif;
  font-weight: bold;
  margin-top: 0.625rem; }

sup, sub {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.75rem; }

figure {
  display: inline-block; }

mark {
  font-family: "Tungsten", Impact, sans-serif;
  letter-spacing: 0.05em;
  font-size: 1.75rem;
  color: #3b2360;
  text-transform: uppercase;
  margin: 0 .25em;
  background: transparent; }

hr {
  margin: 2rem 0;
  padding: 0;
  border: 0 none;
  background-color: #e0e0e0;
  height: 4px;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }
  hr.gold {
    background-color: #ffc222; }
  hr.tan {
    background-color: #dbd6c3; }
  hr.tall {
    margin: 4rem 0 3rem 0; }
  hr.purple {
    background-color: #3b2360; }
  hr.purple-alt {
    background-color: #6a4c92; }
  .bg-offwhite hr {
    background-color: #d0bc81; }

.centered {
  text-align: center; }

.centered-desktop {
  text-align: left; }
  @media (min-width: 768px) {
    .centered-desktop {
      text-align: center; } }

.section-title {
  border-bottom: 4px solid #ffc222;
  font-family: "Raleway", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 2.0rem;
  padding: 0 0 .25em 0;
  margin: 0;
  color: #3b2360;
  margin: 0 0 2.5rem 0;
  line-height: 1.1em; }
  @media (min-width: 992px) {
    .section-title {
      font-size: 2.5rem; } }
  .mobile .section-title {
    margin-top: 0; }
  .bg-blue .section-title {
    color: #1e5989;
    border-color: #1e5989; }
  .bg-gold .section-title {
    color: #3b2360;
    border-color: white; }
  .bg-gold-alt .section-title {
    color: #3b2360;
    border-color: white; }
  .bg-gray .section-title {
    color: #3b2360;
    border-color: white; }
  .bg-green .section-title {
    color: #00854f;
    border-color: #31b27d; }
  .section-title.no-line {
    border-bottom: 0 none;
    padding-bottom: 0;
    margin-bottom: .25em; }
  .page-intro + .section-title {
    margin-top: 4rem; }
  @media (min-width: 992px) {
    .special-title .section-title {
      font-size: 2rem; } }

h3 {
  font-family: "Raleway", Helvetica, Arial, sans-serif;
  letter-spacing: normal;
  font-weight: bold;
  font-size: 1.5rem; }

h4 {
  font-size: 1.875rem; }

table.fixed {
  background: white;
  margin: auto;
  max-width: 1200px; }
  
  table.fixed colgroup col:last-of-type {width:400px !important;}

  table.fixed > tbody > tr:nth-child(2) > td {
    padding: 1rem; }
  @media (max-width: 767px) {
    table.fixed {
      display: block; }
      table.fixed colgroup {
        display: none; }
      table.fixed > tbody > tr {
        display: block; }
        table.fixed > tbody > tr > td {
          display: block; } }

table.fixed tbody > tr:nth-child(1) .part_rows_container > div.part:nth-child(1) {
  background: #3b2360;
  text-align: left;
  padding: 2rem;
  margin: 0;
  position: relative; }
  table.fixed tbody > tr:nth-child(1) .part_rows_container > div.part:nth-child(1) h1 {
    font-size: 1.875rem;
    margin: 1rem 0 0 0;
    font-weight: bold;
    color: white; }
  table.fixed tbody > tr:nth-child(1) .part_rows_container > div.part:nth-child(1) a.btn {
    position: absolute;
    top: 2rem;
    right: 2rem; }
  @media (max-width: 767px) {
    table.fixed tbody > tr:nth-child(1) .part_rows_container > div.part:nth-child(1) {
      padding: 1rem; }
      table.fixed tbody > tr:nth-child(1) .part_rows_container > div.part:nth-child(1) img {
        width: 100%;
        max-width: 200px;
        margin: auto; }
      table.fixed tbody > tr:nth-child(1) .part_rows_container > div.part:nth-child(1) h1 {
        font-size: 1.3125rem;
        margin-bottom: 1rem; }
      table.fixed tbody > tr:nth-child(1) .part_rows_container > div.part:nth-child(1) a.btn {
        position: absolute;
    top: 2rem;
    right: 2rem;
        font-size: 1.3125rem;
        padding: 0.25rem 1rem; } }

table.fixed tbody > tr:nth-child(1) .part_rows_container > div.part:nth-child(2) {
  background-color: #53337d;
  color: white;
  margin: 0;
  display: flex;
  align-items: stretch;
  background-image: url("https://www.callutheran.edu/admitted/undergraduate/_resources/tug-admited-portal-2022-mobile.png");
  background-size: contain;
  background-position:right center;
  background-repeat: no-repeat; }
  @media (min-width: 768px) {
    table.fixed tbody > tr:nth-child(1) .part_rows_container > div.part:nth-child(2) {
      background-image: url("https://www.callutheran.edu/admitted/undergraduate/_resources/TUG-Admit-2022-hero-portal.png");
      min-height: 25vh; } }


table.table {
	table-layout:auto;
}
table.table colgroup col:nth-of-type(4),
table.table thead tr th:nth-of-type(3), 
table.table tbody tr td:nth-of-type(4) {
	display:none;
}
table.table tbody tr td {
	overflow:auto !important;
	text-overflow:inherit !important;
	white-space:normal !important;
}


.content-hero {
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.75);
 /* background-color: rgba(59, 35, 96, 0.75);*/
  padding: 3rem 1rem;
  border: 1px solid rgba(255,255,255,0.2);
}
  .content-hero h2 {
    color: white;
    font-weight: bold;
    font-size: 1.5rem; }
    .content-hero h2 strong {
      color: #ffc222;
      font-weight: bold; }
  .content-hero h3 {
    color: white;
    font-size: 1.125rem; }
  .content-hero p:last-of-type {
    padding-bottom: 0; }
  @media (min-width: 768px) {
    .content-hero {
      padding: 10vh 50% 10vh 2rem;
     /* background-image: linear-gradient(to right, rgba(59, 35, 96, 0.75) 50%, transparent 75%);*/
      background-color: transparent; }
      .content-hero h2 {
        font-size: 2.5rem; }
      .content-hero h3 {
        font-size: 1.5rem; }
      .content-hero p {
        font-size: 1.125rem; } }

.social-toolkit {
	padding: 3rem 1rem;
	color: black;
	background:#ffd589;
}
@media (min-width: 768px) {
    .social-toolkit {
      padding: 2rem;
	}
}
.social-toolkit h3 {
	
    font-weight: bold;
    font-size: 1.5rem;
}

.social-toolkit img {
	margin-right:10px;
}
@media (max-width: 768px) {
    .hide-on-mobile {
      display:none;
	}
	.social-toolkit img {
		margin:0 0 0 20px;
	}
}


table.table thead tr.column th {
  background: #3b2360;
  color: white;
  border: 0 none; }

table.table tr > td {
  text-overflow: clip !important;
  overflow: visible !important; }

a, a:link, tr.plain a {
  color: #4796c1 !important;
  text-decoration: none !important; }
  a:hover, a:link:hover, tr.plain a:hover {
    text-decoration: underline !important; }

a.btn {
  color: white !important; }
  a.btn.gold {
    color: #6a4c92 !important; }
    a.btn.gold:hover {
      color: #3b2360 !important; }

table.fixed tbody > tr:nth-child(2) > td:nth-child(2) h4 {
  font-size: 1.3125rem;
  font-weight: bold; }

table.fixed ul.subtabs {
  display: flex;
  height: auto;
  margin: 0; }
  table.fixed ul.subtabs > li {
    flex: 1 1 auto;
    display: inline-block;
    float: none; }
    table.fixed ul.subtabs > li > a {
      display: block;
      height: 100%;
      font-family: "Raleway", Helvetica, Arial, sans-serif !important;
      background: #3b2360 !important;
      color: white !important;
      font-size: 1rem;
      font-weight: bold;
      padding: 0.5rem 1rem !important;
      text-align: center;
      margin: 0;
      -moz-box-sizing: border-box;
           box-sizing: border-box;
      border: 0 none !important;
      position: relative; }
      table.fixed ul.subtabs > li > a:hover {
        text-decoration: none !important;
        background: #462a73 !important; }
      table.fixed ul.subtabs > li > a::after {
        display: block;
        visibility: hidden;
        font-size: 1.3125rem;
        font-family: 'icons';
        content: "";
        line-height: 0;
        position: absolute;
        bottom: -5px;
        left: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        color: #6a4c92; }
      table.fixed ul.subtabs > li > a.selected {
        background: #6a4c92 !important; }
        table.fixed ul.subtabs > li > a.selected::after {
          visibility: visible; }
        table.fixed ul.subtabs > li > a.selected:hover {
          color: white !important; }
      @media (min-width: 768px) {
        table.fixed ul.subtabs > li > a {
          font-size: 1.3125rem;
          padding: 1rem 1.5rem !important; } }

table.fixed ul.subtabs + div {
  margin: 0 !important; }
  table.fixed ul.subtabs + div > div {
    background: #dfebf1;
    padding: 2rem 1rem 1rem 1rem; }
    table.fixed ul.subtabs + div > div table {
      background: white; }
    @media (max-width: 767px) {
      table.fixed ul.subtabs + div > div table.nohighlight.table {
        display: block; }
        table.fixed ul.subtabs + div > div table.nohighlight.table thead {
          display: none; }
        table.fixed ul.subtabs + div > div table.nohighlight.table tbody, table.fixed ul.subtabs + div > div table.nohighlight.table tr, table.fixed ul.subtabs + div > div table.nohighlight.table td {
          display: block;
          width: 100%; }
        table.fixed ul.subtabs + div > div table.nohighlight.table tr {
          border-bottom: 4px solid #bfc5c9; }
          table.fixed ul.subtabs + div > div table.nohighlight.table tr:first-child {
            border-top: 4px solid #bfc5c9; }
        table.fixed ul.subtabs + div > div table.nohighlight.table td {
          border: 0;
          white-space: normal !important; } }

.btn, INPUT[type=submit], button.form_button_submit {
  display: inline-block;
  font-family: "Tungsten", Impact, sans-serif !important;
  font-size: 1.5rem;
  font-weight:normal;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 1em;
  text-align: center;
  background: #6a4c92;
  color: white;
  padding: 0.5rem 1rem;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.75);
  transition: 50ms ease-in-out all; }
  a.btn:hover, INPUT[type=submit]:hover, button.form_button_submit:hover {
    background: #3b2360 !important;
    color: white !important;
    text-decoration: none !important; }
  .btn:active, .btn:focus, INPUT[type=submit]:active, INPUT[type=submit]:focus, button.form_button_submit:active, button.form_button_submit:focus {
    outline: none !important;
    text-decoration: none !important;
    color: white !important;
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.5); }
  .btn.block, INPUT[type=submit].block {
    display: block; }
  .btn.green, INPUT[type=submit].green {
    background: #31b27d; }
    .btn.green:hover, INPUT[type=submit].green:hover {
      background: #00854f !important; }
  .btn.blue, INPUT[type=submit].blue {
    background: #4796c1; }
    .btn.blue:hover, INPUT[type=submit].blue:hover {
      background: #1e5989 !important; }
  .btn.red, INPUT[type=submit].red {
    background: #f0885d; }
    .btn.red:hover, INPUT[type=submit].red:hover {
      background: #e74645 !important; }
  .btn.brown, INPUT[type=submit].brown {
    background: #b36a38; }
    .btn.brown:hover, INPUT[type=submit].brown:hover {
      background: #974f25 !important; }
  .btn.gray, INPUT[type=submit].gray {
    color: #3c3c3c;
    background: #bfc5c9;
    text-shadow: none; }
    .btn.gray:hover, INPUT[type=submit].gray:hover {
      background: #7c7b7c !important;
      color: white; }
  .btn.gold, INPUT[type=submit].gold {
    color: #6a4c92;
    background: #ffd589;
    text-shadow: none; }
    .btn.gold:hover, INPUT[type=submit].gold:hover {
      background: #ffc222 !important;
      color: #3b2360; }
  .btn.offwhite, INPUT[type=submit].offwhite {
    color: #4796c1;
    background: #fcf4e0;
    text-shadow: none; }
    .btn.offwhite:hover, INPUT[type=submit].offwhite:hover {
      background: #4796c1;
      color: white; }
  .btn.btn-small, INPUT[type=submit].btn-small {
    font-size: 1.125rem;
    padding: 0.25rem 0.5rem; }
  .btn.btn-large, INPUT[type=submit].btn-large {
    font-size: 1.875rem;
    padding: 1rem 1.5rem; }
  .btn.btn-arrow-right:after, INPUT[type=submit].btn-arrow-right:after {
    font-family: "icons";
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    vertical-align: baseline;
    line-height: 1em;
    width: 1em;
    text-align: center;
    font-variant: normal;
    width: auto;
    vertical-align: top;
    margin-left: 0.5rem;
    content: ""; }
  .btn.btn-arrow-left:before, INPUT[type=submit].btn-arrow-left:before {
    font-family: "icons";
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    vertical-align: baseline;
    line-height: 1em;
    width: 1em;
    text-align: center;
    font-variant: normal;
    width: auto;
    vertical-align: top;
    margin-right: 0.5rem;
    content: ""; }
  .btn.btn-special, INPUT[type=submit].btn-special {
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.4); }
    .btn.btn-special:hover, INPUT[type=submit].btn-special:hover {
      -webkit-transform: scale(1.05);
              transform: scale(1.05);
      box-shadow: 0 10px 20px rgba(0, 0, 0, 0.4); }
    .btn.btn-special:active, INPUT[type=submit].btn-special:active {
      -webkit-transform: scale(0.975);
              transform: scale(0.975);
      box-shadow: 0 3px 5px rgba(0, 0, 0, 0.4); }
  .btn.btn-sans-font, INPUT[type=submit].btn-sans-font {
    font-family: "Raleway", Helvetica, Arial, sans-serif;
    font-size: 1.3125rem;
    letter-spacing: normal;
    font-weight: bold;
    text-transform: none; }
  .btn.btn-borderless, INPUT[type=submit].btn-borderless {
    border: 0;
    background: transparent;
    box-shadow: 0 0 0 transparent;
    color: #4796c1; }
    .btn.btn-borderless:hover, INPUT[type=submit].btn-borderless:hover {
      background: transparent;
      text-decoration: underline;
      color: #4796c1; }
    .btn.btn-borderless:active, .btn.btn-borderless:focus, INPUT[type=submit].btn-borderless:active, INPUT[type=submit].btn-borderless:focus {
      color: #1e5989; }
  .btn[class*="icon-"], INPUT[type=submit][class*="icon-"] {
    text-align: left;
    margin-bottom: 1px;
    display: inline-flex;
    align-items: center;
    padding: 0.5rem;
    font-size: 1.5rem; }
    .btn[class*="icon-"]:before, INPUT[type=submit][class*="icon-"]:before {
      margin: 0 0.5rem 0 0;
      font-size: 1.5rem; }
    @media (min-width: 992px) {
      .btn[class*="icon-"], INPUT[type=submit][class*="icon-"] {
        font-size: 1.312rem; }
        .btn[class*="icon-"]:before, INPUT[type=submit][class*="icon-"]:before {
          font-size: 2rem; } }
  .btn a, INPUT[type=submit] a {
    color: white;
    text-decoration: none; }

.btn.btn-dropdown {
  position: relative;
  padding: 0; }
  .btn.btn-dropdown.btn-dropdown-open {
    color: #ffc222;
    background: #3b2360; }

.btn-dropdown-title {
  cursor: pointer;
  padding: 0.25rem 1rem 0.25rem 0.5rem; }

.btn-dropdown-list {
  visibility: hidden;
  position: absolute;
  top: 2rem;
  left: 0;
  right: 0;
  z-index: 100;
  background: #3b2360;
  text-align: left;
  padding: 0.5rem 0.5rem 0.5rem 1.5rem;
  margin: 0;
  transition: 200ms linear all;
  opacity: 0; }
  .btn-dropdown-list > li {
    padding: 8px 0;
    margin: 0;
    line-height: 1em;
    font-size: 0.875rem;
    font-family: "Raleway", Helvetica, Arial, sans-serif;
    text-transform: none;
    letter-spacing: normal; }
    .btn-dropdown-list > li a:hover {
      text-decoration: underline; }
    @media (min-width: 768px) {
      .btn-dropdown-list > li {
        padding: 5px 0; } }
  .btn-dropdown-open .btn-dropdown-list {
    visibility: visible;
    top: 2.5rem;
    opacity: 1; }
  .btn-dropdown-list::before {
    font-family: "icons";
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    vertical-align: baseline;
    line-height: 1em;
    width: 1em;
    text-align: center;
    font-variant: normal;
    content: "";
    color: #3b2360;
    position: absolute;
    top: -16px;
    left: 0;
    right: 0;
    font-size: 24px;
    width: 100%;
    text-align: center; }

.btn-group {
  box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.75);
  border-radius: 5px; }
  .btn-group .btn {
    width: 100%;
    border-radius: 0;
    margin: 0;
    box-shadow: 0 0 0 transparent;
    border-top: 0 none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3); }
  .btn-group [class*="icon-"], .btn-group .btn-arrow-right, .btn-group .btn-arrow-left {
    text-align: left; }
  .btn-group .btn:first-child {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top: 1px solid rgba(0, 0, 0, 0.3); }
  .btn-group .btn:last-child {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-bottom: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3); }

.btn-group-horizontal .btn {
  margin-bottom: 1rem; }

.bg-box {
	padding:15px 15px 25px 15px;
}
.bg-box img {
	border-radius:50%;
}
.bg-offwhite {
	background-color:#fcf4e0;
}
.bg-silver {
	background-color:#dfebf1;
}
.bg-green {
	background-color:#c5e4ce;
}