/* ============================= ALERT ICONS */
.alert-icon {
  position: relative;
  padding-left: 75px !important;
}
.alert-icon[class*="padding-lg"] {
  padding-left: 90px !important;
}
.alert-icon[class*="padding-xl"] {
  padding-left: 120px !important;
}
.alert-icon[class*="padding-xxl"] {
  padding-left: 150px !important;
}
/* ============================= ALERT ICONS POSITION */
.alert-icon > .icon {
  position: absolute;
  margin-left: -60px;
  font-size: 300%;
}
/* ------------------------------------- */
/* bootstrap adjustments
/* ------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: "trajan-pro-3", Georgia, "Times New Roman", Times, serif;
}
@-moz-document url-prefix() {
  fieldset {
    display: table-cell;
  }
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border-bottom: transparent;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus,
.nav > li > a:hover,
.nav > li > a:focus {
  background-color: transparent;
}
img {
  -ms-interpolation-mode: bicubic;
}
/* ------------------------------------- */
/* body
/* ------------------------------------- */
body {
  background-color: #ffffff;
}
/* ------------------------------------- */
/* anchor transition
/* ------------------------------------- */
a {
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
/* ------------------------------------- */
/* form rows
/* ------------------------------------- */
.form-row.row > [class*="col-"] {
  margin-bottom: 3%;
}
form .form-row.row > [class*="col-"] {
  margin-bottom: 2%;
}
.form-row.form-group {
  margin-bottom: 1% !important;
}
.form-row.form-inline .form-control {
  margin-bottom: 2%;
}
/* ------------------------------------- */
/* form placeholders
/* ------------------------------------- */
.form-control::-webkit-input-placeholder {
  color: #aeb4b7;
}
.form-control::-moz-placeholder {
  color: #aeb4b7;
}
.form-control:-ms-input-placeholder {
  color: #aeb4b7;
}
.form-control {
  color: #484e51;
}
/* ============================= BACKGROUND */
.bgcolor {
  background-color: #181a1b;
}
/* ============================= BACKGROUND > GRAY */
.bgcolor-darker {
  background-color: #181a1b;
}
.bgcolor-dark {
  background-color: #303436;
}
.bgcolor-gray {
  background-color: #60686c;
}
.bgcolor-light {
  background-color: #939b9f;
}
.bgcolor-lighter {
  background-color: #c9cdcf;
}
.bgcolor-lightest {
  background-color: #e4e6e7;
}
.bgcolor-white {
  background-color: #ffffff;
}
/* ============================= BACKGROUND > BRAND */
.bgcolor-primary {
  background-color: #32a5ff;
}
.bgcolor-info {
  background-color: #7dfffa;
}
.bgcolor-success {
  background-color: #cdeb96;
}
.bgcolor-warning {
  background-color: #ffeedb;
}
.bgcolor-danger {
  background-color: #ffb9c9;
}
/* ============================= BACKGROUND > BRAND > Full */
.bgcolor-primary-true {
  background-color: #003056;
}
.bgcolor-info-true {
  background-color: #00a19b;
}
.bgcolor-success-true {
  background-color: #648c1a;
}
.bgcolor-warning-true {
  background-color: #ff8300;
}
.bgcolor-danger-true {
  background-color: #dd0031;
}
/* ============================= BORDER */
.border {
  border: 1px solid #181a1b;
}
.border-bottom {
  border-top: 0;
  border-left: 0;
  border-right: 0;
}
.border-top {
  border-bottom: 0;
  border-left: 0;
  border-right: 0;
}
.border-left {
  border-top: 0;
  border-bottom: 0;
  border-right: 0;
}
.border-right {
  border-top: 0;
  border-bottom: 0;
  border-left: 0;
}
/* ============================= BORDER > COLOR */
.border-black {
  border-color: #000000;
}
.border-darker {
  border-color: #181a1b;
}
.border-dark {
  border-color: #303436;
}
.border-gray {
  border-color: #60686c;
}
.border-light {
  border-color: #939b9f;
}
.border-lighter {
  border-color: #c9cdcf;
}
.border-lightest {
  border-color: #e4e6e7;
}
.border-white {
  border-color: #ffffff;
}
.border-primary {
  border-color: #003056;
}
.border-success {
  border-color: #648c1a;
}
.border-info {
  border-color: #00a19b;
}
.border-warning {
  border-color: #ff8300;
}
.border-danger {
  border-color: #dd0031;
}
/* ============================= BORDER > SIZE */
.border-lg {
  border-width: 2px;
}
.border-xl {
  border-width: 4px;
}
/* ============================= BORDER > STYLE */
.border-dotted {
  border-style: dotted;
}
.border-dashed {
  border-style: dashed;
}
.border-solid {
  border-style: solid;
}
.border-ridge {
  border-style: ridge;
}
/* ============================= BORDER > REMOVE */
.border-none {
  border: 0 !important;
}
.border-none-top {
  border-top: 0 !important;
}
.border-none-right {
  border-right: 0 !important;
}
.border-none-bottom {
  border-bottom: 0 !important;
}
.border-none-left {
  border-left: 0 !important;
}
/* ============================= BORDER > RADIUS */
.border-radius-none {
  border-radius: 0 !important;
}
/* ============================= BUTTON > GRAY */
.btn-gray {
  color: #ffffff;
  background-color: #aeb4b7;
  border-color: #a3aaad;
}
.btn-gray:hover,
.btn-gray:focus {
  color: #ffffff;
  background-color: #a3aaad;
  border-color: #98a0a4;
}
.btn-gray-o {
  color: #aeb4b7;
  background-color: transparent;
  border-color: #aeb4b7;
}
.btn-gray-o:hover,
.btn-gray-o:focus {
  color: #788287;
  background-color: transparent;
  border-color: #788287;
}
/* ============================= BUTTON > BLACK */
.btn-black {
  color: #ffffff;
  background-color: #000000;
  border-color: #000000;
}
.btn-black:hover,
.btn-black:focus {
  color: #ffffff;
  background-color: #000000;
  border-color: #000000;
}
.btn-black-o {
  color: #000000;
  background-color: transparent;
  border-color: #000000;
}
.btn-black-o:hover,
.btn-black-o:focus {
  color: #000000;
  background-color: transparent;
  border-color: #000000;
}
/* ============================= BUTTON > GRAY > TEXT */
.btn-gray-text {
  color: #aeb4b7;
  background-color: transparent;
  border-color: transparent;
}
.btn-gray-text:hover,
.btn-gray-text:active,
.btn-gray-text:focus {
  color: #788287;
  background-color: transparent;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: 0 !important;
}
/* ============================= BUTTON > GRAY > TEXT */
.btn-gray-dark-text {
  color: #788287;
  background-color: transparent;
  border-color: transparent;
}
.btn-gray-dark-text:hover,
.btn-gray-dark-text:active,
.btn-gray-dark-text:focus {
  color: #aeb4b7;
  background-color: transparent;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: 0 !important;
}
/* ============================= BUTTON > WHITE */
.btn-white {
  color: #aeb4b7;
  background-color: #ffffff;
  border-color: #ffffff;
}
.btn-white:hover,
.btn-white:focus {
  color: #788287;
  background-color: #ffffff;
  border-color: #e6e6e6;
}
.btn-white-o {
  color: #ffffff;
  background-color: transparent;
  border-color: #ffffff;
}
.btn-white-o:hover,
.btn-white-o:focus {
  color: rgba(255, 255, 255, 0.8);
  background-color: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.8);
}
.btn-white.toggle,
.btn-white.toggle-off {
  color: #484e51;
  background-color: #ffffff;
  border-color: #aeb4b7;
}
.btn-white.toggle:hover,
.btn-white.toggle-off:hover,
.btn-white.toggle:focus,
.btn-white.toggle-off:focus {
  color: #000000;
  background-color: #ffffff;
  border-color: #939b9f;
}
/* ============================= BUTTON > PRIMARY */
.btn-primary-o {
  color: #003056;
  background-color: transparent;
  border-color: #003056;
}
.btn-primary-o:hover,
.btn-primary-o:focus {
  color: #000000;
  background-color: transparent;
  border-color: #000000;
}
/* ============================= BUTTON > SUCCESS */
.btn-success-o {
  color: #648c1a;
  background-color: transparent;
  border-color: #648c1a;
}
.btn-success-o:hover,
.btn-success-o:focus {
  color: #27360a;
  background-color: transparent;
  border-color: #27360a;
}
/* ============================= BUTTON > WARNING */
.btn-warning-o {
  color: #ff8300;
  background-color: transparent;
  border-color: #ff8300;
}
.btn-warning-o:hover,
.btn-warning-o:focus {
  color: #994f00;
  background-color: transparent;
  border-color: #994f00;
}
/* ============================= BUTTON > XL */
.btn-group-xl > .btn,
.btn-xl {
  padding: 25px 35px;
  font-size: 24px;
  line-height: 1.3333333;
}
.btn-group-xxl > .btn,
.btn-xxl {
  padding: 300px 450px;
  font-size: 30px;
  line-height: 1.3333333;
}
/* ============================= BUTTON > KEY Only */
.btn-key {
  padding: 0;
}
/* ============================= BUTTON > Dropdown from Select */
.btn-dropdown.pull-right .dropdown-menu {
  right: 0;
  left: auto;
}
.btn-dropdown > .form-control,
.btn-dropdown > .form-control:focus {
  border-color: transparent;
  background-color: transparent;
  box-shadow: none;
  -webkit-box-shadow: none;
  outline: none !important;
}
.btn-dropdown > .form-control > .btn-default {
  border-color: transparent;
  background-color: transparent;
  text-transform: uppercase;
  font-size: 12px;
  color: #aeb4b7;
  padding-right: 0;
}
.btn-dropdown > .form-control > .btn-default:hover,
.btn-dropdown > .form-control > .btn-default:active,
.btn-dropdown > .form-control > .btn-default:focus {
  color: #788287;
  box-shadow: none;
  -webkit-box-shadow: none;
  outline: none !important;
}
.btn-dropdown > .bootstrap-select > .dropdown-toggle {
  padding-right: 15px;
}
.btn-dropdown > .bootstrap-select > .dropdown-toggle .caret {
  right: 0;
}
/* ============================= BUTTON > GROUP */
.btn-group-light .btn-default {
  color: #788287;
  background-color: #ffffff;
  border-color: #d7dadb;
}
.btn-group-light .btn-default:hover,
.btn-group-light .btn-default:focus,
.btn-group-light .btn-default:active {
  color: #484e51;
  background-color: #e4e6e7;
  border-color: #aeb4b7;
  outline: none !important;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-group-light .btn-default.enabled {
  color: #003056;
  background-color: #ffffff;
  border-color: #003056;
  outline: none !important;
  -webkit-box-shadow: none;
  box-shadow: none;
}
/* ============================= DISPLAY */
.display-block {
  display: block;
}
.display-inline {
  display: inline;
}
.display-inline-block {
  display: inline-block;
}
.display-none {
  display: none;
}
/* ============================= FORMS */
.form-section {
  clear: both;
  display: block;
  padding-bottom: 15px;
  border-bottom: 1px solid #e4e6e7;
  margin-bottom: 15px;
}
.form-section-label > h4 {
  font-weight: 700;
}
.form-section-label > p {
  font-weight: 300;
  color: #aeb4b7;
}
.placeholder {
  color: #e4e6e7;
}
/* ============================= BS > ADDONS */
/* ============================= BS > FORMS */
.input-group .btn-gray {
  border-color: transparent;
}
.form-control {
  border-color: #ced2d4;
}
.input-group-addon {
  border-color: #aeb4b7;
}
.toggle {
  width: 100px;
  height: 34px;
}
/* ============================= BS > FORM > TEXTAREA */
.resize-vertical {
  resize: vertical;
}
.resize-horizontal {
  resize: horizontal;
}
/* ============================= Temporary for Jasny */
.btn-file {
  position: relative;
  overflow: hidden;
}
.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  outline: none;
  background: white;
  cursor: inherit;
  display: block;
}
/* ============================= FORM > HELP */
.form-help {
  color: #aeb4b7;
  font-size: 12px;
  font-family: monospace;
}
/* ============================= FORM > OVERWRITE */
.credit-card-visa.form-control-feedback,
.credit-card-mastercard.form-control-feedback,
.credit-card-discover.form-control-feedback,
.credit-card-diners.form-control-feedback,
.credit-card-amex.form-control-feedback,
.credit-card-jcb.form-control-feedback {
  background-color: transparent !important;
  width: 58px;
  padding-top: 10px;
  line-height: inherit;
}
/* ============================= DISPLAY > FULLFRAME */
.fullframe {
  display: flex;
  height: 100vh;
  position: relative;
  overflow-y: scroll;
}
.fullframe > .fullframe-content {
  display: block;
  margin: auto;
  width: 100%;
  align-items: center;
  justify-content: center;
  overflow: auto;
}
/* ---------------------- grid > gutters */
.no-gutter.row,
.gutter-none.row {
  margin-right: 0;
  margin-left: 0;
}
.no-gutter > [class*='col-'],
.gutter-none > [class*='col-'] {
  padding-right: 0;
  padding-left: 0;
}
.gutter-sm.row {
  margin-right: -5px;
  margin-left: -5px;
}
.gutter-sm > [class*='col-'] {
  padding-right: 5px;
  padding-left: 5px;
}
/* ---------------------- grid > equal */
.equal {
  display: flex;
  flex-wrap: wrap;
}
.equal > div[class*='col-'] {
  display: flex;
  flex-direction: column;
}
/* ---------------------- grid > container */
.container-lg {
  width: 100%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}
/* -----------------------------------------------------------------------------

  HAMBURGER ICONS COMPONENT
  
----------------------------------------------------------------------------- */
/**
 * Toggle Switch Globals
 *
 * All switches should take on the class `dc-hamburger` as well as their
 * variant that will give them unique properties. This class is an overview
 * class that acts as a reset for all versions of the icon.
 */
.dc-hamburger {
  display: inline-block;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 44px;
  height: 34px;
  font-size: inherit;
  text-indent: -9999px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  transition: background 0.3s;
  vertical-align: middle;
  border-radius: 2px;
}
.dc-hamburger:focus {
  outline: none;
}
.dc-hamburger span {
  display: block;
  position: absolute;
  top: 16px;
  left: 12px;
  right: 12px;
  height: 2px;
  background: #ffffff;
}
.dc-hamburger span::before,
.dc-hamburger span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #ffffff;
  content: "";
}
.dc-hamburger span::before {
  top: -6px;
}
.dc-hamburger span::after {
  bottom: -6px;
}
/* ------------------------------- bars */
.dc-hamburger-bars {
  background-color: transparent;
}
.dc-hamburger-bars span {
  transition: transform 0.3s;
}
/* bars > hover */
.dc-hamburger-bars:hover {
  background-color: transparent;
}
.dc-hamburger-bars:hover span {
  transform: rotate(90deg);
}
/* ------------------------------- bars -> x */
.dc-hamburger-x {
  background-color: transparent;
}
.dc-hamburger-x span {
  transition: background 0s 0.3s;
}
.dc-hamburger-x span::before,
.dc-hamburger-x span::after {
  transition-duration: 0.3s, 0.3s;
  transition-delay: 0.3s, 0s;
}
.dc-hamburger-x span::before {
  transition-property: top, transform;
}
.dc-hamburger-x span::after {
  transition-property: bottom, transform;
}
/* x > hover */
.dc-hamburger-x:hover {
  background-color: transparent;
}
.dc-hamburger-x:hover span {
  background: none;
}
.dc-hamburger-x:hover span::before {
  top: 0;
  transform: rotate(45deg);
}
.dc-hamburger-x:hover span::after {
  bottom: 0;
  transform: rotate(-45deg);
}
.dc-hamburger-x:hover span::before,
.dc-hamburger-x:hover span::after {
  transition-delay: 0s, 0.3s;
}
/* ------------------------------- bars -> arrow left */
.dc-hamburger-arrow-left {
  background-color: transparent;
}
.dc-hamburger-arrow-left span {
  transition: transform 0.3s;
}
.dc-hamburger-arrow-left span::before {
  transform-origin: top right;
  transition: transform 0.3s, width 0.3s, top 0.3s;
}
.dc-hamburger-arrow-left span::after {
  transform-origin: bottom right;
  transition: transform 0.3s, width 0.3s, bottom 0.3s;
}
/* arrow left > hover */
.dc-hamburger-arrow-left:hover {
  background-color: transparent;
}
.dc-hamburger-arrow-left:hover span {
  transform: rotate(180deg);
}
.dc-hamburger-arrow-left:hover span::before,
.dc-hamburger-arrow-left:hover span::after {
  width: 50%;
}
.dc-hamburger-arrow-left:hover span::before {
  top: 0;
  transform: translateX(12px) translateY(1px) rotate(45deg);
}
.dc-hamburger-arrow-left:hover span::after {
  bottom: 0;
  transform: translateX(12px) translateY(-1px) rotate(-45deg);
}
/* ------------------------------- bars -> arrow right */
.dc-hamburger-arrow-right {
  background-color: transparent;
}
.dc-hamburger-arrow-right span {
  transition: transform 0.3s;
}
.dc-hamburger-arrow-right span::before {
  transform-origin: top left;
  transition: transform 0.3s, width 0.3s, top 0.3s;
}
.dc-hamburger-arrow-right span::after {
  transform-origin: bottom left;
  transition: transform 0.3s, width 0.3s, bottom 0.3s;
}
/* arrow right > hover */
.dc-hamburger-arrow-right:hover {
  background-color: transparent;
}
.dc-hamburger-arrow-right:hover span {
  transform: rotate(180deg);
}
.dc-hamburger-arrow-right:hover span::before,
.dc-hamburger-arrow-right:hover span::after {
  width: 50%;
}
.dc-hamburger-arrow-right:hover span::before {
  top: 0;
  transform: translateX(-2px) translateY(1px) rotate(-45deg);
}
.dc-hamburger-arrow-right:hover span::after {
  bottom: 0;
  transform: translateX(-2px) translateY(-1px) rotate(45deg);
}
/* ------------------------------- bars -> dash */
.dc-hamburger-dash {
  background-color: transparent;
}
.dc-hamburger-dash span {
  transition: background 0s 0.3s;
}
.dc-hamburger-dash span::before,
.dc-hamburger-dash span::after {
  transition-duration: 0.3s, 0.3s;
  transition-delay: 0.3s, 0s;
}
.dc-hamburger-dash span::before {
  transition-property: top, transform;
}
.dc-hamburger-dash span::after {
  transition-property: bottom, transform;
}
/* x > hover */
.dc-hamburger-dash:hover {
  background-color: transparent;
}
.dc-hamburger-dash:hover span {
  background: none;
}
.dc-hamburger-dash:hover span::before {
  top: 0;
}
.dc-hamburger-dash:hover span::after {
  bottom: 0;
}
.dc-hamburger-dash:hover span::before,
.dc-hamburger-dash:hover span::after {
  transition-delay: 0s, 0.3s;
}
/* ------------------------------- stops */
/* bars-stop */
.dc-hamburger-bars-stop {
  background-color: transparent;
}
.dc-hamburger-bars-stop span {
  transition: transform 0.3s;
  transform: rotate(90deg);
}
/* x-stop */
.dc-hamburger-x-stop {
  background-color: transparent;
}
.dc-hamburger-x-stop span {
  transition: background 0s 0.3s;
  background: none;
}
.dc-hamburger-x-stop span::before,
.dc-hamburger-x-stop span::after {
  transition-duration: 0.3s, 0.3s;
  transition-delay: 0.3s, 0s;
  transition-delay: 0s, 0.3s;
}
.dc-hamburger-x-stop span::before {
  transition-property: top, transform;
  top: 0;
  transform: rotate(45deg);
}
.dc-hamburger-x-stop span::after {
  transition-property: bottom, transform;
  bottom: 0;
  transform: rotate(-45deg);
}
/* arrow-left-stop */
.dc-hamburger-arrow-left-stop {
  background-color: transparent;
}
.dc-hamburger-arrow-left-stop span {
  transform: rotate(180deg);
}
.dc-hamburger-arrow-left-stop span::before,
.dc-hamburger-arrow-left-stop span::after {
  width: 50%;
}
.dc-hamburger-arrow-left-stop span::before {
  transform-origin: top right;
  transition: transform 0.3s, width 0.3s, top 0.3s;
  top: 0;
  transform: translateX(12px) translateY(1px) rotate(45deg);
}
.dc-hamburger-arrow-left-stop span::after {
  transform-origin: bottom right;
  transition: transform 0.3s, width 0.3s, bottom 0.3s;
  bottom: 0;
  transform: translateX(12px) translateY(-1px) rotate(-45deg);
}
/* arrow-right-stop */
.dc-hamburger-arrow-right-stop {
  background-color: transparent;
}
.dc-hamburger-arrow-right-stop span {
  transform: rotate(180deg);
}
.dc-hamburger-arrow-right-stop span::before,
.dc-hamburger-arrow-right-stop span::after {
  width: 50%;
}
.dc-hamburger-arrow-right-stop span::before {
  transform-origin: top left;
  transition: transform 0.3s, width 0.3s, top 0.3s;
  top: 0;
  transform: translateX(-2px) translateY(1px) rotate(-45deg);
}
.dc-hamburger-arrow-right-stop span::after {
  transform-origin: bottom left;
  transition: transform 0.3s, width 0.3s, bottom 0.3s;
  bottom: 0;
  transform: translateX(-2px) translateY(-1px) rotate(45deg);
}
/* ------------------------------- colors */
.dc-hamburger-white {
  background-color: #ffffff;
}
.dc-hamburger-white span,
.dc-hamburger-white span:before,
.dc-hamburger-white span:after {
  background: #788287;
}
.dc-hamburger-white:hover {
  background-color: #e6e6e6;
}
.dc-hamburger-white:hover span,
.dc-hamburger-white:hover span:before,
.dc-hamburger-white:hover span:after {
  background: #484e51;
}
.dc-hamburger-gray {
  background-color: #aeb4b7;
}
.dc-hamburger-gray:hover {
  background-color: #a3aaad;
}
.dc-hamburger-primary {
  background-color: #003056;
}
.dc-hamburger-primary:hover {
  background-color: #001423;
}
.dc-hamburger-success {
  background-color: #648c1a;
}
.dc-hamburger-success:hover {
  background-color: #456112;
}
.dc-hamburger-info {
  background-color: #00a19b;
}
.dc-hamburger-info:hover {
  background-color: #006e6a;
}
.dc-hamburger-warning {
  background-color: #ff8300;
}
.dc-hamburger-warning:hover {
  background-color: #cc6900;
}
.dc-hamburger-danger {
  background-color: #dd0031;
}
.dc-hamburger-danger:hover {
  background-color: #aa0026;
}
/* ------------------------------- colors > override */
.dc-hamburger-primary-hover:hover {
  background-color: #003056;
}
.dc-hamburger-success-hover:hover {
  background-color: #648c1a;
}
.dc-hamburger-info-hover:hover {
  background-color: #00a19b;
}
.dc-hamburger-warning-hover:hover {
  background-color: #ff8300;
}
.dc-hamburger-danger-hover:hover {
  background-color: #dd0031;
}
/* ============================= HEIGHT */
.h-10 {
  min-height: 10px;
}
.h-20 {
  min-height: 20px;
}
.h-30 {
  min-height: 30px;
}
.h-40 {
  min-height: 40px;
}
.h-50 {
  min-height: 50px;
}
.h-60 {
  min-height: 60px;
}
.h-70 {
  min-height: 70px;
}
.h-80 {
  min-height: 80px;
}
.h-90 {
  min-height: 90px;
}
.h-100 {
  min-height: 100px;
}
.h-110 {
  min-height: 110px;
}
.h-120 {
  min-height: 120px;
}
.h-130 {
  min-height: 130px;
}
.h-140 {
  min-height: 140px;
}
.h-150 {
  min-height: 150px;
}
.h-160 {
  min-height: 160px;
}
.h-170 {
  min-height: 170px;
}
.h-180 {
  min-height: 180px;
}
.h-190 {
  min-height: 190px;
}
.h-200 {
  min-height: 200px;
}
.h-220 {
  min-height: 220px;
}
.h-240 {
  min-height: 240px;
}
.h-260 {
  min-height: 260px;
}
.h-280 {
  min-height: 280px;
}
.h-300 {
  min-height: 300px;
}
.h-320 {
  min-height: 320px;
}
.h-340 {
  min-height: 340px;
}
.h-360 {
  min-height: 360px;
}
.h-380 {
  min-height: 380px;
}
.h-400 {
  min-height: 400px;
}
.h-450 {
  min-height: 450px;
}
/* ---------------------- image > heights */
.img-w-20 {
  max-width: 20px;
}
.img-w-30 {
  max-width: 30px;
}
.img-w-40 {
  max-width: 40px;
}
.img-w-50 {
  max-width: 50px;
}
.img-w-60 {
  max-width: 60px;
}
.img-w-70 {
  max-width: 70px;
}
.img-w-80 {
  max-width: 80px;
}
.img-w-90 {
  max-width: 90px;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  image-rendering: -moz-crisp-edges;
  /* Firefox */
  image-rendering: -o-crisp-edges;
  /* Opera */
  image-rendering: -webkit-optimize-contrast;
  /* Webkit (non-standard naming) */
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
  /* IE (non-standard property) */
}
/* ============================= MARGIN */
.margin {
  margin: 15px;
}
.margin-top {
  margin-top: 15px;
}
.margin-bottom {
  margin-bottom: 15px;
}
.margin-left {
  margin-left: 15px;
}
.margin-right {
  margin-right: 15px;
}
/* ============================= MARGIN > X-SMALL */
.margin-xs {
  margin: 3.75px;
}
.margin-xs-top {
  margin-top: 3.75px;
}
.margin-xs-bottom {
  margin-bottom: 3.75px;
}
.margin-xs-left {
  margin-left: 3.75px;
}
.margin-xs-right {
  margin-right: 3.75px;
}
/* ============================= MARGIN > SMALL */
.margin-sm {
  margin: 7.5px;
}
.margin-sm-top {
  margin-top: 7.5px;
}
.margin-sm-bottom {
  margin-bottom: 7.5px;
}
.margin-sm-left {
  margin-left: 7.5px;
}
.margin-sm-right {
  margin-right: 7.5px;
}
/* ============================= MARGIN > LARGE */
.margin-lg {
  margin: 30px;
}
.margin-lg-top {
  margin-top: 30px;
}
.margin-lg-bottom {
  margin-bottom: 30px;
}
.margin-lg-left {
  margin-left: 30px;
}
.margin-lg-right {
  margin-right: 30px;
}
/* ============================= MARGIN > X-LARGE */
.margin-xl {
  margin: 60px;
}
.margin-xl-top {
  margin-top: 60px;
}
.margin-xl-bottom {
  margin-bottom: 60px;
}
.margin-xl-left {
  margin-left: 60px;
}
.margin-xl-right {
  margin-right: 60px;
}
/* ============================= MARGIN > XX-LARGE */
.margin-xxl {
  margin: 90px;
}
.margin-xxl-top {
  margin-top: 90px;
}
.margin-xxl-bottom {
  margin-bottom: 90px;
}
.margin-xxl-left {
  margin-left: 90px;
}
.margin-xxl-right {
  margin-right: 90px;
}
/* ============================= MARGIN > MOBILE */
@media (max-width: 768px) {
  .margin,
  .margin-lg:not(.not-responsive),
  .margin-xl,
  .margin-xxl {
    margin: 15px;
  }
  .margin-top,
  .margin-lg-top,
  .margin-xl-top,
  .margin-xxl-top {
    margin-top: 15px;
  }
  .margin-bottom,
  .margin-lg-bottom,
  .margin-xl-bottom,
  .margin-xxl-bottom {
    margin-bottom: 15px;
  }
  .margin-left,
  .margin-lg-left,
  .margin-xl-left,
  .margin-xxl-left {
    margin-left: 15px;
  }
  .margin-right,
  .margin-lg-right,
  .margin-xl-right,
  .margin-xxl-right {
    margin-right: 15px;
  }
}
/* ============================= MARGIN > NONE */
.margin-none {
  margin: 0;
}
.margin-top-none {
  margin-top: 0;
}
.margin-bottom-none {
  margin-bottom: 0;
}
.margin-left-none {
  margin-left: 0;
}
.margin-right-none {
  margin-right: 0;
}
/* ============================= OPACITY */
.opacity-10 {
  opacity: 0.1;
  filter: alpha(opacity=10);
  zoom: 1;
}
.opacity-20 {
  opacity: 0.2;
  filter: alpha(opacity=20);
  zoom: 1;
}
.opacity-30 {
  opacity: 0.3;
  filter: alpha(opacity=30);
  zoom: 1;
}
.opacity-40 {
  opacity: 0.4;
  filter: alpha(opacity=40);
  zoom: 1;
}
.opacity-50 {
  opacity: 0.5;
  filter: alpha(opacity=50);
  zoom: 1;
}
.opacity-60 {
  opacity: 0.6;
  filter: alpha(opacity=60);
  zoom: 1;
}
.opacity-70 {
  opacity: 0.7;
  filter: alpha(opacity=70);
  zoom: 1;
}
.opacity-80 {
  opacity: 0.8;
  filter: alpha(opacity=80);
  zoom: 1;
}
.opacity-90 {
  opacity: 0.9;
  filter: alpha(opacity=90);
  zoom: 1;
}
/* ============================= PADDING */
.padding {
  padding: 15px;
}
.padding-top {
  padding-top: 15px;
}
.padding-bottom {
  padding-bottom: 15px;
}
.padding-left {
  padding-left: 15px;
}
.padding-right {
  padding-right: 15px;
}
/* ============================= PADDING > X-SMALL */
.padding-xs {
  padding: 3.75px;
}
.padding-xs-top {
  padding-top: 3.75px;
}
.padding-xs-bottom {
  padding-bottom: 3.75px;
}
.padding-xs-left {
  padding-left: 3.75px;
}
.padding-xs-right {
  padding-right: 3.75px;
}
/* ============================= PADDING > SMALL */
.padding-sm {
  padding: 7.5px;
}
.padding-sm-top {
  padding-top: 7.5px;
}
.padding-sm-bottom {
  padding-bottom: 7.5px;
}
.padding-sm-left {
  padding-left: 7.5px;
}
.padding-sm-right {
  padding-right: 7.5px;
}
/* ============================= PADDING > LARGE */
.padding-lg {
  padding: 30px;
}
.padding-lg-top {
  padding-top: 30px;
}
.padding-lg-bottom {
  padding-bottom: 30px;
}
.padding-lg-left {
  padding-left: 30px;
}
.padding-lg-right {
  padding-right: 30px;
}
/* ============================= PADDING > X-LARGE */
.padding-xl {
  padding: 60px;
}
.padding-xl-top {
  padding-top: 60px;
}
.padding-xl-bottom {
  padding-bottom: 60px;
}
.padding-xl-left {
  padding-left: 60px;
}
.padding-xl-right {
  padding-right: 60px;
}
/* ============================= PADDING > XX-LARGE */
.padding-xxl {
  padding: 90px;
}
.padding-xxl-top {
  padding-top: 90px;
}
.padding-xxl-bottom {
  padding-bottom: 90px;
}
.padding-xxl-left {
  padding-left: 90px;
}
.padding-xxl-right {
  padding-right: 90px;
}
/* ============================= PADDING > MOBILE */
@media (max-width: 768px) {
  .padding,
  .padding-lg:not(.not-responsive),
  .padding-xl,
  .padding-xxl {
    padding: 15px;
  }
  .padding-top,
  .padding-lg-top,
  .padding-xl-top,
  .padding-xxl-top {
    padding-top: 15px;
  }
  .padding-bottom,
  .padding-lg-bottom,
  .padding-xl-bottom,
  .padding-xxl-bottom {
    padding-bottom: 15px;
  }
  .padding-left,
  .padding-lg-left,
  .padding-xl-left,
  .padding-xxl-left {
    padding-left: 15px;
  }
  .padding-right,
  .padding-lg-right,
  .padding-xl-right,
  .padding-xxl-right {
    padding-right: 15px;
  }
}
/* ============================= PADDING > NONE */
.padding-none {
  padding: 0;
}
.padding-none-top {
  padding-top: 0;
}
.padding-none-right {
  padding-right: 0;
}
.padding-none-bottom {
  padding-bottom: 0;
}
.padding-none-left {
  padding-left: 0;
}
/* ============================= POSITION */
.position-absolute {
  position: absolute;
}
.position-relative {
  position: relative;
}
.position-static {
  position: static;
}
.position-fixed {
  position: fixed;
}
.position-top {
  top: 0;
}
.position-bottom {
  bottom: 0;
}
.position-left {
  left: 0;
}
.position-right {
  right: 0;
}
/* ============================= Sheets */
.sheet {
  position: fixed;
  z-index: 3001;
  z-index: 1020 overflow:hidden;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  overflow-y: scroll;
}
.sheet-cover {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3000;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.sheet.sheet-light {
  background-color: #ffffff;
}
.sheet.sheet-light-opaque {
  background-color: rgba(255, 255, 255, 0.6);
}
.sheet.sheet-dark {
  background-color: #000000;
}
.sheet.sheet-dark-opaque {
  background-color: rgba(0, 0, 0, 0.6);
}
.sheet.sheet-primary {
  background-color: #003056;
}
.sheet.sheet-primary-opaque {
  background-color: rgba(0, 48, 86, 0.6);
}
.sheet.sheet-success {
  background-color: #648c1a;
}
.sheet.sheet-success-opaque {
  background-color: rgba(100, 140, 26, 0.6);
}
.sheet.sheet-danger {
  background-color: #dd0031;
}
.sheet.sheet-danger-opaque {
  background-color: rgba(221, 0, 49, 0.6);
}
.sheet-shadow {
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}
/* ============================= Sheets > Position */
.sheet-left {
  top: 0;
  bottom: 0;
}
.sheet-left.sheet-300 {
  left: -300px;
  width: 300px;
}
.sheet-left.sheet-400 {
  left: -400px;
  width: 400px;
}
.sheet-left.sheet-500 {
  left: -500px;
  width: 500px;
}
.sheet-left.sheet-600 {
  left: -600px;
  width: 600px;
}
.sheet-left.sheet-700 {
  left: -700px;
  width: 700px;
}
.sheet-left.sheet-800 {
  left: -800px;
  width: 800px;
}
.sheet-left.sheet-900 {
  left: -900px;
  width: 900px;
}
.sheet-left.sheet-90p {
  left: -90%;
  width: 90%;
}
.sheet-left.open {
  left: 0;
}
.sheet-right {
  top: 0;
  bottom: 0;
}
.sheet-right.sheet-300 {
  right: -300px;
  width: 300px;
}
.sheet-right.sheet-400 {
  right: -400px;
  width: 400px;
}
.sheet-right.sheet-500 {
  right: -500px;
  width: 500px;
}
.sheet-right.sheet-600 {
  right: -600px;
  width: 600px;
}
.sheet-right.sheet-700 {
  right: -700px;
  width: 700px;
}
.sheet-right.sheet-800 {
  right: -800px;
  width: 800px;
}
.sheet-right.sheet-900 {
  right: -900px;
  width: 900px;
}
.sheet-right.sheet-90p {
  right: -90%;
  width: 90%;
}
.sheet-right.open {
  right: 0;
}
.sheet-center {
  position: absolute;
  top: 200%;
  bottom: auto;
  right: 0;
  left: 0;
  height: auto;
  overflow: auto;
  margin: auto;
}
.sheet-center.sheet-300 {
  width: 300px;
}
.sheet-center.sheet-400 {
  width: 400px;
}
.sheet-center.sheet-500 {
  width: 500px;
}
.sheet-center.sheet-600 {
  width: 600px;
}
.sheet-center.sheet-700 {
  width: 700px;
}
.sheet-center.sheet-800 {
  width: 800px;
}
.sheet-center.sheet-900 {
  width: 900px;
}
.sheet-center.sheet-90p {
  width: 90%;
}
.sheet-center.open {
  top: 20%;
}
@media (max-width: 768px) {
  .sheet-left.sheet-400,
  .sheet-right.sheet-400,
  .sheet-center.sheet-400,
  .sheet-left.sheet-500,
  .sheet-right.sheet-500,
  .sheet-center.sheet-500,
  .sheet-left.sheet-600,
  .sheet-right.sheet-600,
  .sheet-center.sheet-600,
  .sheet-left.sheet-700,
  .sheet-right.sheet-700,
  .sheet-center.sheet-700,
  .sheet-left.sheet-800,
  .sheet-right.sheet-800,
  .sheet-center.sheet-800,
  .sheet-left.sheet-900,
  .sheet-right.sheet-900,
  .sheet-center.sheet-900 {
    width: 300px;
  }
}
/* ============================= Sheets > Cover Colors */
.sheet-cover.sheet-light {
  background-color: rgba(255, 255, 255, 0.6);
}
.sheet-cover.sheet-dark {
  background-color: rgba(0, 0, 0, 0.6);
}
.sheet-cover.sheet-primary {
  background-color: rgba(0, 48, 86, 0.6);
}
.sheet-cover.sheet-success {
  background-color: rgba(100, 140, 26, 0.6);
}
.sheet-cover.sheet-danger {
  background-color: rgba(221, 0, 49, 0.6);
}
/* ============================= Sheets > Content */
.sheet-head {
  padding: 69px 15px 15px 15px;
}
.sheet-head h6 {
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.sheet-body {
  padding: 15px;
}
.sheet-center .sheet-head {
  padding-top: 15px;
}
/* ============================= TYPOGRAPHY > SIZE */
.text-size-xs {
  font-size: 10px;
}
.text-size-sm {
  font-size: 12px;
}
.text-size-lg {
  font-size: 19px;
}
.text-size-xl {
  font-size: 24px;
}
.text-size-xxl {
  font-size: 34px;
}
/* ============================= TYPOGRAPHY > COLOR */
.text-gray {
  color: #788287;
}
.text-gray-light {
  color: #aeb4b7;
}
.text-gray-lighter {
  color: #e4e6e7;
}
.text-gray-dark {
  color: #484e51;
}
.text-gray-darker {
  color: #303436;
}
.text-white {
  color: #ffffff;
}
.text-primary {
  color: #001628;
}
.text-info {
  color: #00736f;
}
.text-danger {
  color: #af0027;
}
.text-success {
  color: #486513;
}
.text-warning {
  color: #d16b00;
}
/* ============================= TYPOGRAPHY > TRUE BRAND */
.text-primary-true {
  color: #003056;
}
.text-info-true {
  color: #00a19b;
}
.text-danger-true {
  color: #dd0031;
}
.text-success-true {
  color: #648c1a;
}
.text-warning-true {
  color: #ff8300;
}
/* ============================= TYPOGRAPHY > COLOR > ANCHOR */
a.text-gray {
  color: #788287;
}
a.text-gray:hover,
a.text-gray:focus,
a.text-gray:active {
  color: #003056;
}
a.text-gray-light {
  color: #aeb4b7;
}
a.text-gray-light:hover,
a.text-gray-light:focus,
a.text-gray-light:active {
  color: #003056;
}
a.text-gray-lighter {
  color: #e4e6e7;
}
a.text-gray-lighter:hover,
a.text-gray-lighter:focus,
a.text-gray-lighter:active {
  color: #003056;
}
a.text-gray-dark {
  color: #484e51;
}
a.text-gray-dark:hover,
a.text-gray-dark:focus,
a.text-gray-dark:active {
  color: #003056;
}
a.text-gray-darker {
  color: #303436;
}
a.text-gray-darker:hover,
a.text-gray-darker:focus,
a.text-gray-darker:active {
  color: #003056;
}
a.text-primary {
  color: #001628;
}
a.text-info {
  color: #00736f;
}
a.text-danger {
  color: #af0027;
}
a.text-success {
  color: #486513;
}
a.text-warning {
  color: #d16b00;
}
a.text-white {
  color: #ffffff;
}
/* ============================= TYPOGRAPHY > COLOR > ANCHOR > HOVER */
a.text-gray-hover:hover {
  color: #788287;
}
a.text-gray-light-hover:hover {
  color: #aeb4b7;
}
a.text-gray-lighter-hover:hover {
  color: #e4e6e7;
}
a.text-gray-dark-hover:hover {
  color: #484e51;
}
a.text-gray-darker-hover:hover {
  color: #303436;
}
a.text-primary-hover:hover {
  color: #001628;
}
a.text-success-hover:hover {
  color: #486513;
}
a.text-info-hover:hover {
  color: #00736f;
}
a.text-danger-hover:hover {
  color: #af0027;
}
a.text-warning-hover:hover {
  color: #d16b00;
}
a.text-white-hover:hover {
  color: #ffffff;
}
/* ============================= TYPOGRAPHY > WEIGHT */
.text-weight-light {
  font-weight: 200;
}
.text-weight-normal {
  font-weight: 300;
}
.text-weight-bold {
  font-weight: 700;
}
.text-weight-bolder {
  font-weight: 900;
}
/* ============================= TYPOGRAPHY > LETTER SPACING */
.text-space {
  letter-spacing: 1px;
}
.text-space-lg {
  letter-spacing: 2px;
}
.text-space-xl {
  letter-spacing: 3px;
}
.text-space-none {
  letter-spacing: normal;
}
/* ============================= TYPOGRAPHY > CAPITOLS */
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-normalcase {
  text-transform: none;
}
/* ============================= TYPOGRAPHY > LINK */
a.no-underline,
a.no-underline:hover,
a.no-underline:focus,
a.no-underline:active,
a.text-underline-none,
a.text-underline-none:hover,
a.text-underline-none:focus,
a.text-underline-none:active {
  text-decoration: none;
}
/* ============================= TYPOGRAPHY > EM */
.text-em-3 {
  font-size: 3em;
}
.text-em-4 {
  font-size: 4em;
}
.text-em-5 {
  font-size: 5em;
}
.text-em-6 {
  font-size: 6em;
}
/* ============================= TYPOGRAPHY > TRUNCATE */
.text-truncate {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* ============================= TYPOGRAPHY > WHITE SPACE */
.ws-nowrap {
  white-space: nowrap;
}
.ws-pre {
  white-space: pre;
}
.ws-normal {
  white-space: normal;
}
/* ============================= TYPOGRAPHY > FONT */
.text-serif {
  font-family: Georgia, "Times New Roman", Times, serif;
}
.text-sans {
  font-family: "Verdana", Helvetica, Arial, sans-serif;
}
.text-monospace {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
/* ============================= TYPOGRAPHY > ALIGN */
.table > thead > tr > th.text-middle,
.table > tbody > tr > th.text-middle,
.table > tfoot > tr > th.text-middle,
.table > thead > tr > td.text-middle,
.table > tbody > tr > td.text-middle,
.table > tfoot > tr > td.text-middle,
.text-middle {
  vertical-align: middle;
}
/* ------------------------------------- */
/* header
/* ------------------------------------- */
.header-nav {
  padding-top: 45px;
  font-family: "trajan-pro-3", Georgia, "Times New Roman", Times, serif;
  text-align: right;
}
.header-nav li {
  display: block;
  text-align: right;
  text-transform: uppercase;
}
.header-nav li a {
  display: inline-block;
  color: #000000;
}
.header-nav li a:hover,
.header-nav li a:focus {
  color: #dd0031;
  text-decoration: none;
}
.alexan-brand {
  max-width: 180px;
}
.alexan-ring {
  display: inline-block;
  max-width: 180px;
}
.alexan-ring {
  cursor: pointer;
}
.alexan-ring:hover .alexan-ring-icon {
  animation-name: spin;
  animation-duration: 800ms;
  animation-iteration-count: 1;
  animation-timing-function: ease;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/* ------------------------------------- */
/* navigation
/* ------------------------------------- */
.main-nav {
  text-align: center;
  font-family: "trajan-pro-3", Georgia, "Times New Roman", Times, serif;
}
.main-nav li {
  display: inline-block;
  text-align: center;
  font-size: 16px;
  text-transform: uppercase;
}
.main-nav li a {
  display: inline-block;
  padding: 15px;
  color: #000000;
}
.main-nav li a:hover,
.main-nav li a:focus,
.main-nav li.active a {
  color: #003056;
  text-decoration: none;
}
/* ------------------------------------- */
/* bios
/* ------------------------------------- */
.btn-bio {
  background-color: #000000;
  color: #ffffff;
  font-family: "trajan-pro-3", Georgia, "Times New Roman", Times, serif;
  font-size: 18px;
}
.btn-bio:hover,
.btn-bio:focus {
  background-color: #ffffff;
  color: #003056;
}
.btn-bio:active {
  background-color: #ffffff;
  color: #003056;
  box-shadow: none;
}
.bio-info {
  display: flex;
  height: 100vh;
  position: relative;
  overflow-y: scroll;
}
.bio-info h3 {
  padding-top: 15px;
  font-family: "Verdana", Helvetica, Arial, sans-serif;
  font-size: 16px;
}
.bio-img {
  display: flex;
  height: 100vh;
  position: relative;
  overflow: hidden;
}
/* ------------------------------------- */
/* section elements
/* ------------------------------------- */
.quote {
  margin-bottom: 25px;
  color: #000000;
  font-size: 35px;
  line-height: 1.5em;
}
.citation {
  padding-left: 60px;
  font-size: 18px;
}
.citation-name {
  display: block;
  margin-left: -22px;
  font-weight: bold;
}
.citation-title {
  display: block;
  font-size: 16px;
  font-style: italic;
}
/* ------------------------------------- */
/* section
/* ------------------------------------- */
.section-paralax-content {
  z-index: 100;
}
/* ------------------------------------- */
/* section - brand
/* ------------------------------------- */
.section-brand {
  padding: 45px 0;
}
/* ------------------------------------- */
/* section - white
/* ------------------------------------- */
.section-white {
  background-color: #ffffff;
}
.section-white h5 {
  font-size: 20px;
}
.section-white p,
.section-white li {
  color: #000000;
  line-height: 1.7;
}
/* ------------------------------------- */
/* section - hero
/* ------------------------------------- */
.section-hero .quote,
.section-hero .citation {
  color: #000000;
}
/* ------------------------------------- */
/* section - buttons
/* ------------------------------------- */
.btn-section {
  color: #000000;
  font-family: "trajan-pro-3", Georgia, "Times New Roman", Times, serif;
  font-size: 18px;
  background-color: rgba(255, 255, 255, 0.5);
}
.btn-section:hover,
.btn-section:focus {
  color: #003056;
  background-color: rgba(255, 255, 255, 0.8);
}
.btn-section:active {
  color: #003056;
  background-color: #ffffff;
  box-shadow: none;
}
/* ------------------------------------- */
/* seciont - bio
/* ------------------------------------- */
.cd-panel {
  visibility: hidden;
  transition: visibility 0s 0.6s;
}
.cd-panel.is-visible {
  visibility: visible;
  transition: visibility 0s 0s;
}
.cd-panel-container {
  position: fixed;
  width: 90%;
  height: 100%;
  top: 0;
  right: 0;
  transition-property: transform;
  transition-duration: 0.3s;
  transition-delay: 0.3s;
  transform: translate3d(100%, 0, 0);
}
.is-visible .cd-panel-container {
  transform: translate3d(0, 0, 0);
  transition-delay: 0s;
}