.margin-zero-auto {
  margin: 0 auto;
}
/* Default nav bar styles */
.navbar-default {
  border: none;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -kthtml-transition: all 0.3s linear;
  transition: all 0.3s linear;
  height: 85px;
  padding-top: 10px;
  background: var(--blue) !important;
}
.navbar-brand {
  padding: 6px 15px;
}
/* nav-bar link color */
.navbar-default .navbar-nav > li > a {
  color: #333333;
  font-weight: 400;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.04em;
    font-size: .9em!important;
}
/* nav-bar link hover color */
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:active,
.navbar-default .navbar-nav > li > a:focus {
  color: #333333;
}
/* nav-bar active link color */
.navbar-default .navbar-nav > .active > a {
  color: #333333;
  background: transparent;
}
/* nav-bar active link hover color */
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:active {
  color: #151515;
}
/* light theme  */
.navbar-light .navbar-nav > li > a {
  color: #333333 !important;
  background: transparent;
}
.navbar-light .navbar-nav > li > a:hover,
.navbar-light .navbar-nav > li > a:active,
.navbar-light .navbar-nav > li > a:focus {
  color: var(--red) !important;
}
.navbar-light .navbar-nav > .active > a {
  background: transparent;
  color: var(--white) !important;
}
.navbar-light .navbar-nav > .active > a:hover,
.navbar-light .navbar-nav > .active > a:focus,
.navbar-light .navbar-nav > .active > a:active {
  background: transparent;
  color: #cd5c59 !important;
}
.bg-color-white-nav {
  box-shadow: 0px 4px 2px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0px 4px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 4px 2px rgba(0, 0, 0, 0.05);
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: var(--white);
}
/* Flat Button */
.btn, button {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  text-transform: uppercase;
  letter-spacing: 0.1em;
    color: #fff!important;
}
.btn-primary, .ui-button .ui-widget .ui-state-default .ui-corner-all, button {
  background-color: var(--red);
  border: 0;
  color: #fff!important;
  padding: 10px 20px;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
button:hover {
  background-color: var(--blue);
  border: 0;
  color: #ffffff;
}
.navbar-nav {
    margin: 7.5px -15px;
}