a:active {
  outline: none; }

a:focus {
  outline: none;
  -moz-outline-style: none; }

.normal {
  font-weight: normal;
  font-style: normal;
  font-variant: normal; }

.uppercase {
  text-transform: uppercase; }

.lowercase {
  text-transform: lowercase; }

.capitalize {
  text-transform: capitalize; }

.em,
.italic {
  font-style: italic; }

.block {
  display: block; }

.inline {
  display: inline; }

.inline-block {
  display: inline-block; }

.disable-hover {
  pointer-events: none; }

/**
 * padding-gutter
 *
 */
.padding-gutter.padding-gutter {
  padding: 8px; }
  @media (max-width: 767px) {
    .padding-gutter.padding-gutter {
      padding: 10px; } }

@media (max-width: 767px) {
  .padding-gutter-xs.padding-gutter-xs {
    padding: 10px; } }
@media (min-width: 768px) and (max-width: 991px) {
  .padding-gutter-sm.padding-gutter-sm {
    padding: 8px; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .padding-gutter-md.padding-gutter-md {
    padding: 8px; } }
@media (min-width: 1200px) {
  .padding-gutter-lg.padding-gutter-lg {
    padding: 8px; } }
/**
 * padding-left-gutter
 * padding-top-gutter
 * padding-right-gutter
 * padding-bottom-gutter
 *
 */
.padding-left-gutter.padding-left-gutter {
  padding-left: 8px; }
  @media (max-width: 767px) {
    .padding-left-gutter.padding-left-gutter {
      padding-left: 10px; } }

@media (max-width: 767px) {
  .padding-left-gutter-xs.padding-left-gutter-xs {
    padding-left: 10px; } }
@media (min-width: 768px) and (max-width: 991px) {
  .padding-left-gutter-sm.padding-left-gutter-sm {
    padding-left: 8px; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .padding-left-gutter-md.padding-left-gutter-md {
    padding-left: 8px; } }
@media (min-width: 1200px) {
  .padding-left-gutter-lg.padding-left-gutter-lg {
    padding-left: 8px; } }
.padding-top-gutter.padding-top-gutter {
  padding-top: 8px; }
  @media (max-width: 767px) {
    .padding-top-gutter.padding-top-gutter {
      padding-top: 10px; } }

@media (max-width: 767px) {
  .padding-top-gutter-xs.padding-top-gutter-xs {
    padding-top: 10px; } }
@media (min-width: 768px) and (max-width: 991px) {
  .padding-top-gutter-sm.padding-top-gutter-sm {
    padding-top: 8px; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .padding-top-gutter-md.padding-top-gutter-md {
    padding-top: 8px; } }
@media (min-width: 1200px) {
  .padding-top-gutter-lg.padding-top-gutter-lg {
    padding-top: 8px; } }
.padding-right-gutter.padding-right-gutter {
  padding-right: 8px; }
  @media (max-width: 767px) {
    .padding-right-gutter.padding-right-gutter {
      padding-right: 10px; } }

@media (max-width: 767px) {
  .padding-right-gutter-xs.padding-right-gutter-xs {
    padding-right: 10px; } }
@media (min-width: 768px) and (max-width: 991px) {
  .padding-right-gutter-sm.padding-right-gutter-sm {
    padding-right: 8px; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .padding-right-gutter-md.padding-right-gutter-md {
    padding-right: 8px; } }
@media (min-width: 1200px) {
  .padding-right-gutter-lg.padding-right-gutter-lg {
    padding-right: 8px; } }
.padding-bottom-gutter.padding-bottom-gutter {
  padding-bottom: 8px; }
  @media (max-width: 767px) {
    .padding-bottom-gutter.padding-bottom-gutter {
      padding-bottom: 10px; } }

@media (max-width: 767px) {
  .padding-bottom-gutter-xs.padding-bottom-gutter-xs {
    padding-bottom: 10px; } }
@media (min-width: 768px) and (max-width: 991px) {
  .padding-bottom-gutter-sm.padding-bottom-gutter-sm {
    padding-bottom: 8px; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .padding-bottom-gutter-md.padding-bottom-gutter-md {
    padding-bottom: 8px; } }
@media (min-width: 1200px) {
  .padding-bottom-gutter-lg.padding-bottom-gutter-lg {
    padding-bottom: 8px; } }
/**
 * padding-left-right-gutter
 *
 */
.padding-left-right-gutter.padding-left-right-gutter {
  padding-left: 8px;
  padding-right: 8px; }
  @media (max-width: 767px) {
    .padding-left-right-gutter.padding-left-right-gutter {
      padding-left: 10px;
      padding-right: 10px; } }

@media (max-width: 767px) {
  .padding-left-right-gutter-xs.padding-left-right-gutter-xs {
    padding-left: 10px;
    padding-right: 10px; } }
@media (min-width: 768px) and (max-width: 991px) {
  .padding-left-right-gutter-sm.padding-left-right-gutter-sm {
    padding-left: 8px;
    padding-right: 8px; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .padding-left-right-gutter-md.padding-left-right-gutter-md {
    padding-left: 8px;
    padding-right: 8px; } }
@media (min-width: 1200px) {
  .padding-left-right-gutter-lg.padding-left-right-gutter-lg {
    padding-left: 8px;
    padding-right: 8px; } }
/**
 * padding-top-bottom-gutter
 *
 */
.padding-top-bottom-gutter.padding-top-bottom-gutter {
  padding-top: 8px;
  padding-bottom: 8px; }
  @media (max-width: 767px) {
    .padding-top-bottom-gutter.padding-top-bottom-gutter {
      padding-top: 10px;
      padding-bottom: 10px; } }

@media (max-width: 767px) {
  .padding-top-bottom-gutter-xs.padding-top-bottom-gutter-xs {
    padding-top: 10px;
    padding-bottom: 10px; } }
@media (min-width: 768px) and (max-width: 991px) {
  .padding-top-bottom-gutter-sm.padding-top-bottom-gutter-sm {
    padding-top: 8px;
    padding-bottom: 8px; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .padding-top-bottom-gutter-md.padding-top-bottom-gutter-md {
    padding-top: 8px;
    padding-bottom: 8px; } }
@media (min-width: 1200px) {
  .padding-top-bottom-gutter-lg.padding-top-bottom-gutter-lg {
    padding-top: 8px;
    padding-bottom: 8px; } }
/**
 * nopadding
 *
 */
.nopadding.nopadding {
  padding: 0; }

@media (max-width: 767px) {
  .nopadding-xs.nopadding-xs {
    padding: 0; } }
@media (min-width: 768px) and (max-width: 991px) {
  .nopadding-sm.nopadding-sm {
    padding: 0; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .nopadding-md.nopadding-md {
    padding: 0; } }
@media (min-width: 1200px) {
  .nopadding-lg.nopadding-lg {
    padding: 0; } }
/**
 * nopadding-left
 * nopadding-top
 * nopadding-right
 * nopadding-bottom
 *
 */
.nopadding-left.nopadding-left {
  padding-left: 0; }

@media (max-width: 767px) {
  .nopadding-left-xs.nopadding-left-xs {
    padding-left: 0; } }
@media (min-width: 768px) and (max-width: 991px) {
  .nopadding-left-sm.nopadding-left-sm {
    padding-left: 0; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .nopadding-left-md.nopadding-left-md {
    padding-left: 0; } }
@media (min-width: 1200px) {
  .nopadding-left-lg.nopadding-left-lg {
    padding-left: 0; } }
.nopadding-top.nopadding-top {
  padding-top: 0; }

@media (max-width: 767px) {
  .nopadding-top-xs.nopadding-top-xs {
    padding-top: 0; } }
@media (min-width: 768px) and (max-width: 991px) {
  .nopadding-top-sm.nopadding-top-sm {
    padding-top: 0; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .nopadding-top-md.nopadding-top-md {
    padding-top: 0; } }
@media (min-width: 1200px) {
  .nopadding-top-lg.nopadding-top-lg {
    padding-top: 0; } }
.nopadding-right.nopadding-right {
  padding-right: 0; }

@media (max-width: 767px) {
  .nopadding-right-xs.nopadding-right-xs {
    padding-right: 0; } }
@media (min-width: 768px) and (max-width: 991px) {
  .nopadding-right-sm.nopadding-right-sm {
    padding-right: 0; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .nopadding-right-md.nopadding-right-md {
    padding-right: 0; } }
@media (min-width: 1200px) {
  .nopadding-right-lg.nopadding-right-lg {
    padding-right: 0; } }
.nopadding-bottom.nopadding-bottom {
  padding-bottom: 0; }

@media (max-width: 767px) {
  .nopadding-bottom-xs.nopadding-bottom-xs {
    padding-bottom: 0; } }
@media (min-width: 768px) and (max-width: 991px) {
  .nopadding-bottom-sm.nopadding-bottom-sm {
    padding-bottom: 0; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .nopadding-bottom-md.nopadding-bottom-md {
    padding-bottom: 0; } }
@media (min-width: 1200px) {
  .nopadding-bottom-lg.nopadding-bottom-lg {
    padding-bottom: 0; } }
/**
 * nopadding-left-right
 *
 */
.nopadding-left-right.nopadding-left-right {
  padding-left: 0;
  padding-right: 0; }

@media (max-width: 767px) {
  .nopadding-left-right-xs.nopadding-left-right-xs {
    padding-left: 0;
    padding-right: 0; } }
@media (min-width: 768px) and (max-width: 991px) {
  .nopadding-left-right-sm.nopadding-left-right-sm {
    padding-left: 0;
    padding-right: 0; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .nopadding-left-right-md.nopadding-left-right-md {
    padding-left: 0;
    padding-right: 0; } }
@media (min-width: 1200px) {
  .nopadding-left-right-lg.nopadding-left-right-lg {
    padding-left: 0;
    padding-right: 0; } }
/**
 * nopadding-top-bottom
 *
 */
.nopadding-top-bottom.nopadding-top-bottom {
  padding-top: 0;
  padding-bottom: 0; }

@media (max-width: 767px) {
  .nopadding-top-bottom-xs.nopadding-top-bottom-xs {
    padding-top: 0;
    padding-bottom: 0; } }
@media (min-width: 768px) and (max-width: 991px) {
  .nopadding-top-bottom-sm.nopadding-top-bottom-sm {
    padding-top: 0;
    padding-bottom: 0; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .nopadding-top-bottom-md.nopadding-top-bottom-md {
    padding-top: 0;
    padding-bottom: 0; } }
@media (min-width: 1200px) {
  .nopadding-top-bottom-lg.nopadding-top-bottom-lg {
    padding-top: 0;
    padding-bottom: 0; } }
/**
 * margin-gutter
 *
 */
.margin-gutter.margin-gutter {
  margin: 8px; }
  @media (max-width: 767px) {
    .margin-gutter.margin-gutter {
      margin: 10px; } }

@media (max-width: 767px) {
  .margin-gutter-xs.margin-gutter-xs {
    margin: 10px; } }
@media (min-width: 768px) and (max-width: 991px) {
  .margin-gutter-sm.margin-gutter-sm {
    margin: 8px; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .margin-gutter-md.margin-gutter-md {
    margin: 8px; } }
@media (min-width: 1200px) {
  .margin-gutter-lg.margin-gutter-lg {
    margin: 8px; } }
/**
 * margin-left-gutter
 * margin-top-gutter
 * margin-right-gutter
 * margin-bottom-gutter
 *
 */
.margin-left-gutter.margin-left-gutter {
  margin-left: 8px; }
  @media (max-width: 767px) {
    .margin-left-gutter.margin-left-gutter {
      margin-left: 10px; } }

@media (max-width: 767px) {
  .margin-left-gutter-xs.margin-left-gutter-xs {
    margin-left: 10px; } }
@media (min-width: 768px) and (max-width: 991px) {
  .margin-left-gutter-sm.margin-left-gutter-sm {
    margin-left: 8px; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .margin-left-gutter-md.margin-left-gutter-md {
    margin-left: 8px; } }
@media (min-width: 1200px) {
  .margin-left-gutter-lg.margin-left-gutter-lg {
    margin-left: 8px; } }
.margin-top-gutter.margin-top-gutter {
  margin-top: 8px; }
  @media (max-width: 767px) {
    .margin-top-gutter.margin-top-gutter {
      margin-top: 10px; } }

@media (max-width: 767px) {
  .margin-top-gutter-xs.margin-top-gutter-xs {
    margin-top: 10px; } }
@media (min-width: 768px) and (max-width: 991px) {
  .margin-top-gutter-sm.margin-top-gutter-sm {
    margin-top: 8px; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .margin-top-gutter-md.margin-top-gutter-md {
    margin-top: 8px; } }
@media (min-width: 1200px) {
  .margin-top-gutter-lg.margin-top-gutter-lg {
    margin-top: 8px; } }
.margin-right-gutter.margin-right-gutter {
  margin-right: 8px; }
  @media (max-width: 767px) {
    .margin-right-gutter.margin-right-gutter {
      margin-right: 10px; } }

@media (max-width: 767px) {
  .margin-right-gutter-xs.margin-right-gutter-xs {
    margin-right: 10px; } }
@media (min-width: 768px) and (max-width: 991px) {
  .margin-right-gutter-sm.margin-right-gutter-sm {
    margin-right: 8px; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .margin-right-gutter-md.margin-right-gutter-md {
    margin-right: 8px; } }
@media (min-width: 1200px) {
  .margin-right-gutter-lg.margin-right-gutter-lg {
    margin-right: 8px; } }
.margin-bottom-gutter.margin-bottom-gutter {
  margin-bottom: 8px; }
  @media (max-width: 767px) {
    .margin-bottom-gutter.margin-bottom-gutter {
      margin-bottom: 10px; } }

@media (max-width: 767px) {
  .margin-bottom-gutter-xs.margin-bottom-gutter-xs {
    margin-bottom: 10px; } }
@media (min-width: 768px) and (max-width: 991px) {
  .margin-bottom-gutter-sm.margin-bottom-gutter-sm {
    margin-bottom: 8px; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .margin-bottom-gutter-md.margin-bottom-gutter-md {
    margin-bottom: 8px; } }
@media (min-width: 1200px) {
  .margin-bottom-gutter-lg.margin-bottom-gutter-lg {
    margin-bottom: 8px; } }
/**
 * margin-left-right-gutter
 *
 */
.margin-left-right-gutter.margin-left-right-gutter {
  margin-left: 8px;
  margin-right: 8px; }
  @media (max-width: 767px) {
    .margin-left-right-gutter.margin-left-right-gutter {
      margin-left: 10px;
      margin-right: 10px; } }

@media (max-width: 767px) {
  .margin-left-right-gutter-xs.margin-left-right-gutter-xs {
    margin-left: 10px;
    margin-right: 10px; } }
@media (min-width: 768px) and (max-width: 991px) {
  .margin-left-right-gutter-sm.margin-left-right-gutter-sm {
    margin-left: 8px;
    margin-right: 8px; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .margin-left-right-gutter-md.margin-left-right-gutter-md {
    margin-left: 8px;
    margin-right: 8px; } }
@media (min-width: 1200px) {
  .margin-left-right-gutter-lg.margin-left-right-gutter-lg {
    margin-left: 8px;
    margin-right: 8px; } }
/**
 * margin-top-bottom-gutter
 *
 */
.margin-top-bottom-gutter.margin-top-bottom-gutter {
  margin-top: 8px;
  margin-bottom: 8px; }
  @media (max-width: 767px) {
    .margin-top-bottom-gutter.margin-top-bottom-gutter {
      margin-top: 10px;
      margin-bottom: 10px; } }

@media (max-width: 767px) {
  .margin-top-bottom-gutter-xs.margin-top-bottom-gutter-xs {
    margin-top: 10px;
    margin-bottom: 10px; } }
@media (min-width: 768px) and (max-width: 991px) {
  .margin-top-bottom-gutter-sm.margin-top-bottom-gutter-sm {
    margin-top: 8px;
    margin-bottom: 8px; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .margin-top-bottom-gutter-md.margin-top-bottom-gutter-md {
    margin-top: 8px;
    margin-bottom: 8px; } }
@media (min-width: 1200px) {
  .margin-top-bottom-gutter-lg.margin-top-bottom-gutter-lg {
    margin-top: 8px;
    margin-bottom: 8px; } }
/**
 * nomargin
 *
 */
.nomargin.nomargin {
  margin: 0; }

@media (max-width: 767px) {
  .nomargin-xs.nomargin-xs {
    margin: 0; } }
@media (min-width: 768px) and (max-width: 991px) {
  .nomargin-sm.nomargin-sm {
    margin: 0; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .nomargin-md.nomargin-md {
    margin: 0; } }
@media (min-width: 1200px) {
  .nomargin-lg.nomargin-lg {
    margin: 0; } }
/**
 * nomargin-left
 * nomargin-top
 * nomargin-right
 * nomargin-bottom
 *
 */
.nomargin-left.nomargin-left {
  margin-left: 0; }

@media (max-width: 767px) {
  .nomargin-left-xs.nomargin-left-xs {
    margin-left: 0; } }
@media (min-width: 768px) and (max-width: 991px) {
  .nomargin-left-sm.nomargin-left-sm {
    margin-left: 0; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .nomargin-left-md.nomargin-left-md {
    margin-left: 0; } }
@media (min-width: 1200px) {
  .nomargin-left-lg.nomargin-left-lg {
    margin-left: 0; } }
.nomargin-top.nomargin-top {
  margin-top: 0; }

@media (max-width: 767px) {
  .nomargin-top-xs.nomargin-top-xs {
    margin-top: 0; } }
@media (min-width: 768px) and (max-width: 991px) {
  .nomargin-top-sm.nomargin-top-sm {
    margin-top: 0; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .nomargin-top-md.nomargin-top-md {
    margin-top: 0; } }
@media (min-width: 1200px) {
  .nomargin-top-lg.nomargin-top-lg {
    margin-top: 0; } }
.nomargin-right.nomargin-right {
  margin-right: 0; }

@media (max-width: 767px) {
  .nomargin-right-xs.nomargin-right-xs {
    margin-right: 0; } }
@media (min-width: 768px) and (max-width: 991px) {
  .nomargin-right-sm.nomargin-right-sm {
    margin-right: 0; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .nomargin-right-md.nomargin-right-md {
    margin-right: 0; } }
@media (min-width: 1200px) {
  .nomargin-right-lg.nomargin-right-lg {
    margin-right: 0; } }
.nomargin-bottom.nomargin-bottom {
  margin-bottom: 0; }

@media (max-width: 767px) {
  .nomargin-bottom-xs.nomargin-bottom-xs {
    margin-bottom: 0; } }
@media (min-width: 768px) and (max-width: 991px) {
  .nomargin-bottom-sm.nomargin-bottom-sm {
    margin-bottom: 0; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .nomargin-bottom-md.nomargin-bottom-md {
    margin-bottom: 0; } }
@media (min-width: 1200px) {
  .nomargin-bottom-lg.nomargin-bottom-lg {
    margin-bottom: 0; } }
/**
 * nomargin-left-right
 *
 */
.nomargin-left-right.nomargin-left-right {
  margin-left: 0;
  margin-right: 0; }

@media (max-width: 767px) {
  .nomargin-left-right-xs.nomargin-left-right-xs {
    margin-left: 0;
    margin-right: 0; } }
@media (min-width: 768px) and (max-width: 991px) {
  .nomargin-left-right-sm.nomargin-left-right-sm {
    margin-left: 0;
    margin-right: 0; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .nomargin-left-right-md.nomargin-left-right-md {
    margin-left: 0;
    margin-right: 0; } }
@media (min-width: 1200px) {
  .nomargin-left-right-lg.nomargin-left-right-lg {
    margin-left: 0;
    margin-right: 0; } }
/**
 * nomargin-top-bottom
 *
 */
.nomargin-top-bottom.nomargin-top-bottom {
  margin-top: 0;
  margin-bottom: 0; }

@media (max-width: 767px) {
  .nomargin-top-bottom-xs.nomargin-top-bottom-xs {
    margin-top: 0;
    margin-bottom: 0; } }
@media (min-width: 768px) and (max-width: 991px) {
  .nomargin-top-bottom-sm.nomargin-top-bottom-sm {
    margin-top: 0;
    margin-bottom: 0; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .nomargin-top-bottom-md.nomargin-top-bottom-md {
    margin-top: 0;
    margin-bottom: 0; } }
@media (min-width: 1200px) {
  .nomargin-top-bottom-lg.nomargin-top-bottom-lg {
    margin-top: 0;
    margin-bottom: 0; } }
.media,
.panel {
  transition: opacity 0.5s ease; }

.transparent {
  zoom: 1;
  filter: alpha(opacity=50);
  opacity: 0.5; }

.overflow {
  overflow: visible; }

.clearfix:before, .clearfix:after {
  content: " ";
  display: table; }
.clearfix:after {
  clear: both; }

.oldie .clearfix {
  *zoom: 1; }

.ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

.translatez {
  -webkit-transform: translatez(0);
  -moz-transform: translatez(0);
  -ms-transform: translatez(0);
  -o-transform: translatez(0);
  transform: translatez(0); }

.vr-left {
  border-left: 2px solid #eeeeee;
  padding-left: 8px; }
  @media (max-width: 767px) {
    .vr-left {
      padding-left: 10px; } }

.vr-right {
  border-right: 2px solid #eeeeee;
  padding-right: 8px; }
  @media (max-width: 767px) {
    .vr-right {
      padding-right: 10px; } }

.col-wrapper-xs:before, .col-wrapper-xs:after,
.col-wrapper-sm:before,
.col-wrapper-sm:after,
.col-wrapper-md:before,
.col-wrapper-md:after,
.col-wrapper-lg:before,
.col-wrapper-lg:after {
  clear: none;
  content: "";
  display: block; }

@media (max-width: 767px) {
  .col-wrapper-xs:before, .col-wrapper-xs:after {
    content: " ";
    display: table; }
  .col-wrapper-xs:after {
    clear: both; } }
@media (min-width: 768px) and (max-width: 991px) {
  .col-wrapper-sm:before, .col-wrapper-sm:after {
    content: " ";
    display: table; }
  .col-wrapper-sm:after {
    clear: both; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .col-wrapper-md:before, .col-wrapper-md:after {
    content: " ";
    display: table; }
  .col-wrapper-md:after {
    clear: both; } }
@media (min-width: 1200px) {
  .col-wrapper-lg:before, .col-wrapper-lg:after {
    content: " ";
    display: table; }
  .col-wrapper-lg:after {
    clear: both; } }
@media (max-width: 767px) {
  .text-left-xs {
    text-align: left; }

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

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

  .text-justify-xs {
    text-align: justify; }

  .text-nowrap-xs {
    white-space: nowrap; } }
@media (min-width: 768px) and (max-width: 991px) {
  .text-left-sm {
    text-align: left; }

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

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

  .text-justify-sm {
    text-align: justify; }

  .text-nowrap-sm {
    white-space: nowrap; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .text-left-md {
    text-align: left; }

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

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

  .text-justify-md {
    text-align: justify; }

  .text-nowrap-md {
    white-space: nowrap; } }
@media (min-width: 1200px) {
  .text-left-lg {
    text-align: left; }

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

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

  .text-justify-lg {
    text-align: justify; }

  .text-nowrap-lg {
    white-space: nowrap; } }
.margin-5px.margin-5px {
  margin: 5px; }

.margin-left-5px.margin-left-5px {
  margin-left: 5px; }

.margin-right-5px.margin-right-5px {
  margin-right: 5px; }

.margin-top-5px.margin-top-5px {
  margin-top: 5px; }

.margin-bottom-5px.margin-bottom-5px {
  margin-bottom: 5px; }

.margin-top-bottom-5px.margin-top-bottom-5px {
  margin-top: 5px;
  margin-bottom: 5px; }

.margin-left-right-5px.margin-left-right-5px {
  margin-left: 5px;
  margin-right: 5px; }

/*!
 * IE10 viewport hack for Surface/desktop Windows 8 bug
 * Copyright 2014-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*
 * See the Getting Started docs for more information:
 * http://getbootstrap.com/getting-started/#support-ie10-width
 */
@-webkit-viewport {
  width: device-width; }
@-moz-viewport {
  width: device-width; }
@-ms-viewport {
  width: device-width; }
@-o-viewport {
  width: device-width; }
@viewport {
  width: device-width; }
html, body {
  height: 100%; }

header .container {
  width: auto; }
header .logo {
  padding: 50px;
  background: url("../images/kom-we-geven-de-landbouw-de-schuld.png") no-repeat center center #00ab4e;
  height: 500px; }
  header .logo h1 {
    visibility: hidden;
    margin: 0; }
header .foto {
  display: block;
  height: 500px;
  background: url("../images/kom-we-geven-de-landbouw-de-schuld-trekker.jpg") no-repeat;
  background-size: cover;
  background-position: center; }

section {
  padding: 60px 0; }
  section .container {
    width: 300px;
    font-size: 14px; }
    @media (min-width: 767px) {
      section .container {
        width: 660px; } }
    section .container h2 {
      color: #00ab4e;
      font-weight: bold;
      margin-bottom: 5px;
      margin-top: 0px; }
    section .container h3 {
      margin-top: 0;
      margin-bottom: 14px;
      font-style: italic; }
    section .container p {
      line-height: 24px; }
    section .container p:last-of-type {
      margin-bottom: 0; }
    section .container .foto img {
      max-width: 100%;
      width: 100%;
      object-fit: cover;
      object-position: 50% 50%;
      -o-object-fit: cover;
      -o-object-position: 50% 50%; }
  section.quotes, section.details {
    position: relative;
    background: #EDEDED; }
    section.quotes:after, section.details:after {
      position: absolute;
      top: 0;
      left: 0;
      width: 11px;
      height: 100%;
      background: #00ab4e;
      content: ' '; }
  section .timetable {
    margin-top: 20px; }
    section .timetable .item {
      margin-bottom: 8px;
      position: relative; }
      section .timetable .item:last-of-type {
        margin-bottom: inherit; }
      section .timetable .item .time {
        position: absolute;
        top: 0;
        left: 0; }
      section .timetable .item .tekst {
        padding-left: 50px; }
      section .timetable .item .titel {
        padding-left: 50px;
        font-weight: bold; }
  section.panel .panellid {
    padding-bottom: 16px; }
    section.panel .panellid .foto {
      overflow: hidden; }
    section.panel .panellid .naam {
      font-weight: bold; }
  section.presentatie .foto {
    max-height: 270px;
    overflow: hidden; }
  section.presentatie .naam {
    font-weight: bold;
    margin-top: 5px; }
  section.presentatie .col-sm-6 {
    margin-bottom: 20px; }
  section.presentatie .col-sm-6:last-child {
    margin-bottom: 0; }
  @media (min-width: 767px) {
    section.presentatie .col-sm-6 {
      margin-bottom: 0px; } }
  section.marketing {
    background: #333; }
    section.marketing .logo {
      padding-bottom: 30px; }
    section.marketing .row div .logo:last-of-type img {
      max-width: 120px; }

.cta,
.cta:hover {
  text-decoration: none; }

.arrow-green {
  background-image: url("../images/arrow-green.png");
  background-size: cover;
  background-position: center right;
  color: white;
  max-width: 380px;
  padding: 20px 50px 34px 20px;
  transition: all .35s;
  transition-delay: .1s; }

.cta:hover .arrow-green {
  padding-left: 30px;
  max-width: 420px; }

.arrow-blue {
  background-image: url("../images/arrow-blue.png");
  background-size: cover;
  background-position: center right;
  font-size: 24px;
  color: white;
  font-weight: bold;
  max-width: 240px;
  padding: 30px 50px 30px 20px;
  position: relative;
  top: -20px;
  transition: all .35s; }

.cta:hover .arrow-blue {
  padding-left: 30px;
  max-width: 280px; }

footer {
  padding: 60px 0;
  background: #171717;
  color: #FFF;
  font-style: italic; }
  footer .container {
    width: 300px; }
    @media (min-width: 767px) {
      footer .container {
        width: 660px; } }