.landing-guideline a.btn,
.landing-guideline button.btn {
  display: inline-block;
  border-radius: 2px;
  text-transform: uppercase;
  padding: 6px 10px;
}
.landing-guideline a.btn-primary,
.landing-guideline button.btn-primary {
  background: var(--v-primary-base);
  color: var(--v-gray-base) !important;
}
.landing-guideline a.btn-secondary,
.landing-guideline button.btn-secondary {
  background: var(--v-black-base);
  color: var(--v-primary-base);
}
.landing-guideline a.btn-secondary:hover,
.landing-guideline button.btn-secondary:hover {
  color: #fff;
}
.landing-guideline a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
.landing-guideline p {
  margin-bottom: 0 !important;
}
.landing-guideline nav ul {
  list-style: none;
}
.landing-guideline input,
.landing-guideline select {
  vertical-align: middle;
}
.landing-guideline li {
  list-style-type: none;
}
.landing-guideline a {
  text-decoration: none;
}
.landing-guideline ul,
.landing-guideline li {
  margin: 0;
  padding: 0;
}
.landing-guideline a,
.landing-guideline a:visited {
  color: #fff;
}
.landing-guideline a:hover {
  color: var(--v-primary-base);
}
.landing-guideline #wrapper {
  overflow: hidden;
}
@media screen and (min-width: 1024px) {
.landing-guideline .logo-wrapper {
    text-align: left;
}
.landing-guideline .nav-main {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}
}
@media screen and (min-width: 1280px) {
.landing-guideline a.btn,
.landing-guideline button.btn {
    padding: 8px 16px;
    font-size: 20px;
}
}
.landing-guideline .clr:before,
.landing-guideline .clr:after {
  content: " ";
  display: table;
}
.landing-guideline .clr:after {
  clear: both;
}
.landing-guideline .clr {
  *zoom: 1;
}
.landing-guideline .logo-wrapper img {
  max-height: 90px;
  padding: 0 2px;
}
.landing-guideline .header-main {
  text-align: center;
  position: relative;
  background: var(--v-black-base);
}
.landing-guideline .header-main .container {
  position: relative;
}
.landing-guideline .nav-main {
  margin-top: 12px;
}
.landing-guideline .nav-main ul {
  display: inline-block;
}
.landing-guideline .nav-main li {
  float: left;
  margin: 0 2px;
  text-transform: uppercase;
  font-size: 14px;
  font-family: Play;
  letter-spacing: 1px;
}
.landing-guideline .nav-main li.active a {
  color: var(--v-primary-base) !important;
}
.landing-guideline .copyright {
  background: var(--v-primary-base);
  text-align: center;
  color: var(--v-black-base);
  font-size: 12px;
  padding: 20px 0;
}
.landing-guideline .copyright a {
  color: var(--v-gray-base) !important;
  font-weight: bold !important;
}
.landing-guideline .copyright a:hover {
  text-decoration: underline;
}
.landing-guideline .footer-top {
  background: url(/img/bg-dark.jpg) repeat;
}
.landing-guideline .footer-top {
  padding: 25px 0 30px 0;
}
.landing-guideline .footer-info-wrap img {
  float: left;
  margin-right: 20px;
}
.landing-guideline .footer-info-wrap .footer-info {
  overflow: hidden;
  padding-top: 6px;
}
.landing-guideline .footer-box {
  padding-top: 4px;
}
.landing-guideline .footer-box h4 {
  margin-bottom: 0.5em;
  text-transform: uppercase;
}
.landing-guideline .site-tut .tut-banner img {
  width: 100%;
}
.landing-guideline .site-tut {
  text-align: center;
}
.landing-guideline .site-tut .dark {
  background: url(/img/bg-dark.jpg) repeat;
}
.landing-guideline .site-tut .white {
  background: #fff;
}