/*# sourceMappingURL=main.css.map */
html,
body {
  margin: 0;
  padding: 0;
  background: #3a7ac1;
}
html a,
body a {
  color: #4c87c9;
}
section {
  color: #fff;
  padding-bottom: 150px;
  padding-top: 25px;
}
section h1 {
  border-bottom: 2px solid #fff;
  margin-bottom: 20px;
  padding-bottom: 10px;
  width: 100%;
}
section h1 a {
  border-radius: 5px;
  display: inline-block;
  padding: 5px;
}
section a {
  color: #fff;
  transition: color 300ms;
}
section a:hover {
  color: #19e3fb;
  text-decoration: none;
}
section #content-actions {
  font-size: 20px;
}
section #content-actions a {
  margin-right: 10px;
}
section #content-actions a:last-child {
  margin-right: 0;
}
table.table {
  color: #fff;
}
table.table th {
  border-top: 0;
}
table.table th.actions,
table.table td.actions {
  max-width: 150px;
}
table.table th.actions a,
table.table td.actions a {
  color: #fff;
  margin-right: 10px;
}
.btn-custom {
  background: #295586;
  color: #fff;
}
.btn-custom.bg {
  font-size: 2rem;
  margin-bottom: 10px;
  width: 250px;
}
.btn-custom:hover {
  background: #4c87c9;
  color: #fff;
}
div[class*=col] {
  margin-bottom: 10px;
}
div[class*=col].vcentered {
  margin-top: 5px;
  margin-bottom: 5px;
}
footer {
  background: #333;
  color: #fff;
  padding: 20px 0;
}
header {
  background: #fff;
  box-shadow: 0 0 10px #ccc;
  font-size: 34px;
  height: 100px;
  padding: 20px 40px;
  position: fixed;
  top: 0;
  transition: 500ms top;
  width: 100%;
  z-index: 99;
}
header.closed {
  top: -100px;
}
header.closed nav {
  display: none;
}
header a:hover {
  text-decoration: none;
}
header #welcome {
  font-size: 18px;
  margin-right: 10px;
}
#header-placeholder {
  height: 100px;
}
nav {
  margin-left: auto;
}
nav ul {
  font-size: 0;
  list-style: none;
  margin: 0;
  padding: 0;
}
nav ul li {
  display: inline-block;
  margin: 0;
  padding: 0;
}
nav ul li a {
  display: block;
  font-size: 18px;
  padding: 15px;
}
.toggle-nav {
  font-size: 25px;
  margin-left: auto;
  padding: 30px 0 0;
}
.header-bg {
  height: 500px;
  margin: 0;
  padding: 0;
}
.header-bg img {
  background-size: cover;
  height: 500px;
  object-fit: cover;
  width: 100%;
}
aside {
  background: #fff;
  border-right: 1px solid #ccc;
  height: calc(100vh - 100px);
  left: -200px;
  position: absolute;
  transition: 500ms left;
  width: 200px;
  z-index: 9;
}
aside ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
aside ul li {
  margin: 0;
  padding: 0;
}
aside ul li a {
  display: block;
  padding: 10px;
}
aside ul li a:hover {
  background: #4c87c9;
  color: #fff;
  text-decoration: none;
}
aside.open {
  left: 0;
}
.modal #title-box button:last-child {
  border-radius: 0;
}
.modal #title-box input[name=name][readonly],
.modal #title-box #title-box input[name=name][readonly]:focus {
  background: none;
  border: 0;
  box-shadow: none;
  font-weight: bold;
  padding-left: 0;
}
.modal .single-attachment {
  position: relative;
}
.modal .single-attachment .small-icon {
  float: left;
  margin-right: 10px;
}
.modal .single-attachment .desc {
  padding-right: 50px;
  word-wrap: break-word;
}
.modal .single-attachment .actions {
  position: absolute;
  top: 0;
  right: 20px;
  z-index: 9;
}
.modal .single-attachment .actions .toggle-more {
  margin-right: 5px;
}
.modal .single-attachment .more {
  padding-top: 5px;
}
.modal div[class*=col].footer {
  margin-bottom: 0;
  margin-top: 10px;
}
.cat {
  background: #fff;
  box-shadow: 0 0 3px #000;
  height: 250px;
  position: relative;
}
.cat.new {
  color: #4c87c9;
  cursor: pointer;
  font-size: 150px;
  text-align: center;
}
.cat .cat-title {
  background: #4c87c9;
  border-bottom: 1px solid  #000;
  color: #fff;
  display: block;
  font-weight: bold;
  padding: 5px 0;
  text-align: center;
  width: 100%;
}
.cat .cat-remove {
  font-size: 22px;
  padding: 0 10px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 9;
}
.cat .cat-box .dz-message i {
  font-size: 3rem;
  padding-bottom: 20px;
}
.file .file-icon {
  color: #fff;
  font-size: 80px;
  text-align: center;
}
.file .file-title {
  color: #fff;
  text-align: center;
  word-wrap: break-word;
}
.file .file-icon,
.file .file-title {
  transition: 500ms color;
}
.file:hover {
  text-decoration: none !important;
}
.file:hover .file-icon,
.file:hover .file-title {
  color: #19e3fb;
}
#login-box {
  max-width: 350px;
  margin: 0 auto;
  width: 100%;
}
#login-box .btn {
  width: 100%;
}
.single-role .more {
  padding-bottom: 10px;
  padding-top: 10px;
  width: 100%;
}
.single-role .more label.single-status {
  cursor: pointer;
  margin-bottom: 0;
  width: 100%;
}
.single-role .more .icon .enabled {
  color: #38DA3E;
}
.single-role .more .icon .disabled {
  color: #F23232;
  padding-right: 3px;
}
.valigned {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}
.pure-valigned {
  display: flex !important;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.bg-main {
  background: #4c87c9;
}
.bg-alt {
  background: #4fbcd1;
}
.bg-white {
  background: #fff;
}
.bg-primary {
  background: #007bff;
}
.b-t-s {
  border-top: 1px solid #ccc;
}
.b-b-s {
  border-bottom: 1px solid #ccc;
}
.b-l-s {
  border-left: 1px solid #ccc;
}
.b-t-s {
  border-top: 1px solid #ccc;
}
.block {
  display: block;
  width: 100%;
}
.hidden,
.clone {
  display: none;
}
.flex {
  display: flex;
  flex-wrap: wrap;
}
.inline {
  display: inline;
}
.inline-block {
  display: inline-block;
}
.inline-table {
  display: inline-table;
}
.font-colored {
  color: #4c87c9;
}
.font-white {
  color: #fff;
}
.font-10 {
  font-size: 10px !important;
}
.font-15 {
  font-size: 15px !important;
}
.font-20 {
  font-size: 20px !important;
}
.font-25 {
  font-size: 25px !important;
}
.font-30 {
  font-size: 30px !important;
}
.font-35 {
  font-size: 35px !important;
}
.font-40 {
  font-size: 40px !important;
}
.font-45 {
  font-size: 45px !important;
}
.font-50 {
  font-size: 50px !important;
}
.font-55 {
  font-size: 55px !important;
}
.vspaced {
  padding-bottom: 10px !important;
  padding-top: 10px !important;
}
.vspaced-5 {
  padding-bottom: 5px !important;
  padding-top: 5px !important;
}
.nomargin {
  margin: 0;
}
.nopadding {
  padding: 0;
}
.m-tb-0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.m-t-0 {
  margin-top: 0px !important;
}
.m-b-0 {
  margin-bottom: 0px !important;
}
.m-lr-0 {
  margin-right: 0px !important;
  margin-left: 0px !important;
}
.m-r-0 {
  margin-right: 0px !important;
}
.m-l-0 {
  margin-left: 0px !important;
}
.p-tb-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.p-t-0 {
  padding-top: 0px !important;
}
.p-b-0 {
  padding-bottom: 0px !important;
}
.p-lr-0 {
  padding-right: 0px !important;
  padding-left: 0px !important;
}
.p-r-0 {
  padding-right: 0px !important;
}
.p-l-0 {
  padding-left: 0px !important;
}
.m-tb-5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}
.m-t-5 {
  margin-top: 5px !important;
}
.m-b-5 {
  margin-bottom: 5px !important;
}
.m-lr-5 {
  margin-right: 5px !important;
  margin-left: 5px !important;
}
.m-r-5 {
  margin-right: 5px !important;
}
.m-l-5 {
  margin-left: 5px !important;
}
.p-tb-5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.p-t-5 {
  padding-top: 5px !important;
}
.p-b-5 {
  padding-bottom: 5px !important;
}
.p-lr-5 {
  padding-right: 5px !important;
  padding-left: 5px !important;
}
.p-r-5 {
  padding-right: 5px !important;
}
.p-l-5 {
  padding-left: 5px !important;
}
.m-tb-10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.m-t-10 {
  margin-top: 10px !important;
}
.m-b-10 {
  margin-bottom: 10px !important;
}
.m-lr-10 {
  margin-right: 10px !important;
  margin-left: 10px !important;
}
.m-r-10 {
  margin-right: 10px !important;
}
.m-l-10 {
  margin-left: 10px !important;
}
.p-tb-10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.p-t-10 {
  padding-top: 10px !important;
}
.p-b-10 {
  padding-bottom: 10px !important;
}
.p-lr-10 {
  padding-right: 10px !important;
  padding-left: 10px !important;
}
.p-r-10 {
  padding-right: 10px !important;
}
.p-l-10 {
  padding-left: 10px !important;
}
.m-tb-15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}
.m-t-15 {
  margin-top: 15px !important;
}
.m-b-15 {
  margin-bottom: 15px !important;
}
.m-lr-15 {
  margin-right: 15px !important;
  margin-left: 15px !important;
}
.m-r-15 {
  margin-right: 15px !important;
}
.m-l-15 {
  margin-left: 15px !important;
}
.p-tb-15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
.p-t-15 {
  padding-top: 15px !important;
}
.p-b-15 {
  padding-bottom: 15px !important;
}
.p-lr-15 {
  padding-right: 15px !important;
  padding-left: 15px !important;
}
.p-r-15 {
  padding-right: 15px !important;
}
.p-l-15 {
  padding-left: 15px !important;
}
.m-tb-20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
.m-t-20 {
  margin-top: 20px !important;
}
.m-b-20 {
  margin-bottom: 20px !important;
}
.m-lr-20 {
  margin-right: 20px !important;
  margin-left: 20px !important;
}
.m-r-20 {
  margin-right: 20px !important;
}
.m-l-20 {
  margin-left: 20px !important;
}
.p-tb-20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.p-t-20 {
  padding-top: 20px !important;
}
.p-b-20 {
  padding-bottom: 20px !important;
}
.p-lr-20 {
  padding-right: 20px !important;
  padding-left: 20px !important;
}
.p-r-20 {
  padding-right: 20px !important;
}
.p-l-20 {
  padding-left: 20px !important;
}
.m-tb-25 {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}
.m-t-25 {
  margin-top: 25px !important;
}
.m-b-25 {
  margin-bottom: 25px !important;
}
.m-lr-25 {
  margin-right: 25px !important;
  margin-left: 25px !important;
}
.m-r-25 {
  margin-right: 25px !important;
}
.m-l-25 {
  margin-left: 25px !important;
}
.p-tb-25 {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}
.p-t-25 {
  padding-top: 25px !important;
}
.p-b-25 {
  padding-bottom: 25px !important;
}
.p-lr-25 {
  padding-right: 25px !important;
  padding-left: 25px !important;
}
.p-r-25 {
  padding-right: 25px !important;
}
.p-l-25 {
  padding-left: 25px !important;
}
.m-tb-30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}
.m-t-30 {
  margin-top: 30px !important;
}
.m-b-30 {
  margin-bottom: 30px !important;
}
.m-lr-30 {
  margin-right: 30px !important;
  margin-left: 30px !important;
}
.m-r-30 {
  margin-right: 30px !important;
}
.m-l-30 {
  margin-left: 30px !important;
}
.p-tb-30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}
.p-t-30 {
  padding-top: 30px !important;
}
.p-b-30 {
  padding-bottom: 30px !important;
}
.p-lr-30 {
  padding-right: 30px !important;
  padding-left: 30px !important;
}
.p-r-30 {
  padding-right: 30px !important;
}
.p-l-30 {
  padding-left: 30px !important;
}
.m-tb-35 {
  margin-top: 35px !important;
  margin-bottom: 35px !important;
}
.m-t-35 {
  margin-top: 35px !important;
}
.m-b-35 {
  margin-bottom: 35px !important;
}
.m-lr-35 {
  margin-right: 35px !important;
  margin-left: 35px !important;
}
.m-r-35 {
  margin-right: 35px !important;
}
.m-l-35 {
  margin-left: 35px !important;
}
.p-tb-35 {
  padding-top: 35px !important;
  padding-bottom: 35px !important;
}
.p-t-35 {
  padding-top: 35px !important;
}
.p-b-35 {
  padding-bottom: 35px !important;
}
.p-lr-35 {
  padding-right: 35px !important;
  padding-left: 35px !important;
}
.p-r-35 {
  padding-right: 35px !important;
}
.p-l-35 {
  padding-left: 35px !important;
}
.m-tb-40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.m-t-40 {
  margin-top: 40px !important;
}
.m-b-40 {
  margin-bottom: 40px !important;
}
.m-lr-40 {
  margin-right: 40px !important;
  margin-left: 40px !important;
}
.m-r-40 {
  margin-right: 40px !important;
}
.m-l-40 {
  margin-left: 40px !important;
}
.p-tb-40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.p-t-40 {
  padding-top: 40px !important;
}
.p-b-40 {
  padding-bottom: 40px !important;
}
.p-lr-40 {
  padding-right: 40px !important;
  padding-left: 40px !important;
}
.p-r-40 {
  padding-right: 40px !important;
}
.p-l-40 {
  padding-left: 40px !important;
}
.m-tb-45 {
  margin-top: 45px !important;
  margin-bottom: 45px !important;
}
.m-t-45 {
  margin-top: 45px !important;
}
.m-b-45 {
  margin-bottom: 45px !important;
}
.m-lr-45 {
  margin-right: 45px !important;
  margin-left: 45px !important;
}
.m-r-45 {
  margin-right: 45px !important;
}
.m-l-45 {
  margin-left: 45px !important;
}
.p-tb-45 {
  padding-top: 45px !important;
  padding-bottom: 45px !important;
}
.p-t-45 {
  padding-top: 45px !important;
}
.p-b-45 {
  padding-bottom: 45px !important;
}
.p-lr-45 {
  padding-right: 45px !important;
  padding-left: 45px !important;
}
.p-r-45 {
  padding-right: 45px !important;
}
.p-l-45 {
  padding-left: 45px !important;
}
.m-tb-50 {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}
.m-t-50 {
  margin-top: 50px !important;
}
.m-b-50 {
  margin-bottom: 50px !important;
}
.m-lr-50 {
  margin-right: 50px !important;
  margin-left: 50px !important;
}
.m-r-50 {
  margin-right: 50px !important;
}
.m-l-50 {
  margin-left: 50px !important;
}
.p-tb-50 {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}
.p-t-50 {
  padding-top: 50px !important;
}
.p-b-50 {
  padding-bottom: 50px !important;
}
.p-lr-50 {
  padding-right: 50px !important;
  padding-left: 50px !important;
}
.p-r-50 {
  padding-right: 50px !important;
}
.p-l-50 {
  padding-left: 50px !important;
}
.m-tb-55 {
  margin-top: 55px !important;
  margin-bottom: 55px !important;
}
.m-t-55 {
  margin-top: 55px !important;
}
.m-b-55 {
  margin-bottom: 55px !important;
}
.m-lr-55 {
  margin-right: 55px !important;
  margin-left: 55px !important;
}
.m-r-55 {
  margin-right: 55px !important;
}
.m-l-55 {
  margin-left: 55px !important;
}
.p-tb-55 {
  padding-top: 55px !important;
  padding-bottom: 55px !important;
}
.p-t-55 {
  padding-top: 55px !important;
}
.p-b-55 {
  padding-bottom: 55px !important;
}
.p-lr-55 {
  padding-right: 55px !important;
  padding-left: 55px !important;
}
.p-r-55 {
  padding-right: 55px !important;
}
.p-l-55 {
  padding-left: 55px !important;
}
.m-tb-60 {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}
.m-t-60 {
  margin-top: 60px !important;
}
.m-b-60 {
  margin-bottom: 60px !important;
}
.m-lr-60 {
  margin-right: 60px !important;
  margin-left: 60px !important;
}
.m-r-60 {
  margin-right: 60px !important;
}
.m-l-60 {
  margin-left: 60px !important;
}
.p-tb-60 {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}
.p-t-60 {
  padding-top: 60px !important;
}
.p-b-60 {
  padding-bottom: 60px !important;
}
.p-lr-60 {
  padding-right: 60px !important;
  padding-left: 60px !important;
}
.p-r-60 {
  padding-right: 60px !important;
}
.p-l-60 {
  padding-left: 60px !important;
}
.m-tb-65 {
  margin-top: 65px !important;
  margin-bottom: 65px !important;
}
.m-t-65 {
  margin-top: 65px !important;
}
.m-b-65 {
  margin-bottom: 65px !important;
}
.m-lr-65 {
  margin-right: 65px !important;
  margin-left: 65px !important;
}
.m-r-65 {
  margin-right: 65px !important;
}
.m-l-65 {
  margin-left: 65px !important;
}
.p-tb-65 {
  padding-top: 65px !important;
  padding-bottom: 65px !important;
}
.p-t-65 {
  padding-top: 65px !important;
}
.p-b-65 {
  padding-bottom: 65px !important;
}
.p-lr-65 {
  padding-right: 65px !important;
  padding-left: 65px !important;
}
.p-r-65 {
  padding-right: 65px !important;
}
.p-l-65 {
  padding-left: 65px !important;
}
.m-tb-70 {
  margin-top: 70px !important;
  margin-bottom: 70px !important;
}
.m-t-70 {
  margin-top: 70px !important;
}
.m-b-70 {
  margin-bottom: 70px !important;
}
.m-lr-70 {
  margin-right: 70px !important;
  margin-left: 70px !important;
}
.m-r-70 {
  margin-right: 70px !important;
}
.m-l-70 {
  margin-left: 70px !important;
}
.p-tb-70 {
  padding-top: 70px !important;
  padding-bottom: 70px !important;
}
.p-t-70 {
  padding-top: 70px !important;
}
.p-b-70 {
  padding-bottom: 70px !important;
}
.p-lr-70 {
  padding-right: 70px !important;
  padding-left: 70px !important;
}
.p-r-70 {
  padding-right: 70px !important;
}
.p-l-70 {
  padding-left: 70px !important;
}
.m-tb-75 {
  margin-top: 75px !important;
  margin-bottom: 75px !important;
}
.m-t-75 {
  margin-top: 75px !important;
}
.m-b-75 {
  margin-bottom: 75px !important;
}
.m-lr-75 {
  margin-right: 75px !important;
  margin-left: 75px !important;
}
.m-r-75 {
  margin-right: 75px !important;
}
.m-l-75 {
  margin-left: 75px !important;
}
.p-tb-75 {
  padding-top: 75px !important;
  padding-bottom: 75px !important;
}
.p-t-75 {
  padding-top: 75px !important;
}
.p-b-75 {
  padding-bottom: 75px !important;
}
.p-lr-75 {
  padding-right: 75px !important;
  padding-left: 75px !important;
}
.p-r-75 {
  padding-right: 75px !important;
}
.p-l-75 {
  padding-left: 75px !important;
}
.m-tb-80 {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}
.m-t-80 {
  margin-top: 80px !important;
}
.m-b-80 {
  margin-bottom: 80px !important;
}
.m-lr-80 {
  margin-right: 80px !important;
  margin-left: 80px !important;
}
.m-r-80 {
  margin-right: 80px !important;
}
.m-l-80 {
  margin-left: 80px !important;
}
.p-tb-80 {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}
.p-t-80 {
  padding-top: 80px !important;
}
.p-b-80 {
  padding-bottom: 80px !important;
}
.p-lr-80 {
  padding-right: 80px !important;
  padding-left: 80px !important;
}
.p-r-80 {
  padding-right: 80px !important;
}
.p-l-80 {
  padding-left: 80px !important;
}
.m-tb-85 {
  margin-top: 85px !important;
  margin-bottom: 85px !important;
}
.m-t-85 {
  margin-top: 85px !important;
}
.m-b-85 {
  margin-bottom: 85px !important;
}
.m-lr-85 {
  margin-right: 85px !important;
  margin-left: 85px !important;
}
.m-r-85 {
  margin-right: 85px !important;
}
.m-l-85 {
  margin-left: 85px !important;
}
.p-tb-85 {
  padding-top: 85px !important;
  padding-bottom: 85px !important;
}
.p-t-85 {
  padding-top: 85px !important;
}
.p-b-85 {
  padding-bottom: 85px !important;
}
.p-lr-85 {
  padding-right: 85px !important;
  padding-left: 85px !important;
}
.p-r-85 {
  padding-right: 85px !important;
}
.p-l-85 {
  padding-left: 85px !important;
}
.m-tb-90 {
  margin-top: 90px !important;
  margin-bottom: 90px !important;
}
.m-t-90 {
  margin-top: 90px !important;
}
.m-b-90 {
  margin-bottom: 90px !important;
}
.m-lr-90 {
  margin-right: 90px !important;
  margin-left: 90px !important;
}
.m-r-90 {
  margin-right: 90px !important;
}
.m-l-90 {
  margin-left: 90px !important;
}
.p-tb-90 {
  padding-top: 90px !important;
  padding-bottom: 90px !important;
}
.p-t-90 {
  padding-top: 90px !important;
}
.p-b-90 {
  padding-bottom: 90px !important;
}
.p-lr-90 {
  padding-right: 90px !important;
  padding-left: 90px !important;
}
.p-r-90 {
  padding-right: 90px !important;
}
.p-l-90 {
  padding-left: 90px !important;
}
.m-tb-95 {
  margin-top: 95px !important;
  margin-bottom: 95px !important;
}
.m-t-95 {
  margin-top: 95px !important;
}
.m-b-95 {
  margin-bottom: 95px !important;
}
.m-lr-95 {
  margin-right: 95px !important;
  margin-left: 95px !important;
}
.m-r-95 {
  margin-right: 95px !important;
}
.m-l-95 {
  margin-left: 95px !important;
}
.p-tb-95 {
  padding-top: 95px !important;
  padding-bottom: 95px !important;
}
.p-t-95 {
  padding-top: 95px !important;
}
.p-b-95 {
  padding-bottom: 95px !important;
}
.p-lr-95 {
  padding-right: 95px !important;
  padding-left: 95px !important;
}
.p-r-95 {
  padding-right: 95px !important;
}
.p-l-95 {
  padding-left: 95px !important;
}
.m-tb-100 {
  margin-top: 100px !important;
  margin-bottom: 100px !important;
}
.m-t-100 {
  margin-top: 100px !important;
}
.m-b-100 {
  margin-bottom: 100px !important;
}
.m-lr-100 {
  margin-right: 100px !important;
  margin-left: 100px !important;
}
.m-r-100 {
  margin-right: 100px !important;
}
.m-l-100 {
  margin-left: 100px !important;
}
.p-tb-100 {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}
.p-t-100 {
  padding-top: 100px !important;
}
.p-b-100 {
  padding-bottom: 100px !important;
}
.p-lr-100 {
  padding-right: 100px !important;
  padding-left: 100px !important;
}
.p-r-100 {
  padding-right: 100px !important;
}
.p-l-100 {
  padding-left: 100px !important;
}
.m-t-a {
  margin-top: auto !important;
}
.m-b-a {
  margin-bottom: auto !important;
}
.m-tb-a {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.m-l-a {
  margin-left: auto !important;
}
.m-r-a {
  margin-right: auto !important;
}
.m-lr-a {
  margin-right: auto !important;
  margin-left: auto !important;
}
.m-lr-0 {
  margin-right: 0;
  margin-left: 0;
}
.p-lr-0 {
  padding-right: 0;
  padding-left: 0;
}
.w-100 {
  width: 100% !important;
}
.w-50 {
  width: 50% !important;
}
.w-0 {
  width: 0% !important;
}
.w-a {
  width: auto !important;
}
.w-150x {
  width: 150px;
}
@media (max-width: 768px) {
  nav,
  nav.valigned {
    display: none;
    width: 100%;
  }
  nav ul,
  nav.valigned ul {
    width: 100%;
  }
  nav ul li,
  nav.valigned ul li {
    display: block;
    width: 100%;
  }
  nav ul li a,
  nav.valigned ul li a {
    padding: 10px;
  }
}