.wrapper {
  padding: 6em 0 4em 0;
  position: relative;
}

.wrapper .inner {
  margin: 0 auto;
  width: 80em;
  position: relative;
  z-index: 99;
}

.wrapper .form {
  margin: 0 auto;
  width: 80em;
  position: relative;
  z-index: 99;
}

.wrapper header {
  margin-bottom: 4em;
}

.wrapper h1 {
  font-family: 'Crimson Pro', serif;
}

@media screen and (max-width: 736px) {

  .wrapper header {
    margin-bottom: 2em;
  }

  .wrapper > .form {
    width: 425px;
  }

}

.wrapper.style1 {
  background-color: #ffffff;
  color: #000;
}

.wrapper.style1 input, .wrapper.style1 select, .wrapper.style1 textarea {
  color: #000;
}

.wrapper.style1 a {
  color: #000;
}

.wrapper.style1 a:hover {
  color: rgba(0, 0, 0, 0.5);
}

.wrapper.style1 strong, .wrapper.style1 b {
  color: #000;
}

.wrapper.style1 h1, .wrapper.style1 h2, .wrapper.style1 h3, .wrapper.style1 h4, .wrapper.style1 h5, .wrapper.style1 h6 {
  color: #000;
  font-family: 'Crimson Pro', serif;
  font-size: 20pt;
  letter-spacing: 1px;
}

.wrapper.style1 blockquote {
  border-left-color: rgba(0, 0, 0, 0.15);
}

.wrapper.style1 code {
  background: rgba(0, 0, 0, 0.075);
  border-color: rgba(0, 0, 0, 0.15);
}

.wrapper.style1 hr {
  border-bottom-color: rgba(0, 0, 0, 0.15);
}

.wrapper.style1 .box {
  border-color: rgba(0, 0, 0, 0.15);
  background-color: rgba(255,255,255,1);
}

.wrapper.style1 input[type="submit"],
.wrapper.style1 input[type="reset"],
.wrapper.style1 input[type="button"],
.wrapper.style1 button,
.wrapper.style1 .button {
  background-color: #000;
  color: #fff !important;
}

.wrapper.style1 input[type="submit"]:hover,
.wrapper.style1 input[type="reset"]:hover,
.wrapper.style1 input[type="button"]:hover,
.wrapper.style1 button:hover,
.wrapper.style1 .button:hover {
  background-color: #FBB03B;
}

.wrapper.style1 input[type="submit"]:active,
.wrapper.style1 input[type="reset"]:active,
.wrapper.style1 input[type="button"]:active,
.wrapper.style1 button:active,
.wrapper.style1 .button:active {
  background-color: #258cd1;
}

.wrapper.style1 input[type="submit"].alt,
.wrapper.style1 input[type="reset"].alt,
.wrapper.style1 input[type="button"].alt,
.wrapper.style1 button.alt,
.wrapper.style1 .button.alt {
  background-color: transparent;
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.15);
  color: #000 !important;
}

.wrapper.style1 input[type="submit"].alt:hover,
.wrapper.style1 input[type="reset"].alt:hover,
.wrapper.style1 input[type="button"].alt:hover,
.wrapper.style1 button.alt:hover,
.wrapper.style1 .button.alt:hover {
  background-color: rgba(0, 0, 0, 0.075);
}

.wrapper.style1 input[type="submit"].alt:active,
.wrapper.style1 input[type="reset"].alt:active,
.wrapper.style1 input[type="button"].alt:active,
.wrapper.style1 button.alt:active,
.wrapper.style1 .button.alt:active {
  background-color: rgba(0, 0, 0, 0.2);
}

.wrapper.style1 input[type="submit"].alt.icon:before,
.wrapper.style1 input[type="reset"].alt.icon:before,
.wrapper.style1 input[type="button"].alt.icon:before,
.wrapper.style1 button.alt.icon:before,
.wrapper.style1 .button.alt.icon:before {
  color: #bfbfbf;
}

.wrapper.style1 input[type="submit"].special,
.wrapper.style1 input[type="reset"].special,
.wrapper.style1 input[type="button"].special,
.wrapper.style1 button.special,
.wrapper.style1 .button.special {
  background-color: #000;
  color: #fafafa !important;
}

.wrapper.style1 label {
  color: #000;
}

.wrapper.style1 input[type="text"],
.wrapper.style1 input[type="password"],
.wrapper.style1 input[type="email"],
.wrapper.style1 select,
.wrapper.style1 textarea {
  background: rgba(0, 0, 0, 0.075);
  border-color: rgba(0, 0, 0, 0.15);
}

.wrapper.style1 input[type="text"]:focus,
.wrapper.style1 input[type="password"]:focus,
.wrapper.style1 input[type="email"]:focus,
.wrapper.style1 select:focus,
.wrapper.style1 textarea:focus {
  border-color: #000;
  box-shadow: 0 0 0 1px #000;
}

.wrapper.style1 .select-wrapper:before {
  color: rgba(0, 0, 0, 0.15);
}

.wrapper.style1 input[type="checkbox"] + label,
.wrapper.style1 input[type="radio"] + label {
  color: #999999;
}

.wrapper.style1 input[type="checkbox"] + label:before,
.wrapper.style1 input[type="radio"] + label:before {
  background: rgba(0, 0, 0, 0.075);
  border-color: rgba(0, 0, 0, 0.15);
}

.wrapper.style1 input[type="checkbox"]:checked + label:before,
.wrapper.style1 input[type="radio"]:checked + label:before {
  background-color: #000;
  border-color: #000;
  color: #fafafa;
}

.wrapper.style1 input[type="checkbox"]:focus + label:before,
.wrapper.style1 input[type="radio"]:focus + label:before {
  border-color: #000;
  box-shadow: 0 0 0 1px #000;
}

.wrapper.style1 ::-webkit-input-placeholder {
  color: #bfbfbf !important;
}

.wrapper.style1 :-moz-placeholder {
  color: #bfbfbf !important;
}

.wrapper.style1 ::-moz-placeholder {
  color: #bfbfbf !important;
}

.wrapper.style1 :-ms-input-placeholder {
  color: #bfbfbf !important;
}

.wrapper.style1 .formerize-placeholder {
  color: #bfbfbf !important;
}

.wrapper.style1 ul.alt li {
  border-top-color: rgba(0, 0, 0, 0.15);
}

.wrapper.style1 header p {
  color: #bfbfbf;
}

.wrapper.style1 p {
  font-size: 14pt;
}

.wrapper.style1 table tbody tr {
  border-color: rgba(0, 0, 0, 1);
}

.wrapper.style1 table tbody tr:nth-child(2n + 1) {
  background-color: rgba(50, 50, 50, 0.075);
}

.wrapper.style1 table th {
  color: #000;
}

.wrapper.style1 table thead {
  border-bottom-color: rgba(0, 0, 0, 0.15);
}

.wrapper.style1 table tfoot {
  border-top-color: rgba(0, 0, 0, 0.15);
}

.wrapper.style1 table.alt tbody tr td {
  border-color: rgba(0, 0, 0, 0.15);
}

.wrapper.style1 .image .square{
  padding-left: 5em;
  padding-right: 5em;
}

.wrapper.style2 {
  background-color: #fff;
  // background: url("../photos/timeline.jpg");
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  color: #000;
}

.wrapper.style2 input, .wrapper.style2 select, .wrapper.style2 textarea {
  color: #000;
}

.wrapper.style2 a {
  color: #4d4d4d;
}

.wrapper.style2 a:hover {
  color: #e3d5c6;
}

.wrapper.style2 strong, .wrapper.style2 b {
  color: #000;
}

.wrapper.style2 h1 {
  color: #000;
  font-size: 23pt;
}

.wrapper.style2 h2, .wrapper.style2 h3, .wrapper.style2 h4, .wrapper.style2 h5, .wrapper.style2 h6 {
  color: #000;
  font-family: 'Crimson Pro', serif;
  font-size: 17pt;
  letter-spacing: 1px;
}

.wrapper.style2 blockquote {
  border-left-color: rgba(255, 255, 255, 0.25);
}

.wrapper.style2 code {
  background: rgba(255, 255, 255, 0.075);
  border-color: rgba(255, 255, 255, 0.25);
}

.wrapper.style2 hr {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}

.wrapper.style2 .box {
  border-color: rgba(255, 255, 255, 0.8);
  background-color: #fafafa;
}

.wrapper.style2 input[type="submit"],
.wrapper.style2 input[type="reset"],
.wrapper.style2 input[type="button"],
.wrapper.style2 button,
.wrapper.style2 .button {
  background-color: #000;
  color: #fff !important;
}

.wrapper.style2 input[type="submit"]:hover,
.wrapper.style2 input[type="reset"]:hover,
.wrapper.style2 input[type="button"]:hover,
.wrapper.style2 button:hover,
.wrapper.style2 .button:hover {
  background-color: #FBB03B;
}

.wrapper.style2 input[type="submit"].alt,
.wrapper.style2 input[type="reset"].alt,
.wrapper.style2 input[type="button"].alt,
.wrapper.style2 button.alt,
.wrapper.style2 .button.alt {
  background-color: transparent;
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.25);
  color: #000 !important;
}

.wrapper.style2 input[type="submit"].alt:hover,
.wrapper.style2 input[type="reset"].alt:hover,
.wrapper.style2 input[type="button"].alt:hover,
.wrapper.style2 button.alt:hover,
.wrapper.style2 .button.alt:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

.wrapper.style2 input[type="submit"].alt:active,
.wrapper.style2 input[type="reset"].alt:active,
.wrapper.style2 input[type="button"].alt:active,
.wrapper.style2 button.alt:active,
.wrapper.style2 .button.alt:active {
  background-color: rgba(255, 255, 255, 0.2);
}

.wrapper.style2 input[type="submit"].alt.icon:before,
.wrapper.style2 input[type="reset"].alt.icon:before,
.wrapper.style2 input[type="button"].alt.icon:before,
.wrapper.style2 button.alt.icon:before,
.wrapper.style2 .button.alt.icon:before {
  color: #000;
}

.wrapper.style2 input[type="submit"].special,
.wrapper.style2 input[type="reset"].special,
.wrapper.style2 input[type="button"].special,
.wrapper.style2 button.special,
.wrapper.style2 .button.special {
  background-color: black;
  color: #fff !important;
}

.wrapper.style2 input[type="submit"].special:hover,
.wrapper.style2 input[type="reset"].special:hover,
.wrapper.style2 input[type="button"].special:hover,
.wrapper.style2 button.special:hover,
.wrapper.style2 .button.special:hover {
  background-color: #4D4E4F;
}

.wrapper.style2 input[type="submit"].special:active,
.wrapper.style2 input[type="reset"].special:active,
.wrapper.style2 input[type="button"].special:active,
.wrapper.style2 button.special:active,
.wrapper.style2 .button.special:active {
  background-color: black;
}

.wrapper.style2 label {
  color: #fff;
}

.wrapper.style2 input[type="text"],
.wrapper.style2 input[type="password"],
.wrapper.style2 input[type="email"],
.wrapper.style2 select,
.wrapper.style2 textarea {
  background: rgba(0, 0, 0, 0.03);
  border-color: rgba(0, 0, 0, 0.25);
}

.wrapper.style2 input[type="text"]:focus,
.wrapper.style2 input[type="password"]:focus,
.wrapper.style2 input[type="email"]:focus,
.wrapper.style2 select:focus,
.wrapper.style2 textarea:focus {
  border-color: #000;
  box-shadow: 0 0 0 1px #000;
}

.wrapper.style2 .select-wrapper:before {
  color: rgba(255, 255, 255, 0.25);
}

.wrapper.style2 input[type="checkbox"] + label,
.wrapper.style2 input[type="radio"] + label {
  color: #000;
}

.wrapper.style2 input[type="checkbox"] + label:before,
.wrapper.style2 input[type="radio"] + label:before {
  background: rgba(255, 255, 255, 0.075);
  border-color: rgba(0, 0, 0, 0.25);
}

.wrapper.style2 input[type="checkbox"]:checked + label:before,
.wrapper.style2 input[type="radio"]:checked + label:before {
  background-color: #000;
  border-color: #000;
  color: #fff;
}

.wrapper.style2 input[type="checkbox"]:focus + label:before,
.wrapper.style2 input[type="radio"]:focus + label:before {
  border-color: #000;
  box-shadow: 0 0 0 1px #fafafa;
}

.wrapper.style2 ::-webkit-input-placeholder {
  color: #bfbfbf !important;
}

.wrapper.style2 :-moz-placeholder {
  color: #bfbfbf !important;
}

.wrapper.style2 ::-moz-placeholder {
  color: #bfbfbf !important;
}

.wrapper.style2 :-ms-input-placeholder {
  color: #bfbfbf !important;
}

.wrapper.style2 .formerize-placeholder {
  color: #bfbfbf !important;
}

.wrapper.style2 ul.alt li {
  border-top-color: rgba(255, 255, 255, 0.25);
}

.wrapper.style2 header p {
  color: #000;
}

.wrapper.style2 p {
  font-size: 13pt;
  margin-bottom: 0px;
}

@media screen and (max-width: 768px) {

  .wrapper.style2 p {
    font-size: 10pt;
  }

}

.wrapper.style2 table tbody tr {
  border-color: rgba(0, 0, 0, 0.5);
}

.wrapper.style2 table tbody tr:nth-child(2n + 1) {
  background-color: rgba(150, 150, 150, 0.15);
}

.wrapper.style2 table th {
  color: #000;
}

.wrapper.style2 table thead {
  border-bottom-color: rgba(0, 0, 0, 0.5);
  font-size: 12pt;
}

.wrapper.style2 table tfoot {
  border-top-color: rgba(255, 255, 255, 0.25);
}

.wrapper.style2 table.alt tbody tr td {
  border-color: rgba(150, 150, 150, 0.5);
}

.wrapper.style2 .image {
  padding-left: 3em;
  padding-right: 3em;
  box-shadow: 0px 0px 0px 7px rgba(0,0,0,0), 0px 0px 0px 8px rgba(0,0,0,0);
}

@media screen and (max-width: 1280px) {

  .wrapper > .inner {
    width: 60em;
  }

}

@media screen and (max-width: 980px) {

  .wrapper > .inner {
    width: 90%;
  }

}

@media screen and (max-width: 736px) {

  .wrapper {
    padding: 3em 0 1em 0;
  }

  .wrapper.style1 .image {
    padding: 0;
  }

  .wrapper.style2 .image {
    padding: 0;
  }

  .wrapper.style2 {
    background-size: absolute;
    background-repeat: repeat-y;
  }

  .wrapper.style2 h1 {
    font-size: 20pt;
  }

}

.wrapper.style3 { /* for registration */
  background-color: #d8d8d8;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  color: #000;
}

@media screen and (max-width: 480px) {

  .wrapper.style3 {
    background: none;
    background-color: #d8d8d8;
  }

}

.wrapper.style3 input, .wrapper.style3 select, .wrapper.style3 textarea {
  color: #000;
}

.wrapper.style3 a {
  color: #4d4d4d;
}

.wrapper.style3 a:hover {
  color: #e3d5c6;
}

.wrapper.style3 strong, .wrapper.style3 b {
  color: #000;
}

.wrapper.style3 h1 {
  font-family: 'Crimson Pro', serif;
  color: #000;
}

.wrapper.style3 h2, .wrapper.style3 h3, .wrapper.style3 h4, .wrapper.style3 h5 {
  color: #000;
  font-family: 'Crimson Pro', serif;
  font-size: 17pt;
}

.wrapper.style3 h6 {
  font-weight: normal;
  font-size: 12pt;
  font-family: 'Montserrat', sans-serif;
}

.wrapper.style3 header p {
  color: #000;
}

.wrapper.style3 p {
  font-size: 12pt;
}

.wrapper.style3 ul.alt li {
  border-top-color: rgba(255, 255, 255, 0.25);
}

@media screen and (max-width: 736px) {

  .wrapper.style3 h1 {
    font-size: 24pt;
  }

  .wrapper.style3 h2, .wrapper.style3 h3, .wrapper.style3 h4, .wrapper.style3 h5 {
    font-size: 12pt;
  }

  .wrapper.style3 h6 {
    font-size: 10pt;
  }

  .wrapper.style3 p, .wrapper.style3 li, .wrapper.style3 ol {
    font-size: 10pt;
    margin-left: -12px;
    margin-right: -5px;
  }

}

.wrapper.style3 blockquote {
  border-left-color: rgba(255, 255, 255, 0.25);
}

.wrapper.style3 code {
  background: rgba(255, 255, 255, 0.075);
  border-color: rgba(255, 255, 255, 0.25);
}

.wrapper.style3 hr {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}

.wrapper.style3 .box {
  padding: 5em;
  border-color: rgba(255, 255, 255, 0.8);
  background-color: #fafafa;
}

.wrapper.style3 input[type="submit"],
.wrapper.style3 input[type="reset"],
.wrapper.style3 input[type="button"],
.wrapper.style3 button,
.wrapper.style3 .button {
  background-color: #e3d5c6;
  color: #4d4d4d !important;
}

.wrapper.style3 input[type="submit"]:hover,
.wrapper.style3 input[type="reset"]:hover,
.wrapper.style3 input[type="button"]:hover,
.wrapper.style3 button:hover,
.wrapper.style3 .button:hover {
  background-color: #4d4d4d;
  color: #e3d5c6 !important;
}

.wrapper.style3 input[type="submit"].alt,
.wrapper.style3 input[type="reset"].alt,
.wrapper.style3 input[type="button"].alt,
.wrapper.style3 button.alt,
.wrapper.style3 .button.alt {
  background-color: transparent;
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.25);
  color: #000 !important;
}

.wrapper.style3 input[type="submit"].alt:hover,
.wrapper.style3 input[type="reset"].alt:hover,
.wrapper.style3 input[type="button"].alt:hover,
.wrapper.style3 button.alt:hover,
.wrapper.style3 .button.alt:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

.wrapper.style3 input[type="submit"].alt:active,
.wrapper.style3 input[type="reset"].alt:active,
.wrapper.style3 input[type="button"].alt:active,
.wrapper.style3 button.alt:active,
.wrapper.style3 .button.alt:active {
  background-color: rgba(255, 255, 255, 0.2);
}

.wrapper.style3 input[type="submit"].alt.icon:before,
.wrapper.style3 input[type="reset"].alt.icon:before,
.wrapper.style3 input[type="button"].alt.icon:before,
.wrapper.style3 button.alt.icon:before,
.wrapper.style3 .button.alt.icon:before {
  color: #000;
}

.wrapper.style3 input[type="submit"].special,
.wrapper.style3 input[type="reset"].special,
.wrapper.style3 input[type="button"].special,
.wrapper.style3 button.special,
.wrapper.style3 .button.special {
  background-color: black;
  color: #fff !important;
}

.wrapper.style3 input[type="submit"].special:hover,
.wrapper.style3 input[type="reset"].special:hover,
.wrapper.style3 input[type="button"].special:hover,
.wrapper.style3 button.special:hover,
.wrapper.style3 .button.special:hover {
  background-color: yellow;
}

.wrapper.style3 input[type="submit"].special:active,
.wrapper.style3 input[type="reset"].special:active,
.wrapper.style3 input[type="button"].special:active,
.wrapper.style3 button.special:active,
.wrapper.style3 .button.special:active {
  background-color: black;
}

.wrapper.style3 label {
  color: #fff;
}

.wrapper.style3 input[type="text"],
.wrapper.style3 input[type="password"],
.wrapper.style3 input[type="email"],
.wrapper.style3 select,
.wrapper.style3 textarea {
  background: rgba(0, 0, 0, 0.03);
  border-color: rgba(0, 0, 0, 0.25);
  font-size: 12pt;
}

.wrapper.style3 input[type="text"]:focus,
.wrapper.style3 input[type="password"]:focus,
.wrapper.style3 input[type="email"]:focus,
.wrapper.style3 select:focus,
.wrapper.style3 textarea:focus {
  border-color: #000;
  box-shadow: 0 0 0 1px #000;
  font-size: 12pt;
}

@media screen and (max-width: 736px) {

  .wrapper.style3 input[type="text"],
  .wrapper.style3 input[type="password"],
  .wrapper.style3 input[type="email"],
  .wrapper.style3 select,
  .wrapper.style3 textarea,
  .wrapper.style3 input[type="text"]:focus,
  .wrapper.style3 input[type="password"]:focus,
  .wrapper.style3 input[type="email"]:focus,
  .wrapper.style3 select:focus,
  .wrapper.style3 textarea:focus {
    font-size: 10pt;
  }

}

.wrapper.style3 .select-wrapper:before {
  color: rgba(255, 255, 255, 0.25);
}

.wrapper.style3 input[type="checkbox"] + label,
.wrapper.style3 input[type="radio"] + label {
  color: #000;
}

.wrapper.style3 input[type="checkbox"] + label:before,
.wrapper.style3 input[type="radio"] + label:before {
  background: rgba(255, 255, 255, 0.075);
  border-color: rgba(0, 0, 0, 0.25);
}

.wrapper.style3 input[type="checkbox"]:hover + label:before,
.wrapper.style3 input[type="radio"]:hover + label:before {
  background-color: #ddd;
}

.wrapper.style3 input[type="checkbox"]:checked + label:before,
.wrapper.style3 input[type="radio"]:checked + label:before {
  background-color: #000;
  border-color: #000;
  color: #fff;
}

.wrapper.style3 input[type="checkbox"]:focus + label:before,
.wrapper.style3 input[type="radio"]:focus + label:before {
  border-color: #000;
  box-shadow: 0 0 0 1px #fafafa;
}

@media screen and (max-width: 736px) {

  .wrapper.style3 input[type="checkbox"] + label:before,
  .wrapper.style3 input[type="radio"] + label:before,
  .wrapper.style3 input[type="checkbox"]:hover + label:before,
  .wrapper.style3 input[type="radio"]:hover + label:before,
  .wrapper.style3 input[type="checkbox"]:checked + label:before,
  .wrapper.style3 input[type="radio"]:checked + label:before,
  .wrapper.style3 input[type="checkbox"]:focus + label:before,
  .wrapper.style3 input[type="radio"]:focus + label:before {
    font-size: 12px;
    width: 20px;
    height: 20px;
    top: 5px;
    left: 5px;
  }

}

.wrapper.style3 ::-webkit-input-placeholder {
  color: #bfbfbf !important;
}

.wrapper.style3 :-moz-placeholder {
  color: #bfbfbf !important;
}

.wrapper.style3 ::-moz-placeholder {
  color: #bfbfbf !important;
}

.wrapper.style3 :-ms-input-placeholder {
  color: #bfbfbf !important;
}

.wrapper.style3 .formerize-placeholder {
  color: #bfbfbf !important;
}

.wrapper.style3 table tbody tr {
  border-color: #000;
  font-size: 0.9em;
}

.wrapper.style3 table tbody tr:nth-child(2n + 1) {
  background-color: #fff;
}

.wrapper.style3 table th {
  color: #000;
}

.wrapper.style3 table thead {
  border-bottom-color: rgba(0, 0, 0, 0.5);
  font-size: 12pt;
}

.wrapper.style3 table tfoot {
  border-top-color: rgba(255, 255, 255, 0.25);
}

.wrapper.style3 table.alt tbody tr td {
  border-color: rgba(150, 150, 150, 0.5);
}

.wrapper.style3 .image {
  padding-left: 3em;
  padding-right: 3em;
  box-shadow: 0px 0px 0px 7px rgba(0,0,0,0), 0px 0px 0px 8px rgba(0,0,0,0);
}

@media screen and (max-width: 1280px) {

  .wrapper > .inner {
    width: 60em;
  }

}

@media screen and (max-width: 980px) {

  .wrapper > .inner {
    width: 90%;
  }

  .wrapper .box {
    padding: 2em;
  }

}

@media screen and (max-width: 736px) {

  .wrapper {
    padding: 3em 0 1em 0;
  }

  .wrapper.style3 .box {
    padding: 1em;
  }

  .wrapper.style3 .image {
    padding: 0;
  }

}

.wrapper.style4 { /* for tnc and faq */
  background-color: #d8d8d8;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  color: #000;
}

.wrapper.style4 input, .wrapper.style4 select, .wrapper.style4 textarea {
  color: #000;
}

.wrapper.style4 a {
  color: #4d4d4d;
}

.wrapper.style4 a:hover {
  color: #e3d5c6;
}

.wrapper.style4 strong, .wrapper.style4 b {
  color: #000;
}

.wrapper.style4 h1 {
  font-family: 'Crimson Pro', serif;
  color: #000;
}

.wrapper.style4 h2, .wrapper.style4 h3, .wrapper.style4 h4, .wrapper.style4 h5 {
  color: #000;
  font-family: 'Crimson Pro', serif;
  font-size: 17pt;
}

.wrapper.style4 h6 {
  font-weight: normal;
  font-size: 12pt;
  font-family: 'Montserrat', sans-serif;
}

.wrapper.style4 header p {
  color: #000;
}

.wrapper.style4 p {
  font-size: 12pt;
}

.wrapper.style4 p, .wrapper.style4 ul, .wrapper.style4 ol {
  margin-bottom: 0px;
}

.wrapper.style4 ol {
  counter-reset: item;
}

.wrapper.style4 li {
  padding-left: 0.5em;
  font-size: 12pt;
  text-align: justify;
}

.wrapper.style4 ol > li {
  display: block;
  position: relative;
}

.wrapper.style4 ol > li:before {
  content: counters(item, ".") ".";
  counter-increment: item;
  position: absolute;
  margin-right: 100%;
  right: 6px;
}

.wrapper.style4 ul.inner {
  list-style-type: circle;
}

.wrapper.style4 br {
  content: "";
  display: block;
  margin: 12px 0;
}

@media screen and (max-width: 736px) {

  .wrapper.style4 h1 {
    font-size: 24pt;
  }

  .wrapper.style4 h2, .wrapper.style4 h3, .wrapper.style4 h4, .wrapper.style4 h5 {
    font-size: 12pt;
  }

  .wrapper.style4 h6 {
    font-size: 10pt;
  }

  .wrapper.style4 p, .wrapper.style4 li {
    font-size: 8pt;
    margin-left: 0px;
    margin-right: 0px;
  }

}

.wrapper.style4 blockquote {
  border-left-color: rgba(255, 255, 255, 0.25);
}

.wrapper.style4 code {
  background: rgba(255, 255, 255, 0.075);
  border-color: rgba(255, 255, 255, 0.25);
}

.wrapper.style4 hr {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}

.wrapper.style4 .box {
  padding: 5em;
  border-color: rgba(255, 255, 255, 0.8);
  background-color: #fafafa;
}

.wrapper.style4 input[type="submit"],
.wrapper.style4 input[type="reset"],
.wrapper.style4 input[type="button"],
.wrapper.style4 button,
.wrapper.style4 .button {
  background-color: #e3d5c6;
  color: #2d2d2d !important;
}

.wrapper.style4 input[type="submit"]:hover,
.wrapper.style4 input[type="reset"]:hover,
.wrapper.style4 input[type="button"]:hover,
.wrapper.style4 button:hover,
.wrapper.style4 .button:hover {
  background-color: #2d2d2d;
  color: #e3d5c6 !important;
}

.wrapper.style4 input[type="submit"].alt,
.wrapper.style4 input[type="reset"].alt,
.wrapper.style4 input[type="button"].alt,
.wrapper.style4 button.alt,
.wrapper.style4 .button.alt {
  background-color: transparent;
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.25);
  color: #000 !important;
}

.wrapper.style4 input[type="submit"].alt:hover,
.wrapper.style4 input[type="reset"].alt:hover,
.wrapper.style4 input[type="button"].alt:hover,
.wrapper.style4 button.alt:hover,
.wrapper.style4 .button.alt:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

.wrapper.style4 input[type="submit"].alt:active,
.wrapper.style4 input[type="reset"].alt:active,
.wrapper.style4 input[type="button"].alt:active,
.wrapper.style4 button.alt:active,
.wrapper.style4 .button.alt:active {
  background-color: rgba(255, 255, 255, 0.2);
}

.wrapper.style4 input[type="submit"].alt.icon:before,
.wrapper.style4 input[type="reset"].alt.icon:before,
.wrapper.style4 input[type="button"].alt.icon:before,
.wrapper.style4 button.alt.icon:before,
.wrapper.style4 .button.alt.icon:before {
  color: #000;
}

.wrapper.style4 input[type="submit"].special,
.wrapper.style4 input[type="reset"].special,
.wrapper.style4 input[type="button"].special,
.wrapper.style4 button.special,
.wrapper.style4 .button.special {
  background-color: black;
  color: #fff !important;
}

.wrapper.style4 input[type="submit"].special:hover,
.wrapper.style4 input[type="reset"].special:hover,
.wrapper.style4 input[type="button"].special:hover,
.wrapper.style4 button.special:hover,
.wrapper.style4 .button.special:hover {
  background-color: yellow;
}

.wrapper.style4 input[type="submit"].special:active,
.wrapper.style4 input[type="reset"].special:active,
.wrapper.style4 input[type="button"].special:active,
.wrapper.style4 button.special:active,
.wrapper.style4 .button.special:active {
  background-color: black;
}

.wrapper.style4 label {
  color: #fff;
}

.wrapper.style4 input[type="text"],
.wrapper.style4 input[type="password"],
.wrapper.style4 input[type="email"],
.wrapper.style4 select,
.wrapper.style4 textarea {
  background: rgba(0, 0, 0, 0.03);
  border-color: rgba(0, 0, 0, 0.25);
}

.wrapper.style4 input[type="text"]:focus,
.wrapper.style4 input[type="password"]:focus,
.wrapper.style4 input[type="email"]:focus,
.wrapper.style4 select:focus,
.wrapper.style4 textarea:focus {
  border-color: #000;
  box-shadow: 0 0 0 1px #000;
}

.wrapper.style4 .select-wrapper:before {
  color: rgba(255, 255, 255, 0.25);
}

.wrapper.style4 input[type="checkbox"] + label,
.wrapper.style4 input[type="radio"] + label {
  color: #000;
}

.wrapper.style4 input[type="checkbox"] + label:before,
.wrapper.style4 input[type="radio"] + label:before {
  background: rgba(255, 255, 255, 0.075);
  border-color: rgba(0, 0, 0, 0.25);
}

.wrapper.style4 input[type="checkbox"]:checked + label:before,
.wrapper.style4 input[type="radio"]:checked + label:before {
  background-color: #000;
  border-color: #000;
  color: #fff;
}

.wrapper.style4 input[type="checkbox"]:focus + label:before,
.wrapper.style4 input[type="radio"]:focus + label:before {
  border-color: #000;
  box-shadow: 0 0 0 1px #fafafa;
}

.wrapper.style4 ::-webkit-input-placeholder {
  color: #bfbfbf !important;
}

.wrapper.style4 :-moz-placeholder {
  color: #bfbfbf !important;
}

.wrapper.style4 ::-moz-placeholder {
  color: #bfbfbf !important;
}

.wrapper.style4 :-ms-input-placeholder {
  color: #bfbfbf !important;
}

.wrapper.style4 .formerize-placeholder {
  color: #bfbfbf !important;
}

.wrapper.style4 table tbody tr {
  border-color: rgba(0, 0, 0, 0.5);
}

.wrapper.style4 table tbody tr:nth-child(2n + 1) {
  background-color: rgba(150, 150, 150, 0.15);
}

.wrapper.style4 table th {
  color: #000;
}

.wrapper.style4 table thead {
  border-bottom-color: rgba(0, 0, 0, 0.5);
  font-size: 12pt;
}

.wrapper.style4 table tfoot {
  border-top-color: rgba(255, 255, 255, 0.25);
}

.wrapper.style4 table.alt tbody tr td {
  border-color: rgba(150, 150, 150, 0.5);
}

.wrapper.style4 .image {
  padding-left: 3em;
  padding-right: 3em;
  box-shadow: 0px 0px 0px 7px rgba(0,0,0,0), 0px 0px 0px 8px rgba(0,0,0,0);
}

@media screen and (max-width: 1280px) {

  .wrapper > .inner {
    width: 60em;
  }

}

@media screen and (max-width: 980px) {

  .wrapper > .inner {
    width: 90%;
  }

  .wrapper.style4 .box {
    padding: 2em;
  }

}

@media screen and (max-width: 736px) {

  .wrapper {
    padding: 3em 0 1em 0;
  }

  .wrapper.style1 .image {
    padding: 0;
  }

  .wrapper.style4 .image {
    padding: 0;
  }

  .wrapper.style4 .box {
    padding: 0;
  }

}

.wrapper.style5 { /* for about and beinspired sections */
  background-color: #fff;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  color: #000;
}

.wrapper.style5 input, .wrapper.style5 select, .wrapper.style5 textarea {
  color: #000;
}

.wrapper.style5 a {
  color: #4d4d4d;
}

.wrapper.style5 a:hover {
  color: #e3d5c6;
}

.wrapper.style5 strong, .wrapper.style5 b {
  color: #000;
}

.wrapper.style5 h1 {
  color: #000;
  font-size: 23pt;
}

.wrapper.style5 h2, .wrapper.style5 h3, .wrapper.style5 h4, .wrapper.style5 h5, .wrapper.style5 h6 {
  color: #000;
  font-family: 'Crimson Pro', serif;
  font-size: 17pt;
  letter-spacing: 1px;
}

.wrapper.style5 ul.alt li {
  border-top-color: rgba(255, 255, 255, 0.25);
}

.wrapper.style5 header p {
  color: #2d2d2d;
}

.wrapper.style5 p {
  color: #2d2d2d;
  font-size: 13pt;
}

@media screen and (max-width: 736px) {

  .wrapper.style5 h1 {
    font-size: 20pt;
  }

  .wrapper.style5 h2, .wrapper.style5 h3, .wrapper.style5 h4, .wrapper.style5 h5 {
    font-size: 12pt;
  }

  .wrapper.style5 h6, .wrapper.style5 a, .wrapper.style5 p, .wrapper.style5 li, .wrapper.style5 ol {
    font-size: 10pt;
  }

}

.wrapper.style5 blockquote {
  border-left-color: rgba(255, 255, 255, 0.25);
}

.wrapper.style5 code {
  background: rgba(255, 255, 255, 0.075);
  border-color: rgba(255, 255, 255, 0.25);
}

.wrapper.style5 hr {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}

.wrapper.style5 .box {
  border-color: rgba(255, 255, 255, 0.8);
  background-color: #4d4d4d;
}

.wrapper.style5 .select-wrapper:before {
  color: rgba(255, 255, 255, 0.25);
}
.wrapper.style5 ::-webkit-input-placeholder {
  color: #bfbfbf !important;
}

.wrapper.style5 :-moz-placeholder {
  color: #bfbfbf !important;
}

.wrapper.style5 ::-moz-placeholder {
  color: #bfbfbf !important;
}

.wrapper.style5 :-ms-input-placeholder {
  color: #bfbfbf !important;
}

.wrapper.style5 .formerize-placeholder {
  color: #bfbfbf !important;
}

.wrapper.style5 table tbody tr {
  border-color: rgba(0, 0, 0, 0.5);
}

.wrapper.style5 table tbody tr:nth-child(2n + 1) {
  background-color: rgba(150, 150, 150, 0.15);
}

.wrapper.style5 table th {
  color: #000;
}

.wrapper.style5 table thead {
  border-bottom-color: rgba(0, 0, 0, 0.5);
  font-size: 12pt;
}

.wrapper.style5 table tfoot {
  border-top-color: rgba(255, 255, 255, 0.25);
}

.wrapper.style5 table.alt tbody tr td {
  border-color: rgba(150, 150, 150, 0.5);
}

.wrapper.style5 .image {
  padding-left: 3em;
  padding-right: 3em;
  box-shadow: 0px 0px 0px 7px rgba(0,0,0,0), 0px 0px 0px 8px rgba(0,0,0,0);
}

@media screen and (max-width: 736px) {

  .wrapper.style5 .image {
    padding: 0;
  }

}

@media screen and (max-width: 480px) {

  .wrapper.style5 {
    background-color: #fff;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size:cover;
    background-size: cover;
  }

}

.wrapper.style6 { /* should be for prizes and sponsors */
  background-color: #fff;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  color: #000;
}

.wrapper.style6 input, .wrapper.style6 select, .wrapper.style6 textarea {
  color: #000;
}

.wrapper.style6 a {
  color: #4d4d4d;
}

.wrapper.style6 a:hover {
  color: #e3d5c6;
}

.wrapper.style6 strong, .wrapper.style6 b {
  color: #000;
}
.wrapper.style6 h1 {
  color: #000;
  font-size: 23pt;
}

.wrapper.style6 h2, .wrapper.style6 h3, .wrapper.style6 h4, .wrapper.style6 h5, .wrapper.style6 h6 {
  color: #000;
  font-family: 'Crimson Pro', serif;
  font-size: 17pt;
  letter-spacing: 1px;
}

.wrapper.style6 ul.alt li {
  border-top-color: rgba(255, 255, 255, 0.25);
}

.wrapper.style6 header p {
  color: #000;
}

.wrapper.style6 p {
  font-size: 13pt;
}

@media screen and (max-width: 736px) {

  .wrapper.style6 h1 {
    font-size: 20pt;
  }

  .wrapper.style6 h2, .wrapper.style6 h3, .wrapper.style6 h4, .wrapper.style6 h5 {
    font-size: 12pt;
  }

  .wrapper.style6 h6, .wrapper.style6 a, .wrapper.style6 p, .wrapper.style6 li, .wrapper.style6 ol {
    font-size: 10pt;
  }

}

.wrapper.style6 blockquote {
  border-left-color: rgba(255, 255, 255, 0.25);
}

.wrapper.style6 code {
  background: rgba(255, 255, 255, 0.075);
  border-color: rgba(255, 255, 255, 0.25);
}

.wrapper.style6 hr {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}

.wrapper.style6 .box {
  border-color: rgba(255, 255, 255, 0.8);
  background-color: #fafafa;
}

.wrapper.style6 .select-wrapper:before {
  color: rgba(255, 255, 255, 0.25);
}
.wrapper.style6 ::-webkit-input-placeholder {
  color: #bfbfbf !important;
}

.wrapper.style6 :-moz-placeholder {
  color: #bfbfbf !important;
}

.wrapper.style6 ::-moz-placeholder {
  color: #bfbfbf !important;
}

.wrapper.style6 :-ms-input-placeholder {
  color: #bfbfbf !important;
}

.wrapper.style6 .formerize-placeholder {
  color: #bfbfbf !important;
}

.wrapper.style6 table tbody tr {
  border-color: rgba(0, 0, 0, 0.5);
}

.wrapper.style6 table tbody tr:nth-child(2n + 1) {
  background-color: rgba(150, 150, 150, 0.15);
}

.wrapper.style6 table th {
  color: #000;
}

.wrapper.style6 table thead {
  border-bottom-color: rgba(0, 0, 0, 0.5);
  font-size: 12pt;
}

.wrapper.style6 table tfoot {
  border-top-color: rgba(255, 255, 255, 0.25);
}

.wrapper.style6 table.alt tbody tr td {
  border-color: rgba(150, 150, 150, 0.5);
}

.wrapper.style6 .image {
  padding-left: 3em;
  padding-right: 3em;
  box-shadow: 0px 0px 0px 7px rgba(0,0,0,0), 0px 0px 0px 8px rgba(0,0,0,0);
}

@media screen and (max-width: 736px) {

  .wrapper.style6 .image {
    padding: 0;
  }

  .wrapper.style6 {
    background-size: absolute;
    background-repeat: repeat-y;
  }

}

.wrapper.style7 { /* for workshops */
  background-color: rgba(227,213,198,0.4);
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  color: #000;
}

.wrapper.style7 input, .wrapper.style7 select, .wrapper.style7 textarea {
  color: #000;
}

.wrapper.style7 a {
  color: #4d4d4d;
}

.wrapper.style7 a:hover {
  color: #e3d5c6;
}

.wrapper.style7 strong {
  color: #000;
}

.wrapper.style7 h1 {
  color: #000;
  font-size: 23pt;
}

.wrapper.style7 h2, .wrapper.style7 h3, .wrapper.style7 h4, .wrapper.style7 h5, .wrapper.style7 h6 {
  color: #000;
  font-family: 'Crimson Pro', serif;
  font-size: 17pt;
  letter-spacing: 1px;
}

.wrapper.style7 ul.alt li {
  border-top-color: rgba(255, 255, 255, 0.25);
}

.wrapper.style7 header p {
  color: #000;
}

.wrapper.style7 p {
  font-size: 13pt;
}

@media screen and (max-width: 736px) {

  .wrapper.style7 h1 {
    font-size: 20pt;
  }

  .wrapper.style7 h2, .wrapper.style7 h3, .wrapper.style7 h4, .wrapper.style7 h5 {
    font-size: 12pt;
  }

  .wrapper.style7 h6, .wrapper.style7 a, .wrapper.style7 p, .wrapper.style7 li, .wrapper.style7 ol {
    font-size: 10pt;
  }

}

@media screen and (max-width: 480px) {

  .wrapper.style7 p {
    font-size: 8pt;
  }

}
.wrapper.style7 blockquote {
  border-left-color: rgba(255, 255, 255, 0.25);
}

.wrapper.style7 code {
  background: rgba(255, 255, 255, 0.075);
  border-color: rgba(255, 255, 255, 0.25);
}

.wrapper.style7 hr {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}

.wrapper.style7 .box {
  border-color: rgba(255, 255, 255, 0.8);
  background-color: #fafafa;
}

.wrapper.style7 .select-wrapper:before {
  color: rgba(255, 255, 255, 0.25);
}

.wrapper.style7 ::-webkit-input-placeholder {
  color: #bfbfbf !important;
}

.wrapper.style7 :-moz-placeholder {
  color: #bfbfbf !important;
}

.wrapper.style7 ::-moz-placeholder {
  color: #bfbfbf !important;
}

.wrapper.style7 :-ms-input-placeholder {
  color: #bfbfbf !important;
}

.wrapper.style7 .formerize-placeholder {
  color: #bfbfbf !important;
}

.wrapper.style7 table tbody tr {
  border-color: rgba(0, 0, 0, 0.5);
}

.wrapper.style7 table tbody tr:nth-child(2n + 1) {
  background-color: rgba(150, 150, 150, 0.15);
}

.wrapper.style7 table th {
  color: #000;
}

.wrapper.style7 table thead {
  border-bottom-color: rgba(0, 0, 0, 0.5);
  font-size: 12pt;
}

.wrapper.style7 table tfoot {
  border-top-color: rgba(255, 255, 255, 0.25);
}

.wrapper.style7 table.alt tbody tr td {
  border-color: rgba(150, 150, 150, 0.5);
}

.wrapper.style7 .image {
  padding-left: 3em;
  padding-right: 3em;
  box-shadow: 0px 0px 0px 7px rgba(0,0,0,0), 0px 0px 0px 8px rgba(0,0,0,0);
}

@media screen and (max-width: 736px) {

  .wrapper.style7 .image {
    padding: 0;
  }

  .wrapper.style7 {
    background-color: rgba(227,213,198,0.4);
    background-size: absolute;
    background-repeat: repeat-y;
  }

}