*,
*::before,
*::after {
  box-sizing: border-box;
}

.vd_container,
.vd-fluid {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 15px;
  padding-left: 15px;
}

.vd-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

[class*="vd-col-"] {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.vd-col-xs-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; }
.vd-col-xs-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; }
.vd-col-xs-3 { flex: 0 0 25%; max-width: 25%; }
.vd-col-xs-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; }
.vd-col-xs-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; }
.vd-col-xs-6 { flex: 0 0 50%; max-width: 50%; }
.vd-col-xs-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; }
.vd-col-xs-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; }
.vd-col-xs-9 { flex: 0 0 75%; max-width: 75%; }
.vd-col-xs-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; }
.vd-col-xs-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; }
.vd-col-xs-12 { flex: 0 0 100%; max-width: 100%; }
.vd-col-xs-1-5 { flex: 0 0 20%; max-width: 20%; }

@media (min-width: 768px) {
  .vd-col-sm-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; }
  .vd-col-sm-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; }
  .vd-col-sm-3 { flex: 0 0 25%; max-width: 25%; }
  .vd-col-sm-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; }
  .vd-col-sm-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; }
  .vd-col-sm-6 { flex: 0 0 50%; max-width: 50%; }
  .vd-col-sm-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; }
  .vd-col-sm-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; }
  .vd-col-sm-9 { flex: 0 0 75%; max-width: 75%; }
  .vd-col-sm-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; }
  .vd-col-sm-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; }
  .vd-col-sm-12 { flex: 0 0 100%; max-width: 100%; }
  .vd-col-sm-1-5 { flex: 0 0 20%; max-width: 20%; }
}

@media (min-width: 992px) {
  .vd-col-md-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; }
  .vd-col-md-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; }
  .vd-col-md-3 { flex: 0 0 25%; max-width: 25%; }
  .vd-col-md-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; }
  .vd-col-md-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; }
  .vd-col-md-6 { flex: 0 0 50%; max-width: 50%; }
  .vd-col-md-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; }
  .vd-col-md-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; }
  .vd-col-md-9 { flex: 0 0 75%; max-width: 75%; }
  .vd-col-md-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; }
  .vd-col-md-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; }
  .vd-col-md-12 { flex: 0 0 100%; max-width: 100%; }
  .vd-col-md-1-5 { flex: 0 0 20%; max-width: 20%; }
}

@media (min-width: 1200px) {
  .vd-col-lg-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; }
  .vd-col-lg-1-5 { flex: 0 0 20%; max-width: 20%; }
  .vd-col-lg-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; }
  .vd-col-lg-3 { flex: 0 0 25%; max-width: 25%; }
  .vd-col-lg-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; }
  .vd-col-lg-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; }
  .vd-col-lg-6 { flex: 0 0 50%; max-width: 50%; }
  .vd-col-lg-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; }
  .vd-col-lg-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; }
  .vd-col-lg-9 { flex: 0 0 75%; max-width: 75%; }
  .vd-col-lg-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; }
  .vd-col-lg-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; }
  .vd-col-lg-12 { flex: 0 0 100%; max-width: 100%; }
}

.vd-img-fluid {
  display: block;
  max-width: 100%;
  height: auto;
}

.vd-clearfix::before,
.vd-clearfix::after {
  display: table;
  content: " ";
}

.vd-clearfix::after {
  clear: both;
}

.vd-pull-left {
  float: left;
}

.vd-pull-right {
  float: right;
}

.vd-center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.vd-text-left {
  text-align: left;
}

.vd-text-center {
  text-align: center;
}

.vd-text-right {
  text-align: right;
}

.vd-visible-xs,
.vd-visible-sm,
.vd-visible-md,
.vd-visible-lg {
  display: none !important;
}

@media (max-width: 767px) {
  .vd-visible-xs { display: block !important; }
  .vd-hidden-xs { display: none !important; }
}

@media (min-width: 768px) and (max-width: 991px) {
  .vd-visible-sm { display: block !important; }
  .vd-hidden-sm { display: none !important; }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .vd-visible-md { display: block !important; }
  .vd-hidden-md { display: none !important; }
}

@media (min-width: 1200px) {
  .vd-visible-lg { display: block !important; }
  .vd-hidden-lg { display: none !important; }
}

.vd-btn {
  display: inline-block;
  margin-bottom: 0;
  padding: 6px 12px;
  border: 1px solid transparent;
  border-radius: 4px;
  background: #fff;
  color: #333;
  font: inherit;
  line-height: 1.42857143;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
}

.vd-btn:hover,
.vd-btn:focus {
  text-decoration: none;
}

.vd-btn-default {
  border-color: #ccc;
  background-color: #fff;
  color: #333;
}

.vd-btn-primary {
  border-color: #2e6da4;
  background-color: #337ab7;
  color: #fff;
}

.vd-btn-success {
  border-color: #4cae4c;
  background-color: #5cb85c;
  color: #fff;
}

.vd-btn-info {
  border-color: #46b8da;
  background-color: #5bc0de;
  color: #fff;
}

.vd-btn-danger {
  border-color: #d43f3a;
  background-color: #d9534f;
  color: #fff;
}

.vd-btn-xs {
  padding: 1px 5px;
  border-radius: 3px;
  font-size: 12px;
  line-height: 1.5;
}

.vd-btn-lg {
  padding: 10px 16px;
  border-radius: 6px;
  font-size: 18px;
  line-height: 1.3333333;
}

.vd-alert {
  margin-bottom: 20px;
  padding: 15px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.vd-alert-danger {
  border-color: #ebccd1;
  background-color: #f2dede;
  color: #a94442;
}

.vd-alert-info {
  border-color: #bce8f1;
  background-color: #d9edf7;
  color: #31708f;
}

.vd-alert-warning {
  border-color: #faebcc;
  background-color: #fcf8e3;
  color: #8a6d3b;
}

.vd-table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
  border-collapse: collapse;
}

.vd-table > thead > tr > th,
.vd-table > tbody > tr > th,
.vd-table > tfoot > tr > th,
.vd-table > thead > tr > td,
.vd-table > tbody > tr > td,
.vd-table > tfoot > tr > td {
  padding: 8px;
  border-top: 1px solid #ddd;
  line-height: 1.42857143;
  vertical-align: top;
}

.vd-table-bordered {
  border: 1px solid #ddd;
}

.vd-table-bordered > thead > tr > th,
.vd-table-bordered > tbody > tr > th,
.vd-table-bordered > tfoot > tr > th,
.vd-table-bordered > thead > tr > td,
.vd-table-bordered > tbody > tr > td,
.vd-table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}

.vd-table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}

.vd-table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}