/* Authored Dependencies */
/**
* Computes a CSS calc function that betweens a value from
* A to B over viewport-width A to viewport-width B.
* Requires 2 media queries to cap the upper (B) and lower (A) values.
*/
/* Global */
/*Typekit flash of unstyled text resolution*/
.wf-loading h1,
.wf-loading h2,
.wf-loading h3,
.wf-loading h4,
.wf-loading h5,
.wf-loading h6,
.wf-loading p,
.wf-loading a,
.wf-loading label,
.wf-loading span {
  visibility: hidden;
}

.wf-active h1,
.wf-active h2,
.wf-active h3,
.wf-active h4,
.wf-active h5,
.wf-active h6,
.wf-active p,
.wf-active a,
.wf-active label,
.wf-active span {
  visibility: visible;
}

/* Global Margin and Padding Reset */
*,
*:before,
*:after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* Generic Selectors */
body {
  color: #424242;
  font-family: "proxima-nova", Arial, Helvetica, sans-serif;
  margin: 0;
  position: relative;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0.5em 0;
  font-family: "industry", sans-serif;
  font-weight: bold;
  line-height: 1;
}

/* font-family for merchants and affiliates dashboard */
.body-wrap h1,
.body-wrap h2,
.body-wrap h3,
.body-wrap h4,
.body-wrap h5,
.body-wrap h6 {
  font-family: "proxima-nova", Arial, Helvetica, sans-serif;
  /*font-weight: bold;*/
  line-height: 1;
}

h1 {
  color: #424242;
  font-size: 1.75em;
}
@media screen and (min-width: 800px) {
  h1 {
    font-size: 2em;
    font-weight: 900;
  }
}

h2 {
  margin-top: 2em;
  color: #1e88e5;
  font-size: 1.6em;
}
@media screen and (min-width: 800px) {
  h2 {
    font-weight: 900;
  }
}

h3 {
  font-size: 1.3em;
}

h4 {
  font-size: 1em;
}

h5 {
  font-size: 1em;
}

h6 {
  font-size: 0.95em;
}

code {
  font: small/1.2 Consolas, "Courier New", monospace;
}

input,
textarea,
select {
  font-family: "proxima-nova", Arial, Helvetica, sans-serif;
}

a img,
fieldset {
  border: none;
}

p,
ul,
ol,
table,
fieldset {
  margin: 1em 0;
}

ul,
ol,
dd dl {
  margin-left: 40px;
}

li > ul,
li > ol {
  margin-top: 0;
  margin-bottom: 0;
}

.main ul li:before {
  content: "";
  display: block;
  float: left;
  width: 1em;
  height: 1em;
  margin-left: -1.5em;
  background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20id%3D%22icon-caret-right%22%20viewBox%3D%220%200%209%2028%22%20width%3D%2225%22%20height%3D%2225%22%20fill%3D%22%239e9e9e%22%3E%0A%09%3Cpath%20d%3D%22M9%2014c0%200.266-0.109%200.516-0.297%200.703l-7%207c-0.187%200.187-0.438%200.297-0.703%200.297-0.547%200-1-0.453-1-1v-14c0-0.547%200.453-1%201-1%200.266%200%200.516%200.109%200.703%200.297l7%207c0.187%200.187%200.297%200.438%200.297%200.703z%22%3E%3C/path%3E%0A%3C/svg%3E);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

/*ul li{
    list-style: none;
}*/
p {
  line-height: 1.4;
}

img {
  max-width: 100%;
}

table {
  width: 100%;
  border-collapse: collapse;
}

hr,
legend {
  display: none;
}

/* Wrappers */
#wrapper-outer {
  min-block-size: 100vh;
  margin: 0;
  padding: 0;
}

#commissionsoup-home #wrapper {
  padding-top: 95px;
}

#wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  min-block-size: 100vh;
  margin: 0 auto;
}

#wrapper > #main-body {
  flex-grow: 1;
}

/* end Wrappers */
/* Links */
a,
a:link {
  color: #1565c0;
  text-decoration: none;
}

a:visited {
  color: #0d47a1;
}

a:hover,
a:focus,
a:active {
  text-decoration: underline;
}

/* end Links */
/* Patterns */
.navbar-collapse {
  display: none;
  margin-left: auto;
}
@media screen and (min-width: 900px) {
  .navbar-collapse {
    display: block;
  }
}
@media screen and (max-width: 899px) {
  .navbar-collapse {
    background-color: #1565c0;
    background: linear-gradient(#1565c0, #8bc34a); /* Standard syntax (must be last) */
  }
}

.csoup-header-logo {
  display: flex;
  align-items: center;
}

.body-wrap .csoup-header-logo img,
.default-nav .csoup-header-logo img {
  width: 100px;
}
@media screen and (min-width: 600px) {
  .body-wrap .csoup-header-logo img,
  .default-nav .csoup-header-logo img {
    width: 125px;
  }
}

.csoup-header-logo img {
  width: 110px;
}
@media screen and (min-width: 600px) {
  .csoup-header-logo img {
    width: 125px;
  }
}
@media screen and (min-width: 900px) {
  .csoup-header-logo img {
    width: 150px;
  }
}

@media screen and (min-width: 900px) {
  .fixed .csoup-header-logo img {
    width: 125px;
    transition: width ease-out 0.5s;
  }
}

/*CommSoup logo animation*/
.csoup-header-logo:hover,
.csoup-header-logo:focus {
  animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }
  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }
  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}
header {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 100;
}

.body-wrap .main-nav-wrap,
.default-nav .main-nav-wrap {
  padding-top: 0;
  background: linear-gradient(45deg, #1565c0, #8bc34a);
}

.body-wrap .fixed .main-nav-wrap {
  background-color: #1565c0;
}

.main-nav-wrap {
  position: fixed;
  z-index: 101;
  width: 100%;
  padding-top: 0;
}
@media screen and (min-width: 900px) {
  .main-nav-wrap {
    padding-top: 2em;
  }
}

.fixed .main-nav-wrap {
  padding-top: 0;
  background-color: rgba(0, 0, 0, 0.7);
  transition: ease-in all 0.5s;
  transition: ease-out all 0.5s;
}

.nav-wrap {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 110rem;
  margin: 0 auto;
  padding: 0 0.825em;
  height: 85px;
}
@media screen and (min-width: 700px) {
  .nav-wrap {
    padding: 0 2rem;
  }
}

.nav-wrap > nav > ul {
  display: flex;
  align-items: center;
  flex: 1;
  flex-direction: column;
  margin: 0;
  padding: 0;
  align-self: center;
  list-style: none;
}
@media screen and (min-width: 900px) {
  .nav-wrap > nav > ul {
    flex-direction: row;
  }
}

.signed-in .nav-wrap > nav > ul {
  margin: 10em 0 0;
}
@media screen and (min-width: 340px) {
  .signed-in .nav-wrap > nav > ul {
    margin: 5em 0 0;
  }
}
@media screen and (min-width: 900px) {
  .signed-in .nav-wrap > nav > ul {
    margin: 0;
  }
}

@media screen and (orientation: landscape) and (max-width: 800px) {
  .signed-in .nav-wrap > nav > ul {
    margin: 15em 0 0;
  }
}
@media screen and (orientation: landscape) and (max-height: 340px) {
  .signed-in .nav-wrap > nav > ul {
    margin: 20em 0 0;
  }
}
nav ul > li {
  position: relative;
  display: inline-block;
  margin: 0.25em 0;
  padding: 0.5rem 0;
}
@media screen and (min-width: 900px) {
  nav ul > li {
    margin: 0;
  }
}

nav a,
nav a:link,
nav a:visited {
  color: #FFF;
  font-size: 1.2em;
  font-weight: 900;
  text-decoration: none;
}
@media screen and (min-width: 900px) {
  nav a,
  nav a:link,
  nav a:visited {
    font-size: 0.875em;
  }
}
@media screen and (min-width: 916px) {
  nav a,
  nav a:link,
  nav a:visited {
    font-size: 1em;
  }
}

.underline {
  order: 1;
  align-self: center;
}
@media screen and (min-width: 900px) {
  .underline {
    order: 0;
    margin: 0 0.75rem;
  }
}

.underline a {
  position: relative;
  padding: 0.25rem 0;
  text-transform: uppercase;
}

.underline:last-of-type {
  margin-right: 0;
}

.underline a:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #FFF;
  visibility: hidden;
  transform: scaleX(0);
  transition: all 0.3s ease-in-out 0s;
}

.underline a:hover:before,
.underline a:focus:before {
  visibility: visible;
  transform: scaleX(1);
}

.login-btn {
  order: 0;
  margin: 0.5em 0 3em;
  padding: 0;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25em;
}
@media screen and (min-width: 900px) {
  .login-btn {
    order: 1;
    margin: 0 0 0 1em;
    background-color: #FFF;
  }
}

.login-btn svg {
  margin-top: 0.1em;
  margin-left: 0.5em;
}

nav .login-btn a {
  display: flex;
  padding: 0.75em 3em;
  color: #FFF;
  font-size: 0.875em;
  text-transform: uppercase;
}
@media screen and (min-width: 900px) {
  nav .login-btn a {
    padding: 0.5em 1.75em;
    color: #1565c0;
  }
}

nav .login-btn a:hover,
nav .login-btn a:focus {
  color: #FFF;
}
@media screen and (min-width: 900px) {
  nav .login-btn a:hover,
  nav .login-btn a:focus {
    color: #0d47a1;
  }
}

.login-btn a:hover #icon-sign-in path,
.login-btn a:focus #icon-sign-in path {
  fill: #0d47a1;
}

.menu-toggle {
  display: block;
  margin-left: auto;
}
@media screen and (min-width: 900px) {
  .menu-toggle {
    display: none;
  }
}

/* hide inputs */
.MenuCheckbox {
  display: none;
}

.MenuCheckbox:checked ~ .menu-toggle {
  display: none;
}

.MenuCheckbox:checked ~ .navbar-collapse {
  position: absolute;
  width: 100%;
  height: 100vh;
  left: 0;
  top: 0;
  z-index: 10;
  display: flex;
  overflow-y: scroll;
  transition: 0.5s;
}

.signed-in .MenuCheckbox:checked ~ .navbar-collapse {
  padding-bottom: 3em;
}

.CloseMenu {
  display: none;
}

.MenuCheckbox:checked ~ .CloseMenu {
  display: block;
  z-index: 15;
}

@media screen and (min-width: 900px) {
  .fixed #user {
    background-color: #FFF;
  }
  .fixed #user > a {
    color: #689f38;
  }
}
@media screen and (min-width: 900px) {
  #user {
    position: relative;
    display: inline-block;
    align-self: center;
    margin: 0 1em;
    padding: 0.5em 1.75em;
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 0.25em;
    overflow: hidden;
  }
}

@media screen and (min-width: 900px) {
  #user a {
    color: #FFF;
    font-size: 0.875em;
    font-weight: 600;
    text-transform: none;
  }
}

#user ul {
  margin-left: 0;
  text-align: center;
}
@media screen and (min-width: 900px) {
  #user ul {
    position: absolute;
    top: 100%;
    right: 0;
    opacity: 0;
    max-height: 0;
    width: 100%;
    padding: 0.75rem;
    background-color: #FFF;
    border-radius: 0.25em;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 1px 3px 7px 0px rgba(0, 0, 0, 0.1);
  }
}

@media screen and (min-width: 900px) {
  #user:hover {
    background-color: #FFF;
    border-radius: 0.25em;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    overflow: visible;
  }
}

@media screen and (min-width: 900px) {
  #user:hover > a {
    color: #689f38;
  }
}

#user:hover ul {
  opacity: 1;
  max-height: 11rem;
  transition: max-height 0.15s;
  transition-timing-function: ease-out;
}

#user ul li {
  display: block;
}

#user ul li a {
  font-size: 1em;
  font-weight: 400;
}
@media screen and (min-width: 900px) {
  #user ul li a {
    color: #1e88e5;
    font-size: 0.875em;
    font-weight: 600;
  }
}

@media screen and (min-width: 900px) {
  #user ul li a:hover,
  #user ul li a:focus {
    color: #1565c0;
  }
}

/* hide view account link on mobile devices */
@media screen and (max-width: 899px) {
  #user ul li.viewAccountLink {
    display: none;
  }
}
/*Display in-page anchors below sticky header*/
:target:before {
  content: "";
  display: block;
  height: 105px;
  margin: -105px 0 0;
}

/* Client Nav */
.client-nav {
  z-index: 10;
  display: flex;
  align-items: center;
  margin-bottom: 1em;
  padding: 1.5em 4em;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25em;
}
@media screen and (min-width: 800px) {
  .client-nav {
    position: fixed;
    top: 5em;
    width: 100%;
    height: 47px;
    margin-bottom: 0;
    padding: 0.45em 1em 0;
    background-color: #FFF;
    border-radius: 0;
    box-shadow: 0px 0em 9px 0em rgba(0, 0, 0, 0.4);
  }
}

#main-wrap .client-nav {
  display: none;
}
@media screen and (min-width: 800px) {
  #main-wrap .client-nav {
    display: block;
  }
}

@media screen and (min-width: 800px) {
  .navbar .client-nav {
    display: none;
  }
}

.client-nav-inner {
  display: flex;
  align-items: center;
  flex-direction: column;
  height: 100%;
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 800px) {
  .client-nav-inner {
    width: 85em;
    flex-direction: row;
    margin: 0 auto;
    padding: 0 0.825em;
  }
}

.client-nav h3 {
  margin: 0;
  padding: 4px 6px 4px 0;
  color: #FFF;
  font-size: 1.2em;
  font-weight: 900;
}
@media screen and (min-width: 916px) {
  .client-nav h3 {
    padding: 0 12px 0 0;
    line-height: 1.2;
  }
}
@media screen and (min-width: 800px) {
  .client-nav h3 {
    display: flex;
    align-items: center;
    float: left;
    color: #424242;
    font-size: 0.875em;
    line-height: 1;
  }
}

@media screen and (min-width: 800px) {
  .client-nav h3:after {
    content: ":";
  }
}
.client-nav ul {
  display: flex;
  flex-direction: column;
  height: 100%;
  margin: 0;
  list-style: none;
  text-align: center;
}
@media screen and (min-width: 800px) {
  .client-nav ul {
    display: block;
  }
}

.client-nav li {
  margin: 0;
  padding: 0.5rem 0;
}
@media screen and (min-width: 916px) {
  .client-nav li {
    margin: 0 0.75em;
    line-height: 1.2;
  }
}
@media screen and (min-width: 800px) {
  .client-nav li {
    display: flex;
    align-items: center;
    height: 100%;
    float: left;
    margin: 0 0.25em;
    padding: 0;
    border-bottom: 2px solid #FFF;
    line-height: 1;
  }
}

@media screen and (min-width: 800px) {
  .client-nav li.YouAreHere {
    border-bottom: 2px solid #8bc34a;
  }
}
.client-nav li.YouAreHere a {
  color: #8bc34a;
}

.client-nav li.first {
  padding-left: 0;
  border-left: none;
}

.client-nav li a {
  padding: 4px 6px;
  color: #FFF;
  font-size: 1em;
  font-weight: 400;
}
@media screen and (min-width: 916px) {
  .client-nav li a {
    padding: 0;
  }
}
@media screen and (min-width: 800px) {
  .client-nav li a {
    display: flex;
    margin: 0 0.25em;
    align-items: center;
    height: 100%;
    color: #424242;
    font-size: 0.875em;
  }
}

.client-nav li a:hover,
.client-nav li a:link,
.client-nav li a:visited {
  text-decoration: none;
}

@media screen and (min-width: 800px) {
  .client-nav li:hover,
  .client-nav li:focus {
    border-bottom: 2px solid #8bc34a;
  }
}
/* end Client Nav */
.ClientMenuChkbx {
  display: none;
}

/*.ClientMenuChkbx:checked ~ .menu-toggle {
	display: none;
}*/
/*.ClientMenuChkbx:checked ~ .clientNavWrap {
	display: flex;
	flex-direction: column;
}

@include at-least($bp5) {
	.icon-arrow-right {
		display: none;
	}
}*/
.login-wrap {
  width: 100%;
  height: 3em;
  margin: 2em auto;
  padding: 0.35em;
  padding-bottom: 0.5em;
  background-color: rgba(24, 67, 95, 0.75);
  border-radius: 0.25em;
  order: 1;
}
@media screen and (min-width: 920px) {
  .login-wrap {
    width: 47em;
    height: 6em;
    margin: 4em auto 2em;
  }
}
@media screen and (min-width: 900px) {
  .login-wrap {
    margin: 3em auto 2em;
  }
}
@media screen and (min-width: 500px) {
  .login-wrap {
    height: 5em;
    padding: 0.875em;
  }
}

@media screen and (max-width: 899px) {
  #login-User {
    margin-left: 0;
  }
}

.login-wrap fieldset {
  margin: 0.25em 0;
  text-align: center;
}
@media screen and (min-width: 920px) {
  .login-wrap fieldset {
    margin: 1em 0;
  }
}
@media screen and (min-width: 500px) {
  .login-wrap fieldset {
    margin: 0.5em 0;
  }
}

.login-wrap .q-wrap {
  display: inline-flex;
  flex: 0 1 auto;
  width: calc(49% - 1rem);
  margin: 0 0 0 1rem;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 0.25em;
  border: none;
}
@media screen and (min-width: 500px) {
  .login-wrap .q-wrap {
    width: calc(35% - 1rem);
  }
}
@media screen and (min-width: 920px) {
  .login-wrap .q-wrap {
    width: calc(38% - 1rem);
  }
}

.login-wrap .FloatLabel > label {
  position: absolute;
  top: -1.2rem;
  left: 0;
  right: 0.65em;
  padding: 0;
  font-family: "industry", sans-serif;
  line-height: 1;
  transform: translate(0.25rem, 1.8rem);
}
@media screen and (min-width: 600px) {
  .login-wrap .FloatLabel > label {
    top: -1rem;
  }
}

.login-wrap label {
  color: #FFF;
  font-weight: 600;
  font-size: 0.9em;
  text-transform: uppercase;
}

.login-wrap .FloatLabel.InputEntered > label,
.login-wrap .FloatLabel.InputEntered.InputSelected > label {
  color: #FFF;
}

.login-wrap input {
  padding: 0.25em;
  background-color: transparent;
  border: 0;
  border-radius: 0.25em;
  color: #FFF;
  font-family: "industry", sans-serif;
  font-weight: 600;
  line-height: normal;
  text-align: center;
}
@media screen and (min-width: 600px) {
  .login-wrap input {
    padding: 0.5em;
  }
}

.login-wrap input[type=submit] {
  padding: 0.45em 0 0.35em;
  background-color: #FFF;
  color: #1565c0;
}
@media screen and (min-width: 500px) {
  .login-wrap input[type=submit] {
    margin-left: 1em;
  }
}

.login-wrap input[type=submit]:hover,
.login-wrap input[type=submit]:focus {
  background-color: #0d47a1;
  color: #FFF;
}
@media screen and (min-width: 500px) {
  .login-wrap input[type=submit]:hover,
  .login-wrap input[type=submit]:focus {
    background-color: #cddc39;
  }
}

.submit-wrap {
  display: inline-flex;
  justify-content: center;
  flex-direction: column;
  width: 8em;
}
@media screen and (max-width: 499px) {
  .submit-wrap {
    position: absolute;
    bottom: 0.25em;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
}

.pass-recovery,
.pass-recovery:link,
.pass-recovery:visited {
  margin-top: 0.5em;
  color: #1565c0;
  font-size: 0.65em;
  font-weight: bold;
  text-decoration: none;
}
@media screen and (min-width: 500px) {
  .pass-recovery,
  .pass-recovery:link,
  .pass-recovery:visited {
    color: #FFF;
  }
}
@media screen and (min-width: 500px) {
  .pass-recovery,
  .pass-recovery:link,
  .pass-recovery:visited {
    margin-left: 1.5em;
  }
}

.pass-recovery:hover,
.pass-recovery:focus {
  color: #0d47a1;
}
@media screen and (min-width: 500px) {
  .pass-recovery:hover,
  .pass-recovery:focus {
    color: #cddc39;
  }
}

#icon-sign-in {
  display: none;
  margin-bottom: -0.65em;
}
@media screen and (min-width: 900px) {
  #icon-sign-in {
    display: inline-block;
  }
}

/* Forms */
.FieldSetWrap {
  margin: 0 auto;
  padding: 0 0.75em;
}
@media screen and (min-width: 916px) {
  .FieldSetWrap {
    padding: 0 3em;
  }
}

/* Aff and merchants forms*/
.body-wrap .FieldSetWrap {
  max-width: 100%;
  margin: 0;
  padding: 0;
}

/*fieldset {
	position: relative;
}*/
.body-wrap .FloatLabel {
  margin: 1.5em 0;
}

.FloatLabel {
  position: relative;
}

.BlockLabel > label {
  display: block;
  margin-bottom: 0.25em;
}

.FloatLabel > label {
  position: absolute;
  top: -1rem;
  left: 0.5rem;
  padding: 0;
  line-height: 1;
  transform: translate(0.25rem, 1.8rem);
}

.q-clear {
  clear: both;
}

.money {
  position: relative;
}

.MoneySymbol {
  position: absolute;
  top: 1.825rem;
  left: 0.5rem;
  padding: 0;
  font-weight: bold;
  line-height: 1;
}

.money input {
  padding-left: 1.5em;
}

#main-content .FieldSetWrap p {
  margin: 1em 0 2em;
}

.FieldSetWrap label {
  color: #616161;
  font-weight: 600;
  font-size: 0.925em;
}

.ProgramSetup input {
  color: #424242;
}

.ProgramSetup .hidden {
  display: none;
}

.PendingProgram div > label {
  display: block;
}

.PendingProgram .radio-list > label {
  margin-bottom: 0.5em;
}

.FieldSetWrap .default-lbl,
.checkbox-list label,
.inputList label {
  text-transform: none;
}

.FieldSetWrap h3 {
  margin: 2em 0 1em;
  color: #1565c0;
}

.FloatLabel.InputEntered > label {
  padding: 3px;
  color: #BDC0C4;
  font-size: 0.75rem;
  transform: none;
  transition: padding, font-size, font-weight, transform ease-out 0.2s;
}

.FloatLabel.InputEntered.InputSelected > label {
  color: #BDC0C4;
}

input,
textarea,
select {
  width: 100%;
  font-size: 100%;
}

input[readonly],
select[disabled] {
  color: #999;
}

select {
  padding: 0;
}
@media screen and (min-width: 480px) {
  select {
    width: auto;
  }
}

fieldset select {
  font-weight: 600;
}

.ProgramSetup .PendingProgram select {
  width: 100%;
  padding: 0.45em;
}

#enroll-tax-info select {
  width: 100%;
}

option {
  padding-right: 0.75em;
}

.FieldSetWrap input[type=submit],
input[type=submit] {
  width: 12em;
  border-radius: 0.25em;
  border: none;
  color: #FFF;
  background-color: #1565c0;
}

.FieldSetWrap input[type=submit]:hover,
.FieldSetWrap input[type=submit]:active,
.FieldSetWrap input[type=submit]:focus {
  background-color: #0d47a1;
}

button {
  max-width: 100%;
  margin: 0;
  padding: 0.5em;
  background-color: #1565c0;
  border-radius: 0.25em;
  border: none;
  color: #FFF;
  font-family: inherit;
  font-weight: 600;
  line-height: normal;
}

input,
select,
textarea {
  max-width: 100%;
  margin: 0;
  padding: 0.5em;
  border: 1px solid #BDC0C4;
  border-radius: 0.25em;
  color: #464e58;
  font-family: inherit;
  font-weight: 600;
  line-height: normal;
}

button,
.button,
input[type=submit] {
  width: auto;
  padding: 0.5em 1.25em;
  font-size: 1em;
}

label[for],
select,
option,
button,
.button,
input[type=submit],
input[type=date],
input[type=checkbox],
.checkbox input {
  cursor: pointer;
}

input[type=radio],
input[type=checkbox] {
  border: none;
  width: auto;
}

input[type=checkbox] + label {
  padding-left: 1ex;
  color: #424242;
}

.radio-list input[type=radio],
.checkbox-list input[type=checkbox] {
  border: none;
}

#main-content div.btnWrap {
  margin: 0 auto;
  text-align: center;
}

#main-content #edit-contact-form p.btnWrap {
  margin: 0 auto;
  clear: both;
  text-align: left;
}

.button.btnContact {
  width: 300px;
  height: 3rem;
  border-radius: 0.25em;
  border: none;
  color: white;
  background-color: #1565c0;
  text-transform: uppercase;
}

.button:hover,
.button:focus,
.button:active {
  color: #FFF;
  box-shadow: none;
  background-color: #0d47a1;
}

td .button {
  padding: 0.3em 0.6em;
  color: #464e58;
  border: 1px solid #c7c7c7;
  background-color: white;
  border-radius: 0.25em;
  font-size: 0.85em;
}

.q-wrap {
  margin-bottom: 1em;
}

/* Page Specific Forms */
.login-form fieldset label {
  float: left;
  width: 6.333em;
}

.login-form fieldset input {
  max-width: 24em;
}

.login-form .checkbox label {
  float: none;
  line-height: inherit;
  width: auto;
}

.login-form fieldset br {
  display: none;
}

#contact-form fieldset,
#edit-contact-form fieldset,
#details-form fieldset,
#event-contact-form fieldset,
.ProgramSetup div {
  margin: 0 0 1.5em;
  padding: 0 0.75em 0 0;
}
@media screen and (min-width: 480px) and (max-width: 600px) {
  #contact-form fieldset,
  #edit-contact-form fieldset,
  #details-form fieldset,
  #event-contact-form fieldset,
  .ProgramSetup div {
    float: left;
    flex: 0 1 auto;
    width: calc(50% - 1rem);
  }
}
@media screen and (min-width: 700px) {
  #contact-form fieldset,
  #edit-contact-form fieldset,
  #details-form fieldset,
  #event-contact-form fieldset,
  .ProgramSetup div {
    float: left;
    flex: 0 1 auto;
    width: calc(50% - 1rem);
    margin: 0 0 2em 0;
  }
}

.ProgramSetup .mw {
  width: calc(33% - 1rem);
}

.ProgramSetup table {
  margin-top: 0.5em;
}

.login-form fieldset {
  margin-bottom: 2em;
}

#contact-form label {
  display: block;
}

#contact-form .fw,
#contact-form .radios,
.ProgramSetup .fw {
  clear: both;
  float: none;
  width: 100%;
}

.radio-list > span {
  display: block;
}

.radio-list > span label {
  color: #424242;
  margin-right: 1em;
}

.radio-list > span input {
  margin-right: 0.25em;
}

#contact-form .fw input,
#contact-form .fw textarea {
  width: 100%;
}

#cnt-Msg em {
  margin-right: 1em;
}

#contact-form .radios {
  margin: 0 0 2rem 1rem;
}

#contact-form .radios label {
  display: inline;
  padding-right: 10px;
}

#contact-form .radios span label {
  padding: 0 0.7em 0 0.1em;
}

#contact-form p {
  clear: left;
}

#commissionsoup-enroll-page2 fieldset {
  margin: 0;
}

#enroll-co-info fieldset#country,
#enroll-pay-info fieldset#pay-country {
  width: 50%;
}

#enroll-co-info fieldset,
#enroll-pay-info fieldset,
#enroll-tax-info fieldset,
#enroll-usr-info fieldset {
  float: left;
  width: 100%;
  margin: 0 0 2rem 0;
  padding: 0 0.75em 0 0;
}
@media screen and (min-width: 700px) {
  #enroll-co-info fieldset,
  #enroll-pay-info fieldset,
  #enroll-tax-info fieldset,
  #enroll-usr-info fieldset {
    width: 33%;
  }
}
@media screen and (min-width: 600px) {
  #enroll-co-info fieldset,
  #enroll-pay-info fieldset,
  #enroll-tax-info fieldset,
  #enroll-usr-info fieldset {
    width: 50%;
  }
}

#enroll-co-info div,
#enroll-pay-info div,
#enroll-tax-info div,
#enroll-usr-info div {
  clear: left;
}

#enroll-promo-info td label {
  padding-left: 0.5em;
}

#enroll-promo-info textarea,
#commissionsoup-enroll-page2 .trms2 {
  width: 100%;
  margin: 0 0 1em;
  padding: 2px 5px;
}

#commissionsoup-enroll-page2 .trms2 {
  height: 25em;
}

#commissionsoup-enroll-page2 .radio-list {
  margin-bottom: 1em;
}

#commissionsoup-enroll-page2 .radio-list label {
  display: block;
  margin-bottom: 3px;
}

#commissionsoup-enroll-page2 .radio-list br {
  display: none;
}

#commissionsoup-enroll-page2 .radio-list span label {
  display: inline;
  margin: 0;
  padding: 0 8px 0 0;
}

/* end Page Specific Forms */
/* end Forms */
/* error text */
.errTxt strong {
  color: #F44336;
}

.contact-bmg-flex {
  display: flex;
  flex-flow: wrap-reverse;
  justify-content: space-between;
  margin: 0 auto -1px;
}

.contact-bmg-flex .flex {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 2rem 0.825rem;
  background: #e0e0e0;
  text-align: center;
}
@media screen and (min-width: 800px) {
  .contact-bmg-flex .flex {
    width: 50%;
  }
}
@media screen and (min-width: 1102px) {
  .contact-bmg-flex .flex {
    width: 33.33333%;
    padding: 4rem;
  }
}

.contact-bmg-flex .flex#map {
  padding: 0;
  width: 100%;
  height: 20rem;
}
@media screen and (min-width: 1102px) {
  .contact-bmg-flex .flex#map {
    width: 33.33333%;
    height: auto;
  }
}

.contact-bmg-flex .flex h3 {
  font-size: 1.75rem;
  margin: 0;
  margin-bottom: 0.5em;
  font-weight: 300;
}
@media screen and (min-width: 1102px) {
  .contact-bmg-flex .flex h3 {
    font-size: 2rem;
    margin: 0 0 1rem;
  }
}

.contact-bmg-flex .flex p {
  font-size: 1.1em;
  line-height: 1.5em;
  font-weight: 400;
}

#map iframe {
  width: 100%;
  height: 100%;
}

#business {
  background-color: #1e88e5;
  text-align: left;
}

#business h3 {
  color: #FFF;
}

#business p,
#business a {
  color: #FFF;
}

#business a:hover,
#business a:focus,
#business a:visited {
  color: #FFF;
  text-decoration: underline;
}

#business h4 {
  color: white;
  font-size: 1.3em;
  font-weight: 500;
  margin-bottom: 0;
}

#business h4 span {
  color: #FFF;
  font-style: italic;
  font-size: 0.8em;
}

.location {
  margin-bottom: 0;
  margin-top: 5px;
}

.location i {
  padding-right: 0.5rem;
}

#career {
  text-align: left;
}

#career h3 {
  color: #0d47a1;
}

#career p {
  color: #0d47a1;
}

#career a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 18rem;
  margin: 0;
  padding: 0.35em 0;
  background-color: #0d47a1;
  border-radius: 0.25em;
  color: #FFF;
  cursor: pointer;
  font-size: 1rem;
  text-transform: uppercase;
}

#career a:hover {
  background-color: #1e88e5;
  text-decoration: none;
}

.ThankYouWrap,
.ErrorWrap {
  margin: 0 auto;
  padding: 0 1.5em;
}

@media screen and (min-width: 916px) {
  .ThankYouWrap,
  .ErrorWrap {
    padding: 0 3em;
  }
}
.aff-Q > label {
  display: block;
  margin-bottom: 0.5em;
}

.AffEmailer .aff-Q {
  margin-bottom: 1.5em;
}

.aff-Q .rbl-spacing label {
  margin-right: 0.5em;
}

input[type].PhonePart1,
input[type].PhonePart2,
input[type].BillPhonePart1,
input[type].BillPhonePart2 {
  width: 7ex;
}

input[type].PhonePart3,
input[type].BillPhonePart3 {
  width: 9ex;
}

.PhoneFields input {
  text-align: center;
  margin: 0 0.25em 0;
}

.ProgramSetup .reference-group {
  width: 100%;
  margin-bottom: 2rem;
}
.ProgramSetup .cbx-reference > div {
  width: 100%;
}

.trade-references h3 small {
  font-size: 0.825rem;
  font-weight: 200;
}

.fixed-save-banner {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 2rem 0.825rem;
  background-color: #F1F2F2;
  box-shadow: 0px -2px 8px rgba(0, 0, 0, 0.35);
}
.fixed-save-banner > div {
  margin-right: 2rem;
}
.fixed-save-banner h3 {
  margin: 0;
}
.fixed-save-banner .btn--save {
  width: 12rem;
  padding: 0.75rem 0;
  background-color: #FF8F00;
}

#contact-form #cnt-Topics ul {
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  margin: 1rem 0;
}
#contact-form #cnt-Topics ul li {
  display: flex;
  width: 33%;
  margin-bottom: 1rem;
}
#contact-form #cnt-Topics ul li input {
  width: auto;
}

/* Sections */
#header {
  position: relative;
  margin-top: 2em;
  padding: 0;
  background: #fff;
  border-radius: 10px 10px 0 0;
}
@media screen and (min-width: 480px) {
  #header {
    margin-top: 0;
  }
}
@media screen and (min-width: 600px) {
  #header {
    margin-top: 10px;
    padding: 0 10px;
  }
}
@media screen and (min-width: 916px) {
  #header {
    margin: 0;
    padding: 96px 0 0;
    background: transparent;
  }
}

/* Logo */
#logo {
  max-width: 168px;
  margin: 0 auto;
  padding: 4px 0 8px;
}
@media screen and (min-width: 600px) {
  #logo {
    margin: 0;
  }
}
@media screen and (min-width: 916px) {
  #logo {
    position: absolute;
    top: 12px;
    left: 50%;
    width: 154px;
    height: 76px;
    margin: 0 0 0 -397px;
    padding: 0;
  }
}
@media screen and (min-width: 1102px) {
  #logo {
    left: 38px;
    margin: 0;
  }
}
#logo a {
  display: block;
  width: 100%;
  height: 100%;
}
#logo img {
  display: block;
}
@media screen and (min-width: 916px) {
  #logo img {
    display: none;
  }
}

/* end Logo */
/* Main Body */
#main-body {
  position: relative;
  padding: 1px 0;
  background: linear-gradient(to bottom, transparent 0%, transparent 40%, white 100%), url(https://cdn.bmgfiles.com/csan/img/pixel.png);
  background-size: 315px 315px;
  background-repeat: repeat-x;
}

.full-width {
  padding-top: 10em;
}

#main-wrap .content-wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  max-width: 85em;
  min-height: 24rem;
  margin: 0 auto;
  padding: 0 0 2rem;
}
@media screen and (min-width: 800px) {
  #main-wrap .content-wrap {
    flex-direction: row;
  }
}

.default-nav #main-wrap {
  margin: 8em 0 3em;
}
@media screen and (min-width: 800px) {
  .default-nav #main-wrap {
    margin: 10em 0 3em;
  }
}

.content-wrap #main-content {
  margin: 0;
  flex: 0 1 auto;
  max-width: 70em;
}
@media screen and (min-width: 800px) {
  .content-wrap #main-content {
    min-width: 35em;
  }
}

#main-content {
  max-width: 85em;
  min-height: 10em;
  margin: 3em auto;
  padding: 0 0.25rem;
}
@media screen and (min-width: 500px) {
  #main-content {
    padding: 0 0.825rem;
  }
}
@media screen and (min-width: 800px) {
  #main-content {
    min-height: 30em;
    margin: 5em auto;
  }
}

.md-content p {
  padding: 0 0.75em;
}
@media screen and (min-width: 916px) {
  .md-content p {
    padding: 0 3em;
  }
}

.csoup-body .md-content h2 {
  margin-top: 0.75em;
}
@media screen and (min-width: 916px) {
  .csoup-body .md-content h2 {
    margin-top: 1.5em;
  }
}

#main-content.main {
  margin: 3em auto 3em;
}

.csoup-body h1,
.csoup-body h2 {
  font-size: 1.75em;
  padding: 0.5rem;
  color: #1565c0;
  margin: 0 0 1em;
  padding: 25px;
  background-color: #FFF;
  border-top: 5px solid #cddc39;
  border-bottom: 3px solid #ddd;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  font-weight: 300;
}
@media screen and (min-width: 916px) {
  .csoup-body h1,
  .csoup-body h2 {
    padding: 25px 50px;
    font-size: 2.5em;
  }
}

#main-content h2 a:link,
#main-content h2 a:visited {
  color: #8c7a43;
}

#main-content h2 a:hover,
#main-content h2 a:focus,
#main-content h2 a:active {
  color: #333;
  text-decoration: none;
}

#main-content p {
  text-align: left;
}

.section {
  margin-bottom: 3em;
}

.section:last-of-type {
  margin-bottom: 0;
}

.section ul li {
  margin: 1em 0;
}

.content-inner {
  padding: 0 0.75em 1.5em;
}
@media screen and (min-width: 916px) {
  .content-inner {
    padding: 0 3em 3em;
  }
}

.content-inner h3 {
  margin-top: 2em;
  color: #424242;
}

.related-links {
  margin: 2em 0;
  border-top: solid 1px #eee;
}

#commissionsoup-mgt-team .related-links,
#commissionsoup-press .related-links,
#commissionsoup-news .related-links {
  border-top: none;
}

.related-links h4 {
  display: none;
}

.related-links ul {
  list-style: none;
  margin: 1em 0;
  padding: 0;
}

.related-links li {
  margin-bottom: 0.25em;
  font-size: 1.1em;
}

.related-links li ul {
  margin-left: 40px;
  list-style-type: disc;
}

.related-links li li {
  margin-bottom: 0.1em;
  font-size: 1em;
}

/* end Main Body */
.hero-wrap {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  max-height: 70vh;
  overflow: hidden;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (min-width: 1102px) {
  .hero-wrap {
    background-attachment: fixed;
  }
}

.contact-image {
  background: url("https://cdn.bmgfiles.com/csan/img/hero/CSAN_Hero-Contact_900-min.png") 100% top no-repeat;
  background-size: cover;
}
@media screen and (min-width: 800px) {
  .contact-image {
    background: url("https://cdn.bmgfiles.com/csan/img/hero/CSAN_Hero-Contact_3000-min.png") 100% top no-repeat;
    background-size: 100%;
  }
}

.services-image {
  background: url("https://cdn.bmgfiles.com/csan/img/hero/CSAN_Hero-Services_900-min.png") 100% top no-repeat;
  background-size: cover;
}
@media screen and (min-width: 800px) {
  .services-image {
    background: url("https://cdn.bmgfiles.com/csan/img/hero/CSAN_Hero-Services_3000-min.png") 100% top no-repeat;
    background-size: 100%;
  }
}

.affiliate-image {
  background: url("https://cdn.bmgfiles.com/csan/img/hero/CSAN_Hero-Enroll_900-min.png") 100% top no-repeat;
  background-size: cover;
}
@media screen and (min-width: 800px) {
  .affiliate-image {
    background: url("https://cdn.bmgfiles.com/csan/img/hero/CSAN_Hero-Enroll_3000-min.png") 100% top no-repeat;
    background-size: 100%;
    background-position: 100%;
  }
}

.hero-wrap {
  height: 208px;
}
@media (min-width: 320px) {
  .hero-wrap {
    height: calc(85px + 38.4375vw);
  }
}
@media (min-width: 1600px) {
  .hero-wrap {
    height: 700px;
  }
}

.hero-wrap .overlay {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(0, 103, 172, 0.75) 40%, rgba(215, 223, 35, 0.6) 85%, rgba(215, 223, 35, 0.65) 100%);
  opacity: 0.6;
}

/*.top-pixel-img {
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 19%, white 100%), url(https://cdn.bmgfiles.com/csan/img/pixel.png);
	background-size: auto 500px;
	background-repeat: repeat-x;
}*/
.hero-wrap div + div {
  z-index: 1;
}

.headline h1 {
  margin: 3rem 0.825rem 0;
  font-size: 32px;
  text-transform: uppercase;
  color: #FFF;
  text-shadow: 1px 3px 8px rgba(0, 0, 0, 0.4);
}
@media (min-width: 320px) {
  .headline h1 {
    font-size: calc(-5.4545454545px + 11.7045454545vw);
  }
}
@media (min-width: 1200px) {
  .headline h1 {
    font-size: 135px;
  }
}
@media screen and (min-width: 800px) {
  .headline h1 {
    margin: 3rem 0.825rem 0;
  }
}

/* Aside */
.aside-mod,
.OfficeMad,
.OfficeYank {
  float: left;
}

.aside-inner {
  padding: 0.5em 0.75em;
  border-top: 1px solid #e0e0e0;
}

.aside-inner > * {
  margin: 0.75em 0;
}

.aside-inner h5 {
  font-weight: 400;
}

.main .aside-mod ul li:before {
  content: none;
}

.aside-mod {
  width: 100%;
  margin: 0 0 2em;
  padding: 1px 0.5em;
  background-color: #FFF;
}
@media screen and (min-width: 480px) {
  .aside-mod {
    width: 100%;
    margin: 0 0 2em;
  }
}
@media screen and (min-width: 600px) {
  .aside-mod {
    float: none;
    width: auto;
    height: auto;
    margin: 0 0 2em;
    overflow: auto;
  }
}

.aside-mod h4 + p {
  margin-top: 0;
}

.OfficeMad,
.OfficeYank {
  width: 100%;
}
@media screen and (min-width: 480px) {
  .OfficeMad,
  .OfficeYank {
    width: 47%;
    margin: 0 3% 0 0;
  }
}
@media screen and (min-width: 600px) {
  .OfficeMad,
  .OfficeYank {
    float: none;
    width: auto;
    margin: 0;
  }
}

@media screen and (min-width: 480px) {
  .OfficeYank {
    width: 50%;
    margin-right: 0;
  }
}

@media screen and (min-width: 600px) {
  .aside {
    margin: 3.333em 0 0;
    padding: 0;
    font-size: 0.95em;
  }
}
@media screen and (min-width: 916px) {
  .aside {
    width: 18.75em;
    min-width: 14rem;
    flex: 0 1 auto;
  }
}

.aside a:link {
  color: #333;
  font-weight: bold;
}

.aside a:visited {
  color: #333;
}

.aside a:hover,
.aside a:focus,
.aside a:active {
  color: #3773a7;
}

.aside table {
  margin-top: 0;
}

#aside-corp h4 {
  margin-bottom: 0;
  color: #907218;
}

#aside-links ul {
  float: left;
  margin: 0 1em 1em 0;
  padding: 0;
  list-style: none;
}
@media screen and (min-width: 800px) {
  #aside-links ul {
    width: 38%;
    margin: 0 2% 1em 0;
  }
}

/* Misc */
.ShadowBoxHead {
  font-size: 1.15em;
}

#aside-icon-legend ul {
  padding: 0 0.75em;
}

#aside-links li {
  margin-bottom: 0.75em;
  line-height: 1;
}

#aside-links ul.external-links {
  margin-right: 0;
}
@media screen and (min-width: 800px) {
  #aside-links ul.external-links {
    width: 60%;
  }
}

#aside-social {
  clear: right;
  margin: 1em 0;
  padding-left: 12px;
}

#aside-social strong {
  margin-bottom: 0.5em;
}

#aside-social svg {
  width: 30px;
  height: 30px;
  margin-right: 0.25em;
  transition: 0.5s ease-in-out;
}

#aside-social a:hover {
  text-decoration: none;
}

#aside-social a:hover svg {
  transform: scale(1.2);
  fill: #1565c0;
}

#aside-members ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#aside-members li {
  float: left;
}

#aside-members li a {
  display: block;
  height: 76px;
  font-size: 1px;
  text-indent: -9999px;
  overflow: hidden;
}

.member-mcc a {
  width: 97px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGEAAABMCAYAAAB9NNlLAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjIyNUI0Rjk4ODRBMTFERjlGQzg5RDE5RThGMUQzNzQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjIyNUI0RkE4ODRBMTFERjlGQzg5RDE5RThGMUQzNzQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MjI1QjRGNzg4NEExMURGOUZDODlEMTlFOEYxRDM3NCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2MjI1QjRGODg4NEExMURGOUZDODlEMTlFOEYxRDM3NCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PluM5cUAAAnWSURBVHja7F1piFtV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") 0 50% no-repeat;
}

/* end Aside */
.footer-wrap {
  height: auto;
  padding: 2rem 0.825rem;
  background-color: #bdbdbd;
}

.footer-logo {
  display: flex;
  align-items: center;
  flex-flow: row nowrap;
  justify-content: center;
  padding: 0;
}

.footer-logo svg {
  margin: 0 1rem;
  width: 125px;
}
@media screen and (min-width: 800px) {
  .footer-logo svg {
    width: 160px;
    height: 50px;
    margin: 0 0.5rem;
  }
}

.footer-copy {
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin-top: 1em;
  color: #FFF;
  text-align: center;
  line-height: 1;
}

.footer-copy a[href] {
  padding: 1px 4px;
  color: #FFF;
  outline: none;
}

.footer-copy a:hover {
  color: #0d47a1;
}

.footer-social {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  margin-top: 2em;
  text-align: center;
}

.footer-social a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  margin: 0 0.25em;
  border-radius: 0.25em;
  color: #FFF;
  font-size: 2.3em;
  transition: all ease-out 0.5s;
}

.footer-social a svg {
  fill: #FFF;
  transition: 0.5s ease-in-out;
}
@media screen and (min-width: 800px) {
  .footer-social a svg {
    width: 35px;
    height: 35px;
  }
}

.footer-social a:hover {
  background: #FFF;
}

.linkedin:hover svg {
  fill: #0077B5;
}

.facebook:hover svg {
  fill: #3b5998;
}

.twitter:hover svg {
  fill: #00aced;
}

.google:hover svg {
  fill: #d34836;
}

.icon-csan {
  fill: #FFF;
}

.bmg-logo {
  fill: #FFF;
}

/* Miscellaneous */
/* Clean Layout */
.clean {
  max-width: 100%;
  margin: 1em;
  background: #fff;
  font-size: 1rem;
}

.print-link {
  text-align: right;
}

/* end Clean Layout */
/* Rounded Corners */
.td-rounded-first,
.td-rounded {
  padding-left: 12px !important;
  border-top-left-radius: 0.25em;
  border-bottom-left-radius: 0.25em;
}

.td-rounded-last,
.td-rounded {
  padding-right: 12px !important;
  border-top-right-radius: 0.25em;
  border-bottom-right-radius: 0.25em;
}

/* end Rounded Corners */
/* sub navigation */
.content-padding .sub-nav {
  position: absolute;
  top: 85px;
  left: 0;
  right: 0;
  margin-bottom: 0;
}
@media screen and (min-width: 800px) {
  .content-padding .sub-nav {
    top: 8em;
  }
}

.sub-nav {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100px;
  background-color: #f5f5f5;
}
@media screen and (min-width: 800px) {
  .sub-nav {
    padding-top: 2em;
  }
}
@media screen and (min-width: 700px) {
  .sub-nav {
    padding-top: 0;
  }
}
@media screen and (max-width: 699px) {
  .sub-nav {
    overflow-x: scroll;
  }
}

.sub-nav-inner {
  display: flex;
  margin: 0 auto;
  padding: 0 0.825em;
}
@media screen and (min-width: 700px) {
  .sub-nav-inner {
    width: 85em;
  }
}

.sub-nav-inner > * {
  margin-right: 0.5em;
}

.sub-nav a {
  display: flex;
  align-items: center;
  padding: 0.925em 1.25em;
  color: #9e9e9e;
  border-radius: 0.25em;
  flex: 0 0 auto;
  font-size: 0.875em;
  font-weight: bold;
}

.sub-nav a.current {
  padding: 0.75em 1.25em;
  color: #FFF;
  border: 1px solid #9e9e9e;
  background-color: #9e9e9e;
}

.sub-nav a.current:hover {
  background-color: #9e9e9e;
  border: 1px solid #9e9e9e;
  cursor: text;
}

.sub-nav a:hover,
.sub-nav a:focus {
  background-color: #FFF;
  border-color: #e0e0e0;
  text-decoration: none;
}

.current {
  display: flex;
  align-items: center;
  padding: 0.75em 1.25em;
  color: #FFF;
  border: 1px solid #9e9e9e;
  background-color: #9e9e9e;
  border-radius: 0.25em;
  font-size: 0.875em;
  font-weight: bold;
}

.sub-nav .btn-emailer,
.sub-nav .btn-emailer:link,
.sub-nav .btn-emailer:visited {
  margin-right: 0;
  margin-left: auto;
  border: 1px solid #0d47a1;
}

.sub-nav .btn-emailer:hover {
  background-color: #FFF;
  border: 1px solid #0d47a1;
  color: #0d47a1;
}

/* default btn */
.button-wrap {
  margin: 2em 0;
}

.button,
.button:link,
.button:visited {
  border-radius: 0.25em;
  border: none;
  color: #FFF;
  background-color: #1565c0;
  font-weight: 600;
  text-decoration: none;
}

.button:hover {
  background-color: #0d47a1;
  border-color: #0d47a1;
}

td .button:hover {
  background-color: #FFB300;
  border-color: #FFB300;
}

/* Misc */
.site-map > ul {
  margin: 0;
}

.hide {
  display: none;
}

.txtHide {
  font-size: 1px;
  overflow: hidden;
  text-indent: -99999px;
}

.attn,
.attn strong,
.toomuch {
  color: #d00;
  font-size: 0.9em;
  font-weight: bold;
}

.attn-block {
  margin: 2em 0;
  padding: 1px 1em;
  border: solid 2px #d00;
  border-radius: 0.25em;
  color: #616161;
  font-size: 1.25em;
  font-weight: 400;
}

.attn-block a {
  color: #616161;
  font-weight: bold;
  text-decoration: underline;
}

.borf,
.bogf {
  font-size: 2em;
  font-weight: bold;
  color: rgb(246.5, 0, 0);
}

.bogf {
  color: #090;
}

.group:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.group {
  min-height: 0;
}

.group small em {
  font-size: 0.725em;
  font-weight: bold;
}

.help {
  cursor: help;
}
.help img {
  vertical-align: middle;
}

.center {
  text-align: center;
}

.buttons {
  clear: both;
}

.dateline {
  margin: 0;
  font-size: 0.9em;
  font-weight: normal;
}

.event-item,
.news-item,
.msg {
  margin-bottom: 2em;
}

.press-release.content-inner h3 {
  margin-top: 0;
}

.trms1 {
  margin-bottom: 2em;
  padding-bottom: 1em;
  border-bottom: solid 1px #777;
}

.trms2 {
  padding: 2px 5px;
  background-color: #f5f5f5;
  border: 1px solid #777;
  width: 98%;
  height: 16em;
  overflow: auto;
}

#main-content .trms1 .trms2 p {
  margin: 1em 0;
}
#main-content .trms1 .trms2 ul {
  margin: 0 0 1em 40px;
}
#main-content .trms1 .trms2 li {
  list-style: disc;
  margin: 5px 0;
}
#main-content .trms1 .trms2 li > ul li {
  list-style: circle;
}

.trms1 dl {
  margin: 1em 0;
}

.trms1 dt {
  font-weight: bold;
}

.inlImg {
  margin-right: 0.25em;
}

.news-item h2,
.event-item h2 {
  color: #907218;
}

.event-item h3 {
  color: #444;
}

#breadcrumb {
  margin: 0.5em 0;
}

.headrow {
  font-weight: bold;
  color: #3773a7;
}

.headrow th,
.headrow td,
.itemrow td,
.altitemrow td {
  padding: 10px 5px;
  color: #212121;
  white-space: normal;
}

.headrow td td,
.itemrow td td,
.altitemrow td td {
  padding: 2px 5px;
}

.itemrow td {
  background-color: #f5f5f5;
}

.navrow a {
  padding-right: 6px;
  font-size: 1.1em;
  line-height: 2;
}

.prev-next a,
.prev-next span {
  margin-top: 3em;
}

.prev-next a {
  display: inline-block;
  width: 8em;
  margin-left: 1em;
  padding: 0.5em 1.25em;
  border: 1px solid #9e9e9e;
  background-color: #9e9e9e;
  border-radius: 0.25em;
  color: #FFF;
  text-decoration: none;
}

/*.prev-next a:after {
	content: "";
	display: block;
	float: right;
	width: 1.15em;
	height: 1.15em;
	margin-right: .25em;
	margin-left: -1.25em;
	background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20id%3D%22icon-caret-right%22%20viewBox%3D%220%200%209%2028%22%20width%3D%2225%22%20height%3D%2225%22%20fill%3D%22%23FFF%22%3E%0A%09%3Cpath%20d%3D%22M9%2014c0%200.266-0.109%200.516-0.297%200.703l-7%207c-0.187%200.187-0.438%200.297-0.703%200.297-0.547%200-1-0.453-1-1v-14c0-0.547%200.453-1%201-1%200.266%200%200.516%200.109%200.703%200.297l7%207c0.187%200.187%200.297%200.438%200.297%200.703z%22%3E%3C/path%3E%0A%3C/svg%3E);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.prev-next span:before {
	content: "";
	display: block;
	float: left;
	width: 1.15em;
	height: 1.15em;
	background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20id%3D%22icon-caret-left%22%20viewBox%3D%220%200%2011%2028%22%20width%3D%2225%22%20height%3D%2225%22%20fill%3D%22%23FFF%22%3E%0A%09%3Cpath%20d%3D%22M10%207v14c0%200.547-0.453%201-1%201-0.266%200-0.516-0.109-0.703-0.297l-7-7c-0.187-0.187-0.297-0.438-0.297-0.703s0.109-0.516%200.297-0.703l7-7c0.187-0.187%200.438-0.297%200.703-0.297%200.547%200%201%200.453%201%201z%22%3E%3C/path%3E%0A%3C/svg%3E);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}*/
.prev-next a:hover {
  background-color: #616161;
  color: #FFF;
  text-decoration: none;
}

.prev-next span {
  display: inline-block;
  width: 8em;
  margin-right: 1em;
  padding: 0.5em 1.25em;
  border: 1px solid #9e9e9e;
  background-color: #9e9e9e;
  border-radius: 0.25em;
  color: #FFF;
}

.msg {
  margin: 2em 0;
  margin-left: 1.5em;
  position: relative;
  padding-bottom: 1em;
}
@media screen and (min-width: 800px) {
  .msg {
    margin-left: 0;
  }
}

.msg img {
  position: absolute;
  top: 0;
  left: -2em;
}

.msg .headline {
  margin: 0;
  font-size: 1.2em;
}

.msg .dateline {
  margin: 0.1em 0;
  font-size: 0.8em;
  font-style: italic;
}

.highlight td,
tr:has(.default-camp) td {
  background-color: yellow !important;
  background-color: rgba(255, 255, 0, 0.4) !important;
}

.footnote {
  font-size: xx-small;
  font-weight: normal;
  position: relative;
  bottom: 0.5em;
}

.ShadowBox1 {
  border: 1px solid #e0e0e0;
  border-radius: 0.25em;
}

.ShadowBoxHead {
  width: 100%;
  margin: 0;
  padding: 0.75em 0.65em;
  border-radius: 0.25em 0.25em 0 0;
  color: #212121;
  letter-spacing: -1px;
}

.ShadowBox1 ul a {
  color: #424242;
}

.scrollToTop {
  position: fixed;
  z-index: 3;
  bottom: 1rem;
  right: 1rem;
  display: none;
  transition: 0.5s;
}

.scrollToTop a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 44px;
  margin: 0;
  padding-bottom: 0.3em;
  background-color: #e0e0e0;
  border-radius: 4px;
  color: #fff;
  font-size: 1.3125rem;
  line-height: 1;
  text-decoration: none;
}
.scrollToTop a:hover {
  background-color: #1565c0;
}

.scrollToTop a svg {
  margin-top: 0.25rem;
  fill: #1565c0;
}

.scrollToTop a:hover svg {
  fill: #FFF;
}

.horizontal-border {
  margin-top: 1em;
  padding-top: 1em;
  border-top: 1px solid #e0e0e0;
}

/* end Misc */
@-ms-viewport {
  width: device-width;
}