/*
	For this CSS file to work properly, is must be included below bootstrap.css.
	When defining new break point classes, Bootstrap goes from low-res to high-res.
	Hence, these classes must be defined after the ones in Bootstrap.
	If you write break point classes that are lower than the ones on Bootstrap, then
	they need to be defined before the ones in Bootstrap.

	Bootstrap HD
	----------------
	col-hd: HD - 1440 - 2559
	col-4k: 4K - 2560
*/

@media (min-width: 1440px) {
  .col-hd-1, .col-hd-2, .col-hd-3, .col-hd-4, .col-hd-5, .col-hd-6, .col-hd-7, .col-hd-8, .col-hd-9, .col-hd-10, .col-hd-11, .col-hd-12 {
    float: left;
  }
  .col-hd-12 {
    width: 100%;
  }
  .col-hd-11 {
    width: 91.66666667%;
  }
  .col-hd-10 {
    width: 83.33333333%;
  }
  .col-hd-9 {
    width: 75%;
  }
  .col-hd-8 {
    width: 66.66666667%;
  }
  .col-hd-7 {
    width: 58.33333333%;
  }
  .col-hd-6 {
    width: 50%;
  }
  .col-hd-5 {
    width: 41.66666667%;
  }
  .col-hd-4 {
    width: 33.33333333%;
  }
  .col-hd-3 {
    width: 25%;
  }
  .col-hd-2 {
    width: 16.66666667%;
  }
  .col-hd-1 {
    width: 8.33333333%;
  }
  .col-hd-pull-12 {
    right: 100%;
  }
  .col-hd-pull-11 {
    right: 91.66666667%;
  }
  .col-hd-pull-10 {
    right: 83.33333333%;
  }
  .col-hd-pull-9 {
    right: 75%;
  }
  .col-hd-pull-8 {
    right: 66.66666667%;
  }
  .col-hd-pull-7 {
    right: 58.33333333%;
  }
  .col-hd-pull-6 {
    right: 50%;
  }
  .col-hd-pull-5 {
    right: 41.66666667%;
  }
  .col-hd-pull-4 {
    right: 33.33333333%;
  }
  .col-hd-pull-3 {
    right: 25%;
  }
  .col-hd-pull-2 {
    right: 16.66666667%;
  }
  .col-hd-pull-1 {
    right: 8.33333333%;
  }
  .col-hd-pull-0 {
    right: auto;
  }
  .col-hd-push-12 {
    left: 100%;
  }
  .col-hd-push-11 {
    left: 91.66666667%;
  }
  .col-hd-push-10 {
    left: 83.33333333%;
  }
  .col-hd-push-9 {
    left: 75%;
  }
  .col-hd-push-8 {
    left: 66.66666667%;
  }
  .col-hd-push-7 {
    left: 58.33333333%;
  }
  .col-hd-push-6 {
    left: 50%;
  }
  .col-hd-push-5 {
    left: 41.66666667%;
  }
  .col-hd-push-4 {
    left: 33.33333333%;
  }
  .col-hd-push-3 {
    left: 25%;
  }
  .col-hd-push-2 {
    left: 16.66666667%;
  }
  .col-hd-push-1 {
    left: 8.33333333%;
  }
  .col-hd-push-0 {
    left: auto;
  }
  .col-hd-offset-12 {
    margin-left: 100%;
  }
  .col-hd-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-hd-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-hd-offset-9 {
    margin-left: 75%;
  }
  .col-hd-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-hd-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-hd-offset-6 {
    margin-left: 50%;
  }
  .col-hd-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-hd-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-hd-offset-3 {
    margin-left: 25%;
  }
  .col-hd-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-hd-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-hd-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 1440px) {
  .hidden-hd {
    display: none !important;
  }
}
.visible-hd {
  display: none !important;
}
.visible-hd-block,
.visible-hd-inline,
.visible-hd-inline-block {
  display: none !important;
}
@media (min-width: 1440px) {
  .visible-hd {
    display: block !important;
  }
  table.visible-hd {
    display: table;
  }
  tr.visible-hd {
    display: table-row !important;
  }
  th.visible-hd,
  td.visible-hd {
    display: table-cell !important;
  }
}
@media (min-width: 1440px) {
  .visible-hd-block {
    display: block !important;
  }
}
@media (min-width: 1440px) {
  .visible-hd-inline {
    display: inline !important;
  }
}
@media (min-width: 1440px) {
  .visible-hd-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 2560px) {
  .col-4k-1, .col-4k-2, .col-4k-3, .col-4k-4, .col-4k-5, .col-4k-6, .col-4k-7, .col-4k-8, .col-4k-9, .col-4k-10, .col-4k-11, .col-4k-12 {
    float: left;
  }
  .col-4k-12 {
    width: 100%;
  }
  .col-4k-11 {
    width: 91.66666667%;
  }
  .col-4k-10 {
    width: 83.33333333%;
  }
  .col-4k-9 {
    width: 75%;
  }
  .col-4k-8 {
    width: 66.66666667%;
  }
  .col-4k-7 {
    width: 58.33333333%;
  }
  .col-4k-6 {
    width: 50%;
  }
  .col-4k-5 {
    width: 41.66666667%;
  }
  .col-4k-4 {
    width: 33.33333333%;
  }
  .col-4k-3 {
    width: 25%;
  }
  .col-4k-2 {
    width: 16.66666667%;
  }
  .col-4k-1 {
    width: 8.33333333%;
  }
  .col-4k-pull-12 {
    right: 100%;
  }
  .col-4k-pull-11 {
    right: 91.66666667%;
  }
  .col-4k-pull-10 {
    right: 83.33333333%;
  }
  .col-4k-pull-9 {
    right: 75%;
  }
  .col-4k-pull-8 {
    right: 66.66666667%;
  }
  .col-4k-pull-7 {
    right: 58.33333333%;
  }
  .col-4k-pull-6 {
    right: 50%;
  }
  .col-4k-pull-5 {
    right: 41.66666667%;
  }
  .col-4k-pull-4 {
    right: 33.33333333%;
  }
  .col-4k-pull-3 {
    right: 25%;
  }
  .col-4k-pull-2 {
    right: 16.66666667%;
  }
  .col-4k-pull-1 {
    right: 8.33333333%;
  }
  .col-4k-pull-0 {
    right: auto;
  }
  .col-4k-push-12 {
    left: 100%;
  }
  .col-4k-push-11 {
    left: 91.66666667%;
  }
  .col-4k-push-10 {
    left: 83.33333333%;
  }
  .col-4k-push-9 {
    left: 75%;
  }
  .col-4k-push-8 {
    left: 66.66666667%;
  }
  .col-4k-push-7 {
    left: 58.33333333%;
  }
  .col-4k-push-6 {
    left: 50%;
  }
  .col-4k-push-5 {
    left: 41.66666667%;
  }
  .col-4k-push-4 {
    left: 33.33333333%;
  }
  .col-4k-push-3 {
    left: 25%;
  }
  .col-4k-push-2 {
    left: 16.66666667%;
  }
  .col-4k-push-1 {
    left: 8.33333333%;
  }
  .col-4k-push-0 {
    left: auto;
  }
  .col-4k-offset-12 {
    margin-left: 100%;
  }
  .col-4k-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-4k-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-4k-offset-9 {
    margin-left: 75%;
  }
  .col-4k-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-4k-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-4k-offset-6 {
    margin-left: 50%;
  }
  .col-4k-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-4k-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-4k-offset-3 {
    margin-left: 25%;
  }
  .col-4k-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-4k-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-4k-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 2560px) {
  .hidden-4k {
    display: none !important;
  }
}
.visible-4k {
  display: none !important;
}
.visible-4k-block,
.visible-4k-inline,
.visible-4k-inline-block {
  display: none !important;
}
@media (min-width: 2560px) {
  .visible-4k {
    display: block !important;
  }
  table.visible-4k {
    display: table;
  }
  tr.visible-4k {
    display: table-row !important;
  }
  th.visible-4k,
  td.visible-4k {
    display: table-cell !important;
  }
}
@media (min-width: 2560px) {
  .visible-4k-block {
    display: block !important;
  }
}
@media (min-width: 2560px) {
  .visible-4k-inline {
    display: inline !important;
  }
}
@media (min-width: 2560px) {
  .visible-4k-inline-block {
    display: inline-block !important;
  }
}