/*!
 * Bootstrap Grid v4.0.0 (https://getbootstrap.com)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
@-ms-viewport {
  width: device-width;
}
html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}
*,
*::before,
*::after {
  box-sizing: inherit;
}
.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}
.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.col-auto {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}
.col-1 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}
.col-2 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}
.col-3 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}
.col-4 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.col-5 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}
.col-6 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
.col-7 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}
.col-8 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}
.col-9 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}
.col-10 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}
.col-11 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}
.col-12 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.order-first {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
}
.order-last {
  -webkit-box-ordinal-group: 14;
  -ms-flex-order: 13;
  order: 13;
}
.order-0 {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
}
.order-1 {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}
.order-2 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}
.order-3 {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}
.order-4 {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
}
.order-5 {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5;
}
.order-6 {
  -webkit-box-ordinal-group: 7;
  -ms-flex-order: 6;
  order: 6;
}
.order-7 {
  -webkit-box-ordinal-group: 8;
  -ms-flex-order: 7;
  order: 7;
}
.order-8 {
  -webkit-box-ordinal-group: 9;
  -ms-flex-order: 8;
  order: 8;
}
.order-9 {
  -webkit-box-ordinal-group: 10;
  -ms-flex-order: 9;
  order: 9;
}
.order-10 {
  -webkit-box-ordinal-group: 11;
  -ms-flex-order: 10;
  order: 10;
}
.order-11 {
  -webkit-box-ordinal-group: 12;
  -ms-flex-order: 11;
  order: 11;
}
.order-12 {
  -webkit-box-ordinal-group: 13;
  -ms-flex-order: 12;
  order: 12;
}
.offset-1 {
  margin-left: 8.333333%;
}
.offset-2 {
  margin-left: 16.666667%;
}
.offset-3 {
  margin-left: 25%;
}
.offset-4 {
  margin-left: 33.333333%;
}
.offset-5 {
  margin-left: 41.666667%;
}
.offset-6 {
  margin-left: 50%;
}
.offset-7 {
  margin-left: 58.333333%;
}
.offset-8 {
  margin-left: 66.666667%;
}
.offset-9 {
  margin-left: 75%;
}
.offset-10 {
  margin-left: 83.333333%;
}
.offset-11 {
  margin-left: 91.666667%;
}
@media (min-width: 576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-sm-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-sm-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-sm-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-sm-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-sm-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-sm-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-sm-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-sm-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-sm-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }
  .order-sm-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-sm-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-sm-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-sm-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-sm-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-sm-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-sm-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-sm-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-sm-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-sm-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-sm-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-sm-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-sm-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.333333%;
  }
  .offset-sm-2 {
    margin-left: 16.666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.333333%;
  }
  .offset-sm-5 {
    margin-left: 41.666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.333333%;
  }
  .offset-sm-8 {
    margin-left: 66.666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.333333%;
  }
  .offset-sm-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-md-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-md-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-md-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-md-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }
  .order-md-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-md-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-md-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-md-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-md-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-md-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-md-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-md-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-md-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-md-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-md-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-md-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-md-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.333333%;
  }
  .offset-md-2 {
    margin-left: 16.666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.333333%;
  }
  .offset-md-5 {
    margin-left: 41.666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.333333%;
  }
  .offset-md-8 {
    margin-left: 66.666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.333333%;
  }
  .offset-md-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-lg-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-lg-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-lg-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-lg-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-lg-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-lg-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-lg-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-lg-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-lg-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }
  .order-lg-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-lg-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-lg-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-lg-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-lg-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-lg-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-lg-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-lg-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-lg-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-lg-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-lg-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-lg-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-lg-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.333333%;
  }
  .offset-lg-2 {
    margin-left: 16.666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.333333%;
  }
  .offset-lg-5 {
    margin-left: 41.666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.333333%;
  }
  .offset-lg-8 {
    margin-left: 66.666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.333333%;
  }
  .offset-lg-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-xl-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xl-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xl-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xl-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xl-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xl-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xl-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xl-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-xl-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }
  .order-xl-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-xl-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-xl-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-xl-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-xl-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-xl-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-xl-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-xl-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-xl-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-xl-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-xl-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-xl-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-xl-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.333333%;
  }
  .offset-xl-2 {
    margin-left: 16.666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.333333%;
  }
  .offset-xl-5 {
    margin-left: 41.666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.333333%;
  }
  .offset-xl-8 {
    margin-left: 66.666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.333333%;
  }
  .offset-xl-11 {
    margin-left: 91.666667%;
  }
}
.d-none {
  display: none !important;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-table {
  display: table !important;
}
.d-table-row {
  display: table-row !important;
}
.d-table-cell {
  display: table-cell !important;
}
.d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.d-inline-flex {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}
@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-md-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-print-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
.flex-row {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}
.flex-column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}
.flex-row-reverse {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}
.flex-column-reverse {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
}
.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}
.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
}
.justify-content-start {
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}
.justify-content-end {
  -webkit-box-pack: end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}
.justify-content-center {
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}
.justify-content-between {
  -webkit-box-pack: justify !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}
.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}
.align-items-start {
  -webkit-box-align: start !important;
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}
.align-items-end {
  -webkit-box-align: end !important;
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}
.align-items-center {
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}
.align-items-baseline {
  -webkit-box-align: baseline !important;
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
}
.align-items-stretch {
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}
.align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
}
.align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important;
}
.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important;
}
.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
}
.align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important;
}
.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
}
.align-self-auto {
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
}
.align-self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
}
.align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
}
.align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important;
}
.align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important;
}
.align-self-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
}
@media (min-width: 576px) {
  .flex-sm-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-sm-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-sm-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-sm-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-sm-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-md-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-md-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-md-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-md-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-md-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-md-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-md-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-md-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-md-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-md-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-md-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-md-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .flex-lg-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-lg-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-lg-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-lg-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-lg-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .flex-xl-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-xl-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-xl-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-xl-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-xl-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-xl-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
/*# sourceMappingURL=bootstrap-grid.css.map */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
img {
  max-width: 100%;
  height: auto;
}
.svg {
  display: inline-block;
  vertical-align: middle;
}
.svg-search {
  width: 40px;
  height: 40px;
  background: url("svg/search.svg") center center no-repeat;
}
html,
body {
  font-size: 100.01%;
}
body {
  padding: 0;
  margin: 0;
  background: #fff url('body-bg.png') center top repeat-x;
  color: #333;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 75%;
}
body .hp {
  color: #666;
}
body {
  behavior: url('http://www.ceskamasna.cz/design/csshover3.htc');
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #333;
  margin: 0.3em 0;
}
h1 {
  font-size: 125%;
  /*background: #a80000 url('h1.png') left top repeat-x;*/
  background: linear-gradient(#cc0000, #550000);
  height: 35px;
  line-height: 35px;
  color: #fff;
  padding: 0 0 0 13px;
  margin-bottom: 15px;
  text-transform: uppercase;
}
h1 span {
  text-transform: none;
}
.hp h2 {
  font-size: 160%;
  color: #333;
  font-weight: normal;
}
h2,
.hp h3 {
  font-size: 150%;
  font-weight: normal;
}
h3,
.hp h4 {
  font-size: 125%;
  font-weight: normal;
}
h4,
.hp h5,
.hp h6 {
  font-size: 100%;
}
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
p {
  line-height: 150%;
  margin: 0.5em 0;
}
a {
  color: #c00;
}
a:hover {
  color: #333;
}
a img {
  border: 0;
}
sub,
sup {
  vertical-align: baseline;
  position: relative;
}
sub {
  top: 0.4em;
}
sup {
  bottom: 0.4em;
}
abbr,
acronym {
  cursor: help;
}
address {
  font-style: normal;
}
table {
  border: 0;
}
table tr {
  background: #fafafa;
}
table th {
  padding: 5px 9px;
  background: #fff;
  font-weight: normal;
}
table td {
  padding: 5px 9px;
}
ul,
ol,
dl,
dt,
dd {
  margin: 0;
  padding: 0;
}
li {
  margin: 0.4em 0;
  line-height: 130%;
  list-style-type: none;
}
dt,
dd {
  float: left;
}
form {
  margin: 0;
}
input.submit {
  cursor: pointer;
}
input.text {
  width: 150px;
}
input.short {
  width: 3em;
}
input,
textarea {
  font-family: Arial, Helvetica, sans-serif;
}
input.text,
select {
  background: #fff url('input-text.png') left top repeat-x;
  border: 1px solid #d6d6d6;
}
textarea {
  background: #fff url('textarea.png') left top repeat-x;
  font-family: arial, helvetica, sans-serif;
  font-size: 100%;
}
.cleaner {
  clear: both;
  visibility: hidden;
  font-size: 1px;
  height: 1px;
  line-height: 1px;
}
/*hr {display: none;}*/
div#wrapper {
  max-width: 990px;
  width: 100%;
  margin: 0 auto 40px;
  padding: 0 15px;
  position: relative;
}
#logo a {
  text-decoration: none;
}
#logo {
  position: absolute;
  font-weight: bold;
  z-index: 2;
  /*font-size: 180%;*/
  font-size: 0;
  line-height: 0;
  top: 51px;
  left: 0;
  padding: 0;
  overflow: hidden;
  /*background-color: #fff; */
  background: none;
  text-decoration: none;
  margin: 0;
}
#logo {
  /*width: 363px; height: 70px; */
  width: auto;
  height: auto;
  display: block;
  cursor: pointer;
}
/*#logo span {position: absolute; left: 0; top: 0; z-index: 3; background: url('logo.png') no-repeat;}*/
#logo small {
  /*font-size: 60%;*/
  position: relative;
  top: -10px;
}
#logo img {
  max-width: 100%;
}
/* HEADER */
div#header {
  /*height: 204px; */
  height: 197px;
  /*position: absolute; top: 0; left: 0; width: 960px;*/
  position: relative;
  background: url('header.gif') 430px 34px no-repeat;
  /*z-index: 1;*/
}
strong#slogan {
  color: #c00;
  position: absolute;
  top: 70px;
  left: 355px;
  font-size: 200%;
  font-weight: normal;
  font-family: 'arial narrow', arial, helvetica, sans-serif;
}
strong#slogan span {
  color: #333;
  display: block;
  padding: 0 0 0 50px;
  font-size: 80%;
  font-weight: bold;
}
/* menu, header nav */
ul#menu,
div#header ul.nav {
  position: absolute;
  bottom: 0;
  left: 0;
  /*height: 56px;*/
  height: 49px;
}
div#header ul.nav {
  top: 0;
  right: 155px;
  height: 34px;
}
ul#menu li,
div#header ul.nav li {
  float: left;
  margin: 0;
}
ul#menu li a,
div#header ul.nav li a,
div#header ul.nav li span {
  float: left;
  height: 45px;
  padding: 0 15px;
  line-height: 45px;
}
div#header ul.nav li a,
div#header ul.nav li span {
  height: 34px;
  line-height: 34px;
}
ul#menu li a {
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 100%;
  background: #750000 url('menu-li-bg.png') left top repeat-x;
  display: block;
}
ul#menu li a span {
  display: inline-block;
  height: 45px;
  cursor: pointer;
}
ul#menu li a:hover {
  background: #464646 url('menu-hover.png') left top repeat-x;
}
ul#menu li a:hover span {
  background: url('menu-hover-arrow.png') center bottom no-repeat;
}
ul#menu li {
  height: 45px;
}
ul#menu li.active a,
ul#menu li.active a:hover {
  height: 45px;
  background: #f00 url('menu-active-bg.png') left top repeat-x;
}
ul#menu li.active a span,
ul#menu li.active a:hover span {
  height: 45px;
  background: url('menu-active-arrow.png') center bottom no-repeat;
}
ul#menu li ul {
  position: absolute;
  top: 45px;
  background: #710C09 url('bg-ul-ul.png') left top repeat-x;
  /*width:236px;*/
  height: auto;
  visibility: hidden;
  z-index: 1;
  margin-left: 0;
  clear: both;
}
ul#menu li ul li {
  /*width:235px;*/
  float: none;
  height: auto;
  line-height: 29px;
  padding-bottom: 0;
  margin-bottom: 0;
}
ul#menu li ul li a,
ul#menu li.active ul li a {
  /*width:206px;*/
  width: 236px;
  display: block;
  height: auto;
  font-weight: bold;
  background: url('bg-li.png') left top repeat-x;
  line-height: 29px;
}
ul#menu li ul li a:hover,
ul#menu li.active ul li a:hover {
  background: #2E2E2E url('bg-li-active.png') left top no-repeat;
  line-height: 29px;
  height: auto;
}
ul#menu li:hover ul,
ul#menu li:hover ul li:hover {
  visibility: visible;
}
#mobile-menu-wrapper {
  display: none;
}
div#header ul.nav li {
  background: url('header-nav-li-bg.png') right top no-repeat;
}
div#header ul.nav li.last {
  background: url('');
}
div#header ul.nav li,
div#header ul.nav li a {
  color: #333;
  text-decoration: none;
}
div#header ul.nav li a:hover {
  color: #c00;
  text-decoration: underline;
}
div#header ul.nav a.favourite {
  background: url('favourite.gif') 13px 7px no-repeat;
  padding: 0 0 0 40px;
}
div#header a#logout,
div#header a.logout,
div#header input#logout {
  background: #c00 url('a-more.gif') right top no-repeat;
  text-decoration: none;
  padding: 3px 15px;
  color: #fff;
  position: absolute;
  top: 16px;
  right: 0;
  text-transform: uppercase;
  font-size: 80%;
  border: 0;
}
div#header a.logout {
  width: 54px;
  position: absolute;
  left: 876px;
  text-align: center;
}
div#header input#logout {
  padding: 0;
  height: 19px;
  width: 84px;
  line-height: 19px;
}
div#header a#logout:hover,
div#header a.logout:hover,
div#header input#logout:hover {
  background-color: #333;
}
/* cart */
div#header a#cart {
  display: block;
  height: 70px;
  text-decoration: none;
  text-align: left;
  color: #666;
}
div#header a#cart {
  background: url('cart-bg.gif') right 25px no-repeat;
  position: absolute;
  top: 59px;
  right: 0;
  text-align: right;
}
div#header a#cart strong {
  font-weight: bold;
  margin: 0;
  font-size: 130%;
}
div#header a#cart span.padding {
  display: block;
  padding: 5px 70px 0 0;
}
div#header a#cart strong.red {
  color: #c00;
  font-size: 130%;
}
div#header a#cart strong.red small {
  font-size: 80%;
}
div#header a#cart strong {
  color: #333;
}
/* search form */
form#search {
  position: absolute;
  right: 0;
  top: 158px;
}
form#search * {
  float: left;
}
div#header input.text {
  width: 118px;
  height: 24px;
  margin-right: 5px;
  padding: 3px 7px 0;
  border: 1px solid #6a0000;
  background: #fff url('search-text.png') left top repeat-x;
}
form#search input.submit {
  width: 63px;
  height: 24px;
  line-height: 24px;
  border: 1px solid #3a3a3a;
  color: #fff;
  background: #383838 url('search-submit.png') left top repeat-x;
  font-size: 110%;
}
form#search label {
  color: #fff;
  margin-top: 5px;
}
form#search .cbx {
  margin-top: 5px;
}
#search-toggle {
  display: none;
  padding: 10px;
}
/* login form */
#top-user {
  padding: 7px 83px 0 0;
  text-align: right;
}
/*form#login label, form#login input, form#login a {position: relative; top: 7px; left: 300px;}*/
form#login input.text {
  border: 1px solid #c8c8c8;
  padding: 0 7px;
}
form#login input.submit {
  padding: 0 7px;
  background: #940000 url('input-submit.png') left top repeat-x;
  height: 22px;
  color: #fff;
  border: 0;
  margin: 0 0 0 10px;
  display: inline-block;
}
form#login input.submit:hover {
  background: #7a7a7a url('input-submit-hover.png') left top repeat-x;
}
/* LEFT */
div#left {
  /*float: left; margin: 197px 23px 0 0; width: 220px;*/
  /* margin-top: 197px; */
  order: -1;
}
div#left a#reserve {
  background: #a50000 url('left-reserve.png') no-repeat;
  /*width: 150px;*/
  text-align: center;
  padding: 20px 0 0 68px;
  height: 126px;
  font-size: 110%;
  display: block;
  color: #fff;
  text-decoration: none;
}
div#left a#reserve big {
  text-transform: uppercase;
  font-size: 100%;
}
div#left a#reserve big strong {
  display: block;
  font-size: 165%;
  font-weight: normal;
  padding-top: 3px;
}
div#left a#reserve span {
  display: inline-block;
  padding: 23px 0 0 15px;
}
/* left menu */
div#left ul#nav li {
  /*width: 220px;*/
  display: block;
  line-height: 35px;
  margin: 0;
}
div#left ul#nav li a {
  display: block;
  /*width: 205px;*/
  padding: 0 15px;
  font-weight: bold;
  font-size: 100%;
  border-top: 1px solid #fff;
  height: 35px;
  overflow: hidden;
  text-transform: uppercase;
  color: #fff;
  background: #464646 url('left-nav-bg.png') left top repeat-x;
  text-decoration: none;
  position: relative;
}
div#left ul#nav li a:hover {
  background: #6f6f6f url('left-nav-hover-bg.png') left top repeat-x;
  font-weight: bold;
}
div#left ul#nav li a span {
  position: absolute;
  top: 0;
  /*left: 191px;*/
  right: 13px;
  display: block;
  width: 14px;
  height: 7px;
  background: url('left-nav-bg-span.gif') no-repeat;
}
div#left ul#nav li.active a {
  text-decoration: none;
  font-size: 125%;
}
div#left ul#nav li.active a span {
  display: none;
}
div#left ul#nav li ul {
  display: none;
  padding: 7px 0;
  background: #e1e1e1 url('left-nav-ul.gif') left top no-repeat;
}
div#left ul#nav li ul.active {
  display: block;
}
div#left ul#nav li.active ul li {
  line-height: 22px;
}
div#left ul#nav li.active ul li a {
  background: #e1e1e1;
  color: #333;
  font-size: 100%;
  height: auto;
  line-height: 22px;
  border: 0;
  text-transform: none;
  font-weight: normal;
}
div#left ul#nav li.active ul li.active a,
div#left ul#nav li.active ul li.active a:hover {
  background: #fff;
  font-weight: normal;
  color: #333;
}
div#left ul#nav li.active ul li a:hover {
  background: #d00 url('left-nav-active.png') left top repeat-x;
  font-weight: bold;
  color: #fff;
}
div#left a.ad {
  background: #f1f1f1;
  color: #a0a0a0;
  text-align: right;
  display: block;
  width: 220px;
  height: 190px;
  margin-top: 10px;
  text-decoration: none;
}
/* news */
div#left h3 {
  background: #e1e1e1 url('arrow-gray.gif') left bottom no-repeat;
  color: #333;
  text-transform: uppercase;
  font-size: 100%;
  padding: 0 0 0 17px;
  font-weight: bold;
  height: 42px;
  line-height: 35px;
  position: relative;
  margin: 21px 0 0;
}
div#left h3 a.archiv {
  position: absolute;
  right: 15px;
  top: -1px;
  font-size: 90%;
  text-transform: none;
  font-weight: normal;
}
div#left div.news {
  position: relative;
  padding: 0 0 0 17px;
}
div#left div.news h4 {
  /*width: 148px; margin: 20px 0 12px;*/
  margin: 20px 50px 12px 0;
}
div#left div.news h4 a {
  color: #c00;
  text-decoration: none;
}
div#left div.news h4 a:hover {
  color: #333;
  text-decoration: none;
}
div#left div.news small.date {
  position: absolute;
  top: 2px;
  right: 0;
  color: #999;
}
div#left div.news p {
  font-size: 90%;
}
a.more {
  background: #333 url('a-more.gif') top right no-repeat;
  display: inline-block;
  margin-top: 2px;
  padding: 3px 10px;
  color: #fff;
  font-size: 80%;
  text-decoration: none;
}
a.more:hover {
  background-color: #c00;
  color: #fff;
}
/* CONTENT */
div#content {
  /*float: right; margin: 197px 0 0; width: 717px; padding: 50px 0 0;*/
  /*margin-top: 197px; */
  /*padding-top: 50px;*/
  padding-top: 28px;
  position: relative;
}
div.content-left {
  float: left !important;
}
div#content.hp {
  /*padding: 20px 0 0 !important;*/
  padding-top: 20px;
}
div#content p.short {
  width: 570px;
}
ul#breadcrumbs {
  /*margin: 0; position: absolute; top: 28px;*/
  /*left: 0;*/
  margin: 0 0 15px;
}
ul#breadcrumbs:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
ul#breadcrumbs:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
ul#breadcrumbs:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
ul#breadcrumbs:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
ul#breadcrumbs li {
  margin: 0;
  float: left;
  font-size: 80%;
}
ul#breadcrumbs li a {
  padding: 0 10px;
  background: url('breadcrumbs.png') right 4px no-repeat;
}
ul#breadcrumbs li.first a {
  padding-left: 0;
}
ul#breadcrumbs li.last {
  padding-left: 10px;
}
div#content a.more {
  margin: 11px 0 5px;
}
/* products */
div.products {
  position: relative;
}
div.products h2 {
  height: 35px;
  line-height: 35px;
  background: #a30000 url('products-h2.png') left top repeat-x;
  font-weight: bold;
  font-size: 125%;
  margin: 13px 0 0;
  padding: 0 0 0 11px;
  /* 0 0 0 33px - ikonky vlevo */
  color: #fff;
  text-transform: uppercase;
  position: relative;
}
div.products h2 span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
/*div.products h2.action span {top: 7px; background: url('action-bg.gif') left top no-repeat; left: 13px; width: 7px; height: 21px;}*/
div.products span.other {
  text-align: right;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  padding: 8px 13px 0 0;
  width: 316px;
}
/*div.products span.action {background: url('content-hp-bg-2.gif') 150px top no-repeat;}*/
div.products a.other {
  color: #fff;
  font-size: 120%;
}
div.products a.other:hover {
  text-decoration: none;
}
/*div.hp {background: url('content-hp-bg.gif') right 23px no-repeat;}*/
div.hp div.first {
  /*background: url('content-hp-bg.gif') right bottom no-repeat;*/
  margin-bottom: -13px;
  padding-bottom: 13px;
  /*height: 187px;*/
}
div.hp div.first img {
  max-width: 100%;
}
/** html div.hp div.first {height: 145px;}*/
.products-grid {
  margin-left: -1px;
  margin-right: -1px;
}
.products-grid .product-col {
  padding-left: 1px;
  padding-right: 1px;
}
div.product {
  /*width: 174px;*/
  /*margin: 10px 3px 13px 0;*/
  margin: 10px 0 13px;
  border: 1px solid #ebebeb;
  /*float: left;*/
  background: url('product-bg.png') left 140px repeat-x;
  /*height: 310px;*/
  padding-bottom: 10px;
}
/*div.products div.last {margin-right: 0;}*/
div.product a {
  /*width:175px; */
  height: 139px;
  display: block;
  text-align: center;
}
div.product img {
  display: inline-block;
  width: 100%;
  max-width: 175px;
  max-height: 139px;
}
div.product h3 {
  background: url('arrow-white.gif') 158px top no-repeat;
  margin: -2px 0 0;
  padding: 11px 13px 0;
  height: 40px;
  overflow: hidden;
}
div.product h3 a {
  font-weight: bold;
  text-align: left;
  color: #333;
  font-size: 60%;
  text-decoration: none;
}
div.product h3 a:hover {
  color: #c00;
}
div.product p {
  margin: 9px 13px 9px;
  font-size: 90%;
  overflow: hidden;
  height: 50px;
  line-height: 1.5em;
}
div.product span.price {
  display: inline-block;
  width: 145px;
  text-align: right;
  padding: 0 30px 5px 0;
}
div.product span.price big {
  color: #c00;
  font-size: 130%;
  font-weight: bold;
  display: inline-block;
}
div.product form div {
  margin: 0 0 0 13px;
  /* text-align: right;*/
}
div.product form div * {
  /*float: left;*/
  display: inline-block;
  margin: 0 3px 3px 0;
}
div.product input.text {
  width: 32px;
  height: 22px;
  padding-left: 3px;
  padding-right: 3px;
}
div.product select {
  width: 40px;
  height: 22px;
}
.product input.submit,
div#selected-product input.submit,
form#loginform input.submit {
  width: 61px;
  height: 22px;
  text-align: center;
  margin-right: 0;
  background: #940000 url('input-submit.png') left top repeat-x;
  border: 0;
  color: #fff;
}
.product input.submit:hover,
div#selected-product input.submit:hover,
form#loginform input.submit:hover {
  background: #7a7a7a url('input-submit-hover.png') left top repeat-x;
}
/* marks */
p.mark span {
  float: left;
  text-transform: uppercase;
  color: #fff;
  padding: 0 6px;
  margin: 15px 2px 20px 0;
  height: 17px;
  line-height: 17px;
  font-size: 90%;
  font-weight: bold;
}
p.mark span.mark1 {
  background: #c00;
}
p.mark span.mark2 {
  background: #afafaf;
}
p.mark span.mark3 {
  background: #555;
}
/* detail */
p.description {
  width: 475px;
}
h2.big {
  font-size: 125%;
  font-weight: bold;
  margin: 15px 0 7px;
  text-transform: uppercase;
}
div.photos {
  width: 189px;
  /* height: 242px; */
  float: right;
  border: 1px solid #ebebeb;
  background: #fff url('photos-bg.png') left 189px repeat-x;
}
div.photos div.photos-small img {
  width: 55px;
  height: auto;
}
div.photos .foto-detail {
  width: 189px;
  height: 195px;
  text-align: center;
}
div.photos a.small img {
  width: 58px;
  height: 44px;
}
div.photos a.small {
  float: left;
  margin: 0 2px 0 0;
}
div.photos a.first {
  margin-left: 6px;
  display: inline;
}
div.photos p {
  margin: -2px 0 0;
  padding: 0 0 0 6px;
  background: url('arrow-white-gray.gif') 170px 0 no-repeat;
  font-size: 90%;
  height: 20px;
  line-height: 20px;
}
a.note {
  background: url('note.gif') left 4px no-repeat;
  padding: 0 0 0 20px;
  margin: -16px 0 0;
}
a.note2 {
  background: url('note2.gif') left 4px no-repeat;
}
dl.detail-price {
  border: 1px solid #ebebeb;
  border-width: 1px 0;
  clear: left;
  font-size: 110%;
  margin: 20px 0;
  height: 80px;
}
dl.detail-price dt,
dl.detail-price dd {
  line-height: 24px;
  padding: 15px 10px;
}
dl.detail-price dd {
  float: right;
}
dl strong {
  color: #c00;
  font-size: 120%;
}
div.info {
  clear: both;
  background: #f1f1f1;
  padding: 17px 10px;
  margin: 30px 0;
}
div.info h3 {
  margin-top: 0;
  font-weight: bold;
  font-size: 120%;
}
#buy {
  margin-top: 15px;
}
div.info dl {
  width: 270px;
  line-height: 1.4em;
}
div.info dt {
  width: 110px;
  margin-right: 10px;
}
div.info dd {
  width: 149px;
}
div.info strong {
  font-size: 100%;
}
div.info a.favorite {
  padding: 0 0 0 35px;
  background: url('favourite.gif') left center no-repeat;
  /*display: inline-block;*/
  float: right;
  color: #333;
  text-decoration: none;
  margin: 0 0 0 15px;
}
div.info a.favorite strong {
  color: #c00;
  font-size: 110%;
}
div.info a.inactive {
  background: url('favourite2.gif') left center no-repeat;
}
form#buy p {
  float: left;
  /*height: 22px;*/
  line-height: 22px;
}
form#buy p small {
  font-size: 90%;
  padding: 0 20px 0 0;
}
form#buy input.submit,
form#contact-form input.submit,
form#newsletter input.submit {
  float: left;
  margin: 6px 0 0 7px;
  display: inline;
  height: 42px;
  line-height: 42px;
  border: 0;
  background: #920000 url('submit.png') left top repeat-x;
  padding: 0 25px;
  color: #fff;
  font-size: 140%;
}
form#buy a.note {
  display: block;
  clear: both;
  /* float: left;*/
  min-width: 300px;
  color: #333;
}
form#buy textarea {
  width: 432px;
  max-width: 100%;
  margin-top: 5px;
}
table.product {
  width: 100%;
  border-collapse: collapse;
  position: relative;
}
table.product tr.even {
  background: #ddd;
}
table.product th.left {
  text-align: left;
}
table.product td {
  padding-top: 0;
  padding-bottom: 0;
}
table.product td.star {
  padding-left: 5px;
  padding-right: 0;
}
table.product strong {
  color: #c00;
}
table.product td.marks {
  width: 20px;
  padding: 0;
}
table.product td.marks span {
  display: block;
  width: 17px;
  height: 17px;
  text-align: center;
  line-height: 17px;
  color: #fff;
  font-weight: bold;
  font-size: 90%;
}
table.product td.marks span.mark-a {
  background: #CC0000;
}
table.product td.marks span.mark-d {
  background: #3A6EA5;
}
table.product td.marks span.mark-v {
  background: #8BDF77;
}
table.product td.marks span.mark-n {
  background: #555555;
}
table.product a {
  padding: 7px 15px 8px 0;
  float: left;
  display: inline-block;
  font-weight: bold;
  color: #333;
}
table.product a:hover {
  text-decoration: none;
}
table.product a.fav {
  float: left;
  position: relative;
  top: 3px;
  overflow: hidden;
  text-decoration: none;
  padding: 3px 0 0 1px;
  font-size: 0;
}
table.product a.fav,
table.product a.fav span {
  width: 19px;
  height: 19px;
  display: block;
  cursor: pointer;
}
table.product a.fav span {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background: url('favourite.gif') no-repeat;
}
table.product a.inactive span {
  background: url('favourite2.gif') no-repeat;
}
/*table.product a.fav:hover span {background: url('favourite2.gif') no-repeat;}
table.product a.inactive:hover span {background: url('favourite.gif') no-repeat;}
*/
table.product textarea {
  width: 97%;
  height: 18px;
  padding: 2px 0 0 5px;
  border: 1px solid #d6d6d6;
  color: #333;
  font-family: arial, helvetica, sans-serif;
  font-size: 90%;
  background: #fff url('input-text.png') left top repeat-x;
}
table.product td.product-price,
table.product td.product-amount {
  white-space: nowrap;
}
form#list,
form#sort-form {
  position: relative;
}
form#sort-form .sort {
  position: absolute;
  top: -43px;
  right: 10px;
}
form#sort-form label.sort {
  right: 60px;
  top: -41px;
  color: #fff;
}
form#sort-form p.sort {
  top: -47px;
  color: #fff;
}
form#sort-form .sort.how {
  position: absolute;
  top: -43px;
  right: 120px;
}
form#sort-form label.sort.how {
  right: 270px;
  top: -41px;
  color: #fff;
}
form#sort-form p.sort.how {
  top: -47px;
  color: #fff;
}
table.product a.notice,
div#selected-product a.notice {
  float: left;
  position: relative;
  margin: 3px 10px 0 0;
  padding: 0;
  /*loat: none; */
  overflow: hidden;
  text-decoration: none;
  font-size: 0;
}
a.notice,
a.notice span {
  width: 12px;
  height: 15px;
  display: block;
  cursor: pointer;
}
a.notice span {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background: url('notice-add.gif') no-repeat;
}
a.notice-remove span {
  background: url('notice-remove.gif') no-repeat;
}
table.product a.notice-x {
  background: #920000 url('submit.png') left top repeat-x;
  width: 22px;
  height: 22px;
  float: none;
  padding: 0;
  margin: 5px 0;
  display: block;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  line-height: 22px;
  text-align: center;
  font-size: 120%;
}
table.product a.notice-x:hover {
  background: #7a7a7a url('input-submit-hover.png') left top repeat-x;
}
p.gray {
  color: #757575;
  padding-left: 10px;
}
/* news detail */
div#content div.news span.date {
  font-size: 90%;
}
div#content div.news a.more {
  margin: 0 0 15px;
}
/* contact */
div.left-contact {
  /*width: 348px; float: left; padding: 8px 10px 26px;*/
  padding-top: 8px;
  padding-bottom: 26px;
}
div.left-contact strong {
  float: left;
  width: 105px;
  clear: both;
}
div.left-contact address {
  float: left;
  width: 243px;
  margin-bottom: 13px;
  line-height: 16px;
}
div.left-contact address a.mail {
  margin-top: 12px;
  float: left;
}
div.right-contact {
  /*width: 348px; float: left; padding: 8px 0 26px;*/
  padding-top: 8px;
  padding-bottom: 26px;
}
/*div.right-contact img { width: 336px; height: 170px; border: 6px solid #f1f1f1; border-width: 8px 6px; margin-top: 18px;}*/
form#contact-form {
  width: 100%;
  background: #f1f1f1;
  color: #000;
  clear: both;
  padding: 15px 14px;
}
form#contact-form h3 {
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 20px;
}
form#contact-form label {
  /*width: 85px; float: left; */
  font-weight: bold;
}
form#contact-form input.text {
  width: 100%;
  height: 19px;
  /* float: left;*/
  font-weight: bold;
  /* margin: 2px 0;*/
  /*position: relative; top: -5px;*/
  font-weight: normal;
  padding: 0 5px;
}
/*form#contact-form input.left {margin-right: 20px;}*/
form#contact-form textarea {
  width: 100%;
  height: 51px;
  border: 1px solid #d8d8d8;
  padding: 2px 0 2px 5px;
  font-size: 90%;
}
form#contact-form input.submit {
  float: right;
  margin: 5px 10px 17px 0;
  display: inline;
}
.form-row {
  margin-bottom: 10px;
}
/* sitemap */
ul#sitemap li {
  padding: 0 0 0 15px;
}
/* profil */
table#profil th {
  text-align: right;
  padding: 5px 20px 5px 15px;
}
table#profil td {
  background: #fff;
  padding: 5px 10px;
}
/* pager */
p.pager {
  margin: 10px 0 0;
  padding: 5px 0 4px;
  text-align: center;
  /*height: 33px;*/
  line-height: 24px;
  vertical-align: middle;
  background: #f1f1f1;
}
p.pager span {
  /*display: inline-block; vertical-align: middle;*/
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
p.pager a {
  color: #333;
  text-decoration: none;
}
p.pager a,
p.pager span span {
  float: left;
  padding: 0 9px;
}
p.pager a.image {
  width: 32px;
  height: 22px;
  display: inline-block;
}
p.pager a:hover {
  text-decoration: none;
  color: #d53c3c;
}
p.pager span.active {
  font-weight: bold;
  font-size: 120%;
  color: #d53c3c;
}
p.pager a.image {
  position: relative;
  overflow: hidden;
  text-decoration: none;
  margin: 1px 0 0;
}
p.pager a.first,
p.pager a.next {
  margin-right: 8px;
}
p.pager a.prev {
  margin-right: 15px;
}
p.pager a.next {
  margin-left: 15px;
  display: inline !important;
}
p.pager a.image {
  width: 59px;
  height: 21px;
  display: block;
  cursor: pointer;
  background: #c3c3c3 url('pager-image.png') left top repeat-x;
}
/* selected product */
div#selected-product {
  width: 390px;
  background: #fff;
  border: 1px solid #353782;
  padding: 0 10px 10px 10px;
  position: absolute;
  z-index: 1000;
  top: 20%;
  /*left:30%; */
  text-align: center;
  left: 50%;
  margin-left: -195px;
}
div#selected-product h2 {
  height: 35px;
  line-height: 35px;
  background: #6D70C5 url('h1-info.png') left top repeat-x;
  color: #fff;
  margin: 0 -10px 10px;
  padding: 0 10px;
  font-size: 120%;
  font-weight: bold;
  text-align: left;
}
div#selected-product h3 {
  color: #000;
  font-weight: bold;
}
div#selected-product h3 a {
  color: #000;
  font-weight: bold;
  font-size: 80%;
}
div#selected-product h3 a:hover {
  text-decoration: none;
}
div#selected-product p.amount {
  margin-top: 15px;
  font-size: 90%;
  color: #000;
}
div#selected-product img {
  width: 58px;
  height: 44px;
  float: left;
  margin: 0 10px 10px 0;
}
div#selected-product img.big {
  width: 92px;
  height: 69px;
  margin-bottom: 15px;
}
div#selected-product a.continue {
  background: #a80000 url('h1.png') left top repeat-x;
  color: #fff;
  height: 35px;
  line-height: 35px;
  padding: 0 5px;
  text-decoration: none;
  display: inline-block;
  margin-top: 15px;
}
div#selected-product a.first {
  margin: 0 10px 0 50px;
}
div#selected-product h3.next {
  background: url('selected-h3.png') left top repeat-x;
  color: #6f6f6f;
  padding: 0 10px;
  margin: 10px -10px;
  font-weight: bold;
  height: 35px;
  line-height: 35px;
}
div#selected-product h4 {
  margin: 0 0 8px 0;
}
div#selected-product h4 a {
  color: #000;
}
div#selected-product h4 a:hover {
  text-decoration: none;
}
div#selected-product strong {
  color: #c00;
}
div#selected-product a strong {
  color: #fff;
  text-transform: uppercase;
}
div#selected-product form p {
  margin: 0;
}
div#selected-product form p a,
div#selected-product form p span.price,
div#selected-product form p input,
div#selected-product form p select {
  float: left;
  margin: 0;
}
div#selected-product form p span.price {
  width: 90px;
  color: #000;
}
div#selected-product form p input {
  margin: 0 5px 0 0;
  float: left;
}
div#selected-product form p select {
  margin: 0 10px 0 0;
}
div#selected-product form p a.notice {
  margin: 2px 10px 0 0;
}
div#selected-product textarea {
  width: 269px;
  margin-bottom: 10px;
  border: 1px solid #9e9e9e;
}
/* order */
div.gray {
  background: #f1f1f1;
  padding: 18px 15px;
  margin-bottom: 10px;
}
div.gray label {
  font-weight: bold;
  margin-right: 12px;
}
div.gray input.text {
  width: 128px;
  border: 1px solid #3a3a3a;
  height: 20px;
  background: url('gray-text.png') left top repeat-x;
}
div.gray input.long {
  width: 240px;
}
div.gray input#login {
  margin-right: 15px;
}
div.gray label {
  height: 22px;
  line-height: 22px;
  float: left;
}
div.gray input {
  float: left;
}
div.gray .row input {
  float: none;
}
div.gray input.submit {
  background: #7a7a7a url('input-submit-hover.png') left top repeat-x;
  border: 1px solid #666;
  margin: 0;
  color: #fff;
  height: 24px;
  position: relative;
  left: 6px;
}
div.gray address {
  width: 200px;
  float: left;
  line-height: 20px;
}
div.gray address strong {
  font-size: 130%;
}
a#register-new {
  text-transform: uppercase;
  float: right;
  margin-top: 7px;
  color: #333;
  font-weight: bold;
}
a#register-new:hover {
  text-decoration: none;
}
div#favorite {
  position: relative;
}
div#favorite table.product {
  margin-bottom: 28px;
}
div#favorite table.product a.notice {
  position: relative;
  left: 8px;
}
h2.gray {
  height: 27px;
  line-height: 27px;
  background: #919191;
  color: #fff;
  padding: 0 0 0 15px;
  text-transform: uppercase;
}
a.showhide {
  padding: 0 0 0 24px;
  background: url('hide.gif') left bottom no-repeat;
  height: 18px;
  line-height: 20px;
  display: inline-block;
  position: absolute;
  top: 3px;
  left: 230px;
  color: #fff;
}
a.showhide:hover {
  text-decoration: none;
}
a.hide {
  background: url('show.gif') left bottom no-repeat;
}
form#select {
  /*height: 58px; */
  line-height: 30px;
  /*background: #b90000 url('select-bg.png') left top repeat-x;*/
  background: linear-gradient(#cc0000, #550000);
  margin: 0 0 5px;
  padding: 10px 9px;
  color: #fff;
}
form#select label {
  font-weight: bold;
  font-size: 120%;
  padding-right: 10px;
  text-transform: uppercase;
}
form#select select {
  margin-right: 6px;
}
.summary {
  background: #9f0000 url('summary.png') left bottom repeat-x;
  width: 220px;
  height: 68px;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  font-size: 112%;
  text-transform: uppercase;
  line-height: 68px;
  padding: 0 0 0 12px;
  float: left;
  position: relative;
}
.summary span {
  width: 18px;
  height: 22px;
  display: inline-block;
  background: url('summary-arrow.gif') left top no-repeat;
  position: absolute;
  top: 23px;
  right: 10px;
}
.button {
  width: auto;
  padding: 0 15px;
  height: 48px;
  line-height: 48px;
  border: 0;
  cursor: pointer;
}
.count {
  margin: 20px 295px;
}
.summary:hover {
  color: #fff;
}
span.summary {
  display: block;
  font-size: 1em;
  width: 380px;
  max-width: 100%;
}
span.summary input.summary {
  background: url('summary-arrow.gif') right 32px center no-repeat;
}
input.arrow {
  padding-right: 60px;
}
form#info {
  position: relative;
}
form#info input.submit {
  /*width: 350px;*/
  width: 100%;
  float: none;
  display: block;
}
form.info h3 {
  font-weight: bold;
  text-transform: uppercase;
}
/*form.info input#nickname {margin-right: 15px;}*/
form.info input.text {
  width: 100%;
  height: 22px;
}
form.info label {
  margin: 0;
  width: 40px;
}
p.hint {
  float: left;
  padding: 0 0 0 15px;
  font-size: 90%;
}
h3.bg {
  background: url('gray-h3.png') left top repeat-x;
  clear: both;
  height: 35px;
  line-height: 35px;
  padding: 0 0 0 15px;
  margin: -18px -15px 15px;
  border-bottom: 3px solid #fff;
}
div.gray a.show {
  color: #000;
  padding: 0 0 0 23px;
  background: url('show.gif') left top no-repeat;
  height: 16px;
  line-height: 16px;
  display: inline-block;
}
div.gray a.hide {
  background: url('hide.gif') left top no-repeat;
}
div.gray a.show:hover {
  text-decoration: none;
}
div.gray hr {
  margin: 10px 0;
}
div.gray a {
  color: #000;
}
form#loginform div.gray {
  padding-bottom: 30px;
}
form#info div.gray {
  padding-bottom: 40px;
}
form#loginform input.submit {
  background: #7a7a7a url('input-submit-hover.png') left top repeat-x;
  position: static;
  width: 100%;
}
/*form#loginform a.forgot {position: relative; top: 25px; left: -190px;}*/
form#info textarea {
  border: 1px solid #d6d6d6;
  width: 100%;
}
/* lost password */
form.lost-pass {
  margin: 30px 0;
}
form.lost-pass label {
  padding-right: 20px;
}
form.lost-pass input.submit {
  margin-left: 0 !important;
}
p.lost-big {
  font-size: 1.2em;
  margin-top: 25px;
}
p.lost-big strong {
  font-size: 1.3em;
}
/* newsletter */
form#newsletter {
  width: 250px;
  margin: 0;
  padding: 0 0 0 7px;
}
form#newsletter label,
form#newsletter input {
  float: left;
  margin: 2px 0;
  padding: 1px 0;
}
form#newsletter label {
  width: 80px;
}
form#newsletter label.checkbox {
  width: 219px;
}
form#newsletter label.checkbox,
form#newsletter input.checkbox {
  margin: 8px 0;
}
form#newsletter input.submit {
  margin-left: 0;
}
/* cart */
div#cart col#name {
  width: 590px;
}
div#cart td {
  width: 590px;
}
div#cart col#amount {
  width: 100px;
}
div#cart td + td {
  width: 100px;
}
table#cart-t col.cart-name {
  width: 490px;
}
/*table#cart-t td {width: 490px; max-width: 100%;}*/
table#cart-t col.cart-amount {
  width: 90px;
}
table#cart-t td + td {
  width: 90px;
}
table#cart-t col.cart-notice {
  width: 5px;
  padding: 0 0 0 15px;
}
table#cart-t td + td + td {
  width: 5px;
  padding: 0 0 0 15px;
}
form#info div.radio {
  width: 220px;
  float: left;
}
form#info div.radio strong {
  text-transform: uppercase;
  font-size: 1.3em;
  padding-left: 5px;
}
form#info div.radio label {
  font-weight: normal;
  float: right;
  width: 180px;
  padding: 0;
  margin: 0;
}
form#info div.radio input {
  float: left;
  position: relative;
  top: 2px;
  clear: left;
  width: auto;
}
/* summary */
form#info label {
  float: left;
  width: 75px;
  clear: both;
  margin: 2px 0;
}
form#info input.text {
  float: left;
  width: 234px;
  margin: 2px 0;
  padding: 0 3px;
}
form#info span.hint {
  float: left;
  padding: 3px 0 0 10px;
}
form#info div.width400 {
  width: 400px;
}
form#info div.width400 h3 {
  margin: 30px 0 10px;
}
form#info h3 {
  float: left;
  width: 100%;
}
form#info h3.note {
  margin: 10px 0 10px;
  border-top: 7px solid #f1f1f1;
  padding-top: 15px;
}
form#info textarea.clr {
  margin-bottom: 10px;
}
form#info input.checkbox {
  margin: 3px 10px 2px 15px;
  float: left;
  display: inline;
  margin-top: 0;
}
form#info label.checkbox {
  width: 150px;
  float: left;
  clear: none;
  font-weight: bold;
}
dl#summary {
  width: 450px;
  max-width: 100%;
  padding: 20px 15px;
}
dl#summary:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
dl#summary:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
dl#summary:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
dl#summary:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
dl#summary dt {
  clear: both;
  width: 115px;
  float: left;
  padding: 3px 0;
  font-weight: bold;
}
dl#summary .margin {
  margin-top: 15px;
}
dl#summary dd {
  width: 300px;
  max-width: 100%;
  float: left;
  padding: 3px 0;
}
h1.steps {
  background: url('prepravka-h1-bg.png') left top repeat-x;
}
h1.steps a,
h1.steps span.inactive {
  float: left;
  background: #a80000 url('h1.png') left top repeat-x;
  margin-left: -13px;
  padding: 0 15px;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
}
h1 span.step {
  text-transform: uppercase;
  float: left;
  background: url('arrow-red.gif') 15px 6px no-repeat;
  padding: 0 0 0 45px;
  color: #000;
}
h1.steps a {
  background: none;
  color: #000;
  text-decoration: underline;
  margin-right: 10px;
}
/* RIGHT */
div#right {
  /*float: left; margin: 198px 0 0 23px; width: 220px; display: inline;*/
  padding-top: 55px;
  /*position: fixed; z-index: 0;*/
}
a.back {
  background: #a80000 url('h1.png') left top repeat-x;
  height: 35px;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  font-size: 140%;
  text-transform: uppercase;
  line-height: 35px;
  padding: 0 0 0 36px;
  display: block;
  position: relative;
}
a.back span {
  width: 18px;
  height: 22px;
  display: inline-block;
  background: url('back-arrow.gif') left top no-repeat;
  position: absolute;
  top: 7px;
  left: 10px;
}
div#right div.gray {
  padding: 0 15px 10px;
  background: #e1e1e1 url('right-gray-bg.gif') right 35px no-repeat;
  margin: 10px 0;
}
div#right div.gray h2 {
  color: #fff;
  background: #333 url('right-h2.png') left top repeat-x;
  line-height: 35px;
  padding: 10px 15px 9px;
  margin: 0 -15px 10px;
  text-transform: uppercase;
  font-size: 120%;
  font-weight: bold;
}
div#right div.first {
  margin-top: 0;
}
div#right p {
  line-height: 1.3em;
}
div#right ul.products {
  padding-bottom: 17px;
}
div#right ul.products a {
  float: left;
  width: 158px;
  margin-left: 7px;
  display: inline;
  color: #333;
  text-transform: uppercase;
}
/*div#right ul.products a.remove-product {position: relative; margin: 0; top: 2px; overflow: hidden; text-decoration: none;}
div#right ul.products a.remove-product, a.remove-product span {width: 14px; height: 13px; display: block; cursor: pointer;}*/
/*a.remove-product span {position: absolute; left: 0; top: 0; z-index: 1; background: url('remove.gif') no-repeat;}*/
div#right ul.products small {
  font-size: 100%;
  display: block;
  padding-left: 22px;
  clear: both;
  text-decoration: none;
}
div#right ul.products a span {
  text-transform: none;
}
div#right ul.products a:hover {
  text-decoration: none;
}
strong.tel {
  font-size: 170%;
}
div.gray a.red {
  color: #d11f1f;
}
div.gray a.red:hover {
  color: #000;
}
/* FOOTER */
div#footer-out {
  text-align: center;
  background: #900 url('footer-bg.png') left top repeat-x;
  /*height: 185px;*/
  padding: 60px 0 0;
  position: relative;
}
div#footer {
  text-align: left;
  /*width: 960px;*/
  margin: 0 auto;
  max-width: 990px;
}
div#footer ul.nav li {
  float: left;
  margin: 0 0 30px;
}
div#footer ul.nav li a {
  float: left;
  color: #fff;
  text-transform: uppercase;
  margin: 0 19px 0 0;
  font-size: 120%;
}
div#footer ul.nav li a:hover {
  text-decoration: none;
}
div#footer div#newsletter {
  /*float: right; width: 235px;*/
  height: 75px;
  /*padding: 0 0 0 22px;*/
  border-left: 1px solid #fff;
}
div#footer div#newsletter * {
  color: #fff;
  margin: 0;
}
div#footer div#newsletter h3 {
  font-size: 170%;
  text-transform: uppercase;
  margin: 0 0 4px;
}
div#footer div#newsletter a {
  font-size: 120%;
}
div#footer div#newsletter a:hover {
  text-decoration: none;
}
div#footer p {
  font-size: 90%;
}
div#footer p,
div#footer p a {
  color: #ffa5a5;
  text-decoration: none;
}
div#footer p a:hover {
  text-decoration: underline;
}
.none {
  display: none;
}
div#selected-product a.first.marginl {
  margin-left: 0;
}
.proces {
  width: 100%;
  text-align: center;
  float: left;
  margin: 20px 0;
}
.proces input {
  margin: 10px;
  float: none;
}
/* samostaný form*/
.noback {
  background: none;
}
div#content.separat-form {
  margin-top: 0px;
}
div#right.separat-form {
  margin-top: 0px;
}
#right.nav ul {
  margin-top: 10px;
}
#right ul.nav li {
  line-height: 20px;
}
#right ul.nav a {
  text-decoration: none;
  color: #333;
}
#right ul.nav a.favourite {
  background: url("favourite.gif") 13px 2px no-repeat;
  padding: 0 0 0 40px;
  height: 22px;
  display: block;
}
.icon,
form#select label.icon {
  font-weight: bold;
  width: 10px;
  width: 17px;
  height: 17px;
  line-height: 17px;
  display: block;
  font-size: 90%;
  margin-right: 5px;
  text-align: center;
  padding-right: 0;
}
.icon.icon1 {
  background-color: #CC0000;
  color: #fff;
}
.icon.icon2 {
  background-color: #555555;
  color: #fff;
}
.icon.icon3 {
  background-color: #3A6EA5;
  color: #fff;
}
.icon.icon4 {
  background-color: #8BDF77;
  color: #fff;
}
form#select div.category-check {
  line-height: 18px;
}
.category-check label {
  float: left;
  /*margin: 0 6px 0 0;*/
  margin: 0;
}
.category-check input {
  float: left;
  /* position:relative; top:3px; */
}
.category-check {
  padding: 3px 0 18px 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -3px;
}
.category-check span {
  padding: 0 3px;
}
.category-check input.clr {
  margin-left: 210px;
  width: 164px;
}
table.product a.camera {
  background: url('../images/camera.gif') no-repeat right center;
  padding-right: 30px;
}
#mapa {
  width: 335px;
  max-width: 100%;
  height: 335px;
  margin-top: 5px;
}
#mapa img {
  max-width: inherit;
}
form#newsletter fieldset.newsletter {
  float: left;
  width: 212px;
}
form#newsletter fieldset.newsletter input {
  margin-top: 5px;
}
form#newsletter fieldset.newsletter label {
  width: auto;
  margin-left: 5px;
  margin-bottom: 2px;
}
form#newsletter fieldset.newsletter p {
  float: left;
  width: 212px;
  line-height: normal;
  margin: 0;
}
#newsletter-message {
  padding: 15px;
}
#newsletter-message.error {
  border: 1px solid red;
  background-color: #FFEEEE;
  color: red;
}
#newsletter-message.info {
  border: 1px solid green;
  background-color: #EEEEFF;
  color: green;
}
#leftmenubanner {
  width: 230px;
  height: auto;
  overflow: hidden;
  margin-top: 15px;
}
#rightmenubanner {
  width: 220px;
  height: auto;
  overflow: hidden;
  padding-top: 15px;
}
#order-form-login-banner {
  width: 687px;
  height: auto;
  overflow: hidden;
  margin-top: 15px;
}
.slicknav_menu {
  background: none;
}
.slicknav_btn {
  font-size: 23px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.slicknav_nav {
  position: absolute;
  left: 0;
  right: 0;
  top: 82px;
  background: #464646;
  z-index: 5;
}
.slicknav_menu .slicknav_icon {
  position: relative;
}
.slicknav_menu .slicknav_icon-bar {
  position: absolute;
}
.slicknav_menu .slicknav_icon-bar + .slicknav_icon-bar {
  margin-top: 0;
}
.slicknav_menu .slicknav_icon-bar:first-child {
  top: 0;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.slicknav_menu .slicknav_icon-bar:nth-child(2) {
  top: 0.313em;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
}
.slicknav_menu .slicknav_icon-bar:nth-child(3) {
  top: 0.626em;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.slicknav_menu .slicknav_open .slicknav_icon-bar {
  position: absolute;
  top: 0.4em;
}
.slicknav_menu .slicknav_open .slicknav_icon-bar:first-child {
  transform: rotate(45deg);
  top: 0.4em;
}
.slicknav_menu .slicknav_open .slicknav_icon-bar:nth-child(2) {
  opacity: 0;
}
.slicknav_menu .slicknav_open .slicknav_icon-bar:nth-child(3) {
  transform: rotate(-45deg);
  top: 0.4em;
}
.ui-datepicker-trigger {
  vertical-align: middle;
}
table.product .remove-icon {
  padding: 0;
}
.remove-icon {
  display: inline-block;
  font-size: 0;
}
.remove-icon span {
  position: relative;
  display: inline-block;
  font-size: 20px;
  width: 1em;
  height: 1em;
  background: none;
}
.remove-icon span::before,
.remove-icon span::after {
  content: "";
  position: absolute;
  width: 1em;
  height: 0.125em;
  background: #000;
}
.remove-icon span::before {
  transform: rotate(45deg);
  top: 0.4em;
}
.remove-icon span::after {
  transform: rotate(-45deg);
  top: 0.4em;
}
#search-toggle.remove-icon span {
  font-size: 40px;
}
.login-mobile {
  background: #666;
}
.mobile-only {
  display: none;
}
.tablet-show {
  display: none;
}
.order-banner {
  width: 100%;
  text-align: center;
}
/* top button */
#top-link {
  display: none;
  position: fixed;
  bottom: 75px;
  right: 15px;
  z-index: 1111;
}
#top-link button {
  width: 36px;
  height: 36px;
  border: none;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #000;
}
#top-link button:hover {
  background-color: #E6E6E6;
}
#top-link button span {
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 10px solid #000;
  position: relative;
  top: -12px;
}
@media (max-width: 990px) {
  .tablet-hidden {
    display: none;
  }
  .tablet-show {
    display: block;
  }
  /* header */
  body {
    background: none;
  }
  div#header {
    height: auto;
    background: none;
  }
  #top-user {
    display: none;
  }
  ul#menu {
    display: none;
  }
  div#left a#reserve {
    display: none;
  }
  #header-top {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    padding-top: 10px;
  }
  #logo {
    position: relative;
    padding-bottom: 10px;
    top: auto;
    left: auto;
    background: none;
    /*span { width: 100%; height: 0; padding-bottom: 19.28375%; background-size: contain; }*/
  }
  form#search {
    display: none;
    left: 0;
    right: 0;
    top: 82px;
    padding: 10px;
    background: #464646;
    z-index: 5;
  }
  form#search > div {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
  }
  form#search input.text {
    width: auto;
    flex: 1;
    height: 34px;
  }
  form#search input.submit {
    height: 34px;
  }
  form#search .category-search-wrapper {
    display: block;
    margin-bottom: 5px;
    width: 100%;
  }
  #search-toggle {
    display: block;
    align-self: center;
  }
  #mobile-menu-wrapper {
    display: block;
    align-self: center;
  }
  div#header a#cart {
    position: static;
    font-size: 0;
    background-position: center center;
    align-self: center;
  }
  .slicknav_nav,
  form#search {
    /*top: 150px;*/
    background: #400;
  }
  /* !header */
}
@media (max-width: 990px) and (min-width: 768px) {
  strong.tel {
    font-size: 99%;
  }
  #right .mail {
    font-size: 0.8em;
  }
}
@media (max-width: 920px) {
  form#buy input.submit {
    clear: left;
    margin: 6px 0 12px;
  }
}
@media (max-width: 767px) {
  .mobile-hidden {
    display: none;
  }
  .mobile-only {
    display: block;
  }
  ul#nav {
    text-align: center;
  }
  div#left ul#nav > li {
    display: none;
  }
  div#left ul#nav > li.active,
  .homepage div#left ul#nav > li {
    display: block;
  }
  div#left ul#nav > li > a,
  div#left ul#nav > li.active > a {
    padding: 15px;
    font-size: 2em;
    height: auto;
    background: #464646;
  }
  div#left ul#nav > li > a span,
  div#left ul#nav > li.active > a span {
    display: none;
  }
  div#left ul#nav > li.active ul li {
    text-align: left;
    margin: 5px 0;
  }
  div#left ul#nav > li.active ul li a {
    font-size: 1.5em;
    height: auto;
    line-height: 1.2em;
  }
  ul#breadcrumbs li {
    font-size: 1.2em;
  }
  .news-wrapper {
    display: none;
  }
  #leftmenubanner {
    display: none;
  }
  div#footer div#newsletter {
    border: none;
  }
  form#sort-form .sort,
  form#sort-form .sort.how {
    position: static;
  }
  form#sort-form label.sort,
  form#sort-form label.sort.how {
    color: #000;
  }
  .category-check,
  form#select .category-check {
    padding-top: 10px;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
  }
  .category-check span,
  form#select .category-check span {
    width: 25%;
  }
  .category-check label,
  form#select .category-check label {
    width: calc(100% - 20px);
    margin-right: 0;
  }
  table.product thead {
    display: none;
  }
  table.product tr {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
  }
  table.product tr td,
  table.product tr td.star {
    padding: 5px;
  }
  table.product tr td.product-name {
    order: -10;
    flex-basis: 100%;
    padding: 0 5px;
  }
  table.product tr td.product-price,
  table.product tr td.product-amount,
  table.product tr td.product-add {
    flex-basis: 33.333%;
  }
  table.product tr td.product-price {
    order: -8;
  }
  table.product tr td.product-amount {
    order: -7;
  }
  table.product tr td.product-amount input.text {
    width: 50%;
    height: 22px;
  }
  table.product tr td.product-amount select {
    width: calc(50% - 10px);
    height: 22px;
    margin: 0 5px;
  }
  table.product tr td.product-add {
    order: -6;
  }
  table.product tr td.product-add input.submit {
    width: 100%;
  }
  table.product tr td.product-note {
    order: -3;
  }
  table.product tr td.marks {
    width: auto;
  }
  table.product tr td.star,
  table.product tr td.product-note,
  table.product tr td.marks {
    -webkit-align-self: center;
    -ms-align-self: center;
    align-self: center;
  }
  table.product tr td.product-remove {
    align-self: center;
  }
  table.product tr a.fav,
  table.product tr a.notice {
    position: static;
    float: none;
    padding: 0;
    margin: 0;
    vertical-align: middle;
  }
  table.product tr a.fav span,
  table.product tr a.notice span {
    position: static;
  }
  table.product tr a.notice {
    font-size: 1em;
    width: auto;
    height: auto;
    white-space: nowrap;
  }
  table.product tr a.notice span {
    display: inline-block;
    margin-left: 5px;
  }
  table.product tr textarea {
    height: 50px;
  }
  table#cart-t td + td {
    width: auto;
  }
  table#cart-t td + td + td {
    padding: 5px;
    width: auto;
  }
  div.photos {
    float: none;
    margin-bottom: 10px;
  }
  p.description {
    width: auto;
  }
  form#buy > div {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  form#buy p {
    width: 50%;
    margin: 5px 0;
    float: none;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
  }
  form#buy p small {
    display: none;
  }
  form#buy p input.text {
    height: 100%;
    width: 50%;
  }
  form#buy p select {
    height: 100%;
    width: calc(50% - 10px);
    margin: 0 5px;
  }
  form#buy input.submit {
    clear: none;
    width: 50%;
    margin: 5px 0;
  }
  form#buy a.note {
    margin: 0;
  }
  textarea.note {
    height: 50px;
  }
  div#selected-product {
    margin: 15px;
    top: 0;
    left: 0;
    width: calc(100% - 30px);
  }
  h1 {
    height: auto;
  }
  .summary {
    float: none;
    display: block;
  }
  div#right p {
    float: none;
  }
  div#right p.hint {
    padding: 0;
    margin-top: 10px;
  }
}
@media (max-width: 600px) {
  div.products span.other {
    position: static;
    width: auto;
    padding-right: 0;
    text-align: left;
  }
  div.products span.other a {
    color: #000;
  }
}
@media (max-width: 480px) {
  /*#header-top { .justify-content(space-around); .flex-wrap(wrap); }*/
  #logo {
    /* width: 100%; text-align: center;*/
    align-self: center;
  }
}
@media (max-width: 450px) {
  ul#breadcrumbs li {
    float: none;
    display: block;
  }
  ul#breadcrumbs li:nth-child(3) {
    margin-left: 10px;
  }
  ul#breadcrumbs li:nth-child(4) {
    margin-left: 20px;
  }
  ul#breadcrumbs li:nth-child(5) {
    margin-left: 30px;
  }
  ul#breadcrumbs li a {
    background: none;
  }
  div.info a.favorite {
    float: none;
    display: block;
    margin: 0 0 15px 0;
  }
  form#info input.submit {
    padding: 0 30px 0 0;
    background-position: right center;
  }
  table.product tr td.product-amount input.text {
    width: 40%;
  }
  table.product tr td.product-amount select {
    width: calc(60% - 10px);
  }
}