@charset "UTF-8";
/* =============================================================================
   Responsivity
   ========================================================================== */
/*==========  Bootstrap responsive class  ==========*/
/* =============================================================================
   Screen size variables
   ========================================================================== */
/* =============================================================================
   Media queries for different screen sizes
   ========================================================================== */
/*==========  basic  ==========*/
/*===  xs  ===*/
/*===  sm  ===*/
/*===  md  ===*/
/*===  lg  ===*/
/*===  xl  ===*/
/*==========  Buttons  ==========*/
/*==========  Gradients  ==========*/
/*==========  Retina images  ==========*/
/*==========  Border radius  ==========*/
/*==========  Opacity  ==========*/
/*==========  Animations and keyframes  ==========*/
/*==========  Animations and keyframes  ==========*/
/*==========  Others  ==========*/
@import url("https://fonts.googleapis.com/css?family=Poppins&subset=latin-ext");
@font-face {
  font-family: 'Anton';
  src: url("../fonts/Anton-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal; }

html, body {
  background: #eeeef0;
  font-family: "Poppins", sans-serif;
  font-size: 13px; }
  @media (min-width: 768px) {
    html, body {
      font-size: 14px; } }
  @media (min-width: 992px) {
    html, body {
      font-size: 15px; } }
  @media (min-width: 1200px) {
    html, body {
      font-size: 16px; } }

.h1 {
  display: block;
  margin: 0px;
  margin-top: 2rem;
  font-family: "Anton", sans-serif;
  color: #222222;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 1.475rem; }
  @media (min-width: 768px) {
    .h1 {
      font-size: 1.675rem; } }
  @media (min-width: 992px) {
    .h1 {
      font-size: 1.775rem; } }
  @media (min-width: 1200px) {
    .h1 {
      font-size: 1.875rem; } }
  .h1 + p {
    margin-top: 1.5rem; }

.h2 {
  display: block;
  margin: 0px;
  margin-bottom: 1rem;
  margin-top: 3rem;
  font-family: "Anton", sans-serif;
  color: #222222;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 1.2rem; }
  @media (min-width: 768px) {
    .h2 {
      font-size: 1.3em; } }
  @media (min-width: 992px) {
    .h2 {
      font-size: 1.4rem; } }
  @media (min-width: 1200px) {
    .h2 {
      font-size: 1.5rem; } }
  .h2[data-number]:not([data-number=""]) {
    padding-left: 2.75rem;
    line-height: 2rem; }
    .h2[data-number]:not([data-number=""]):before {
      content: attr(data-number);
      color: #e5770a;
      float: left;
      margin-left: -2.75rem;
      font-size: 1.5rem;
      margin-top: -.10rem; }
      @media (min-width: 768px) {
        .h2[data-number]:not([data-number=""]):before {
          font-size: 1.75em; } }
      @media (min-width: 992px) {
        .h2[data-number]:not([data-number=""]):before {
          font-size: 2rem; } }
      @media (min-width: 1200px) {
        .h2[data-number]:not([data-number=""]):before {
          font-size: 2.25rem; } }
  .h2.h2-no-space-top {
    margin-top: 0px; }

.h3 {
  display: block;
  margin: auto;
  text-transform: uppercase;
  font-size: 1rem;
  margin-bottom: 1rem;
  font-weight: 700; }

p {
  margin-bottom: 0px;
  color: #888888;
  line-height: 2rem; }
  p + .btn-main {
    margin-top: 2rem; }
  p.small-text {
    font-size: 0.875rem;
    line-height: 1.25rem; }
  p + .h3 {
    margin-top: 2rem; }
  p + p {
    margin-top: 1rem; }

.ul-no-style {
  margin: 0px;
  padding: 0px; }
  .ul-no-style li {
    list-style-type: none; }

.ul-main {
  color: #888888;
  font-size: 0.875rem;
  margin-top: 1rem; }
  .ul-main li {
    padding-left: 20px; }
    .ul-main li:before {
      content: "";
      width: 8px;
      height: 8px;
      background: #e5770a;
      border-radius: 50%;
      float: left;
      margin-left: -20px;
      margin-top: 6px; }
    .ul-main li a {
      color: #888888; }
      .ul-main li a:hover {
        text-decoration: none;
        color: #e5770a; }
    .ul-main li:not(:first-of-type) {
      margin-top: 0.5rem; }
  .ul-main + p {
    margin-top: 2rem; }
  .ul-main + .btn-main {
    margin-top: 2rem;
    display: inline-block; }

.ul-contact {
  color: #888888; }
  .ul-contact li a {
    text-decoration: none;
    color: #888888;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
    .ul-contact li a:hover {
      -webkit-transition: 0.4s;
      -o-transition: 0.4s;
      transition: 0.4s;
      color: #e5770a; }
    .ul-contact li a[href^="mailto:"] {
      color: #e5770a;
      text-decoration: underline !important; }
  .ul-contact li strong {
    font-weight: 400;
    color: #222222;
    font-family: "Anton", sans-serif;
    font-size: 1.125rem; }
  .ul-contact li:not(:first-of-type) {
    margin-top: 0.25rem; }
  .ul-contact li.space {
    margin-bottom: 1rem; }
  .ul-contact.ul-contact-space-top-xs {
    margin-top: 30px; }
    @media (min-width: 768px) {
      .ul-contact.ul-contact-space-top-xs {
        margin-top: 0px; } }

.ul-footer li {
  display: block; }
  @media (min-width: 768px) {
    .ul-footer li {
      display: inline-block; } }
  .ul-footer li:not(:first-of-type) {
    margin-top: 1rem; }
    @media (min-width: 768px) {
      .ul-footer li:not(:first-of-type) {
        margin-top: 0px; } }
  .ul-footer li a {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    color: #333333;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none !important; }
    .ul-footer li a:hover {
      -webkit-transition: 0.4s;
      -o-transition: 0.4s;
      transition: 0.4s;
      color: #e5770a; }
  @media (min-width: 768px) {
    .ul-footer li:not(:last-of-type) a {
      margin-right: 20px; } }
  @media (min-width: 992px) {
    .ul-footer li:not(:last-of-type) a {
      margin-right: 30px; } }
  @media (min-width: 1200px) {
    .ul-footer li:not(:last-of-type) a {
      margin-right: 40px; } }

.ul-copyright {
  text-align: center;
  margin-top: 1rem;
  color: #888888;
  font-size: 0.875rem; }
  @media (min-width: 768px) {
    .ul-copyright {
      text-align: left; } }
  .ul-copyright li {
    display: block; }
    @media (min-width: 768px) {
      .ul-copyright li {
        display: inline-block; } }
    @media (min-width: 768px) {
      .ul-copyright li:not(:last-of-type):after {
        content: "/"; } }
    .ul-copyright li a {
      color: #888888;
      -webkit-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s;
      text-decoration: underline; }
      .ul-copyright li a:hover {
        -webkit-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
        color: #e5770a; }

#map .gm-style {
  margin-top: 100px; }
  #map .gm-style .gm-style-iw {
    display: inline-table;
    padding: 1.5rem;
    background: #ffffff !important;
    top: 40px !important;
    overflow: initial !important;
    margin-left: -30px !important; }
    @media (min-width: 768px) {
      #map .gm-style .gm-style-iw {
        margin-left: -25px !important; } }
    @media (min-width: 992px) {
      #map .gm-style .gm-style-iw {
        margin-left: -20px !important; } }
    @media (min-width: 1200px) {
      #map .gm-style .gm-style-iw {
        margin-left: -15px !important; } }
    #map .gm-style .gm-style-iw + div {
      display: none; }
    #map .gm-style .gm-style-iw:before {
      content: "";
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 20px 15px 0 15px;
      border-color: #ffffff transparent transparent transparent;
      display: block;
      position: absolute;
      bottom: -10px;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%); }

#map .ul-map {
  position: relative;
  overflow: hidden;
  font-family: "Poppins", sans-serif; }
  #map .ul-map li {
    font-size: 0.875rem;
    line-height: 1.25rem; }
    #map .ul-map li.space {
      margin-bottom: .75rem; }
    #map .ul-map li strong {
      font-size: 1.125rem;
      text-transform: uppercase;
      font-weight: 400;
      font-family: "Anton", sans-serif; }
    #map .ul-map li a {
      color: #222222;
      -webkit-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s;
      text-decoration: none !important; }
      #map .ul-map li a:hover {
        -webkit-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
        color: #e5770a; }
      #map .ul-map li a[href^="mailto:"] {
        color: #e5770a;
        text-decoration: underline !important; }

.no-gutter > [class*='col-'] {
  padding-right: 0;
  padding-left: 0; }

.no-padding {
  padding: 0 !important; }

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.abs-centered {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.text-right {
  text-align: right; }
  @media (max-width: 767px) {
    .text-right-xs {
      text-align: right; } }
  @media (min-width: 768px) {
    .text-right-sm {
      text-align: right; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .text-right-md {
      text-align: right; } }
  @media (min-width: 1200px) {
    .text-right-lg {
      text-align: right; } }

.text-left {
  text-align: left; }
  @media (max-width: 767px) {
    .text-left-xs {
      text-align: left; } }
  @media (min-width: 768px) {
    .text-left-sm {
      text-align: left; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .text-left-md {
      text-align: left; } }
  @media (min-width: 1200px) {
    .text-left-lg {
      text-align: left; } }

.text-center {
  text-align: center; }
  @media (max-width: 767px) {
    .text-center-xs {
      text-align: center; } }
  @media (min-width: 768px) {
    .text-center-sm {
      text-align: center; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .text-center-md {
      text-align: center; } }
  @media (min-width: 1200px) {
    .text-center-lg {
      text-align: center; } }

.arrow-up {
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ffffff; }

.arrow-down {
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #f00; }

.arrow-right {
  width: 0;
  height: 0;
  border-top: 60px solid transparent;
  border-bottom: 60px solid transparent;
  border-left: 60px solid green; }

.arrow-left {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid blue; }

.flex {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .flex.flex-wrapper {
    margin: 0px -15px; }
  .flex.flex-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row; }
  .flex.flex-collumn {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
  .flex.flex-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%; }
  .flex.flex-stretch {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch; }
  .flex.flex-margin {
    margin: 0px -15px; }
  .flex .flex-order-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1; }
  .flex .flex-order-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2; }
  .flex .flex-align-top {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    width: 100%; }
  .flex .flex-align-center {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    width: 100%; }
  .flex .flex-align-bottom {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    width: 100%; }
  .flex .flex-align-right {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end; }

* {
  outline: none !important; }

#main-info-alert {
  border-radius: 0px;
  position: relative;
  margin: 0px;
  z-index: 99; }
  @media (min-width: 768px) {
    #main-info-alert {
      margin-top: 0px;
      margin-bottom: 0px; } }
  #main-info-alert .main-info-alert-content {
    position: relative; }
    @media (min-width: 768px) {
      #main-info-alert .main-info-alert-content {
        padding-right: 180px; } }
    @media (min-width: 992px) {
      #main-info-alert .main-info-alert-content {
        padding-right: 220px; } }
    @media (min-width: 1200px) {
      #main-info-alert .main-info-alert-content {
        padding: 0px 250px; } }
    #main-info-alert .main-info-alert-content .main-info-alert-link {
      display: block; }
      @media (min-width: 768px) {
        #main-info-alert .main-info-alert-content .main-info-alert-link {
          position: absolute;
          -webkit-transform: translateY(50%);
          -ms-transform: translateY(50%);
          transform: translateY(50%);
          bottom: 50%;
          right: 1.25rem; } }
  #main-info-alert .close {
    position: absolute;
    right: 0.5rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
    @media (min-width: 768px) {
      #main-info-alert .close {
        right: 1rem;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); } }
    #main-info-alert .close span {
      line-height: 0px;
      font-size: 2rem; }

.alert-main {
  padding: 2rem;
  margin: 2rem 0px;
  border-radius: 6px;
  border: 1px solid #d9d9dd;
  background: #eeeef0; }

.btn-main {
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 700;
  border-radius: 6px;
  border: 3px solid #e5770a;
  background: transparent;
  padding: .75rem 1.5rem;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  text-decoration: none !important;
  display: inline-block;
  color: #e5770a; }
  .btn-main:hover {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    background: #e5770a;
    color: #ffffff; }

.link-main {
  color: #888888;
  text-decoration: underline !important;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }
  .link-main:hover {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    color: #e5770a; }

footer {
  margin-bottom: 2rem; }
  footer .text-right {
    text-align: center; }
    @media (min-width: 768px) {
      footer .text-right {
        text-align: right; } }

.form-control-main {
  border-radius: 0px;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  outline: none !important;
  height: 40px;
  background: #eeeef0;
  color: #888888;
  resize: none;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }
  .form-control-main:focus {
    border-color: #e5770a;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s; }

.select-main {
  position: relative;
  width: 100%;
  height: 40px; }
  .select-main:before {
    content: "";
    position: absolute;
    bottom: 50%;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
    right: 15px;
    z-index: 99;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 6px 0 6px;
    border-color: #e5770a transparent transparent transparent; }
  .select-main select {
    padding-right: 40px;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }

.header-info {
  background: #d9d9dd;
  padding: .75rem 0px .75rem 15px;
  margin-top: 50px; }
  @media (min-width: 768px) {
    .header-info {
      display: block;
      background: transparent;
      padding: 0px;
      float: right;
      margin-top: 0px;
      margin-right: 15px; } }
  .header-info:before {
    display: none; }
    @media (min-width: 768px) {
      .header-info:before {
        content: "Zakázková prodejna";
        font-family: "Anton", sans-serif;
        display: block;
        text-align: right;
        display: block;
        text-transform: uppercase;
        font-size: 1.275rem;
        margin-bottom: 0.5rem;
        font-size: 1.475rem; } }
    @media (min-width: 992px) {
      .header-info:before {
        font-size: 1.675rem; } }
    @media (min-width: 1200px) {
      .header-info:before {
        font-size: 1.875rem; } }
  @media (min-width: 768px) {
    .header-info .ul-header {
      position: relative;
      float: left;
      padding-left: 3.5rem; } }
  @media (min-width: 768px) {
    .header-info .ul-header:before {
      content: "";
      display: block;
      height: 2.5rem;
      width: 2.5rem;
      position: absolute;
      left: 0;
      bottom: 50%;
      -webkit-transform: translateY(50%);
      -ms-transform: translateY(50%);
      transform: translateY(50%); } }
  .header-info .ul-header#header-open {
    display: none; }
    @media (min-width: 768px) {
      .header-info .ul-header#header-open {
        display: block; } }
    @media (min-width: 768px) {
      .header-info .ul-header#header-open:before {
        background: url("../images/ico/clock.svg"); } }
  @media (min-width: 768px) {
    .header-info .ul-header#header-contact:before {
      background: url("../images/ico/contact.svg"); } }
  @media (min-width: 768px) {
    .header-info .ul-header:not(:first-of-type) {
      margin-left: 3rem; } }
  .header-info .ul-header li {
    display: inline-block; }
    .header-info .ul-header li:not(:first-of-type) {
      margin-left: 1rem; }
      @media (min-width: 768px) {
        .header-info .ul-header li:not(:first-of-type) {
          margin-left: 0px; } }
    @media (min-width: 768px) {
      .header-info .ul-header li {
        display: table-row; } }
    .header-info .ul-header li a {
      color: #222222;
      text-decoration: none;
      -webkit-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s; }
      .header-info .ul-header li a:hover {
        -webkit-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
        color: #e5770a; }
      .header-info .ul-header li a[href^="mailto:"] {
        text-decoration: underline !important;
        color: #e5770a; }
    .header-info .ul-header li span {
      padding-right: 1.5rem;
      display: table-cell; }

#menu-wrapper {
  background: #eeeef0;
  position: fixed;
  width: 100%;
  z-index: 999;
  left: 0;
  top: 0; }
  @media (min-width: 768px) {
    #menu-wrapper {
      position: relative;
      background: transparent; } }
  #menu-wrapper #menu {
    border: 0px;
    padding: 0px; }
    @media (min-width: 768px) {
      #menu-wrapper #menu {
        width: 100%; } }
    @media (min-width: 768px) {
      #menu-wrapper #menu .nav {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        width: 100%; } }
    @media (min-width: 768px) {
      #menu-wrapper #menu .nav li {
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1; } }
    #menu-wrapper #menu .nav li:not(:last-of-type) a {
      border-right: 1px solid #eeeef0; }
    #menu-wrapper #menu .nav li a {
      color: #222222;
      font-weight: 700;
      letter-spacing: 0.5px;
      text-transform: uppercase;
      -webkit-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s;
      border-top: 1px solid #ffffff; }
      @media (min-width: 768px) {
        #menu-wrapper #menu .nav li a {
          -webkit-box-flex: 1;
          -webkit-flex-grow: 1;
          -ms-flex-positive: 1;
          flex-grow: 1;
          padding: 19px 0px;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-align-content: stretch;
          -ms-flex-line-pack: stretch;
          align-content: stretch;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -ms-flex-align: center;
          align-items: center;
          background: #ffffff;
          z-index: 1;
          border-top: 0px; } }
      #menu-wrapper #menu .nav li a:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: -1;
        background: #e5770a;
        -webkit-transform: scaleX(0);
        -ms-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s; }
      #menu-wrapper #menu .nav li a:hover {
        -webkit-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
        color: #ffffff; }
        #menu-wrapper #menu .nav li a:hover:before {
          -webkit-transform: scaleX(1);
          -ms-transform: scaleX(1);
          transform: scaleX(1);
          -webkit-transition: 0.4s;
          -o-transition: 0.4s;
          transition: 0.4s; }
  @media (min-width: 768px) {
    #menu-wrapper .navbar-header {
      width: 100%;
      padding: 2rem 0px; } }
  #menu-wrapper .navbar-header .navbar-brand {
    padding: 0px; }
    @media (min-width: 768px) {
      #menu-wrapper .navbar-header .navbar-brand {
        height: auto; } }
    #menu-wrapper .navbar-header .navbar-brand img {
      width: 90px;
      margin-left: 15px;
      margin-top: 12px; }
      @media (min-width: 768px) {
        #menu-wrapper .navbar-header .navbar-brand img {
          width: 150px;
          margin-top: 15px; } }
      @media (min-width: 992px) {
        #menu-wrapper .navbar-header .navbar-brand img {
          width: 220px;
          margin-top: 10px; } }
      @media (min-width: 1200px) {
        #menu-wrapper .navbar-header .navbar-brand img {
          width: 290px;
          margin-top: 0px; } }
  #menu-wrapper .navbar-header .navbar-toggle {
    height: 30px;
    width: 30px;
    border: 1px solid #e5770a;
    color: #888888;
    padding-top: 2px;
    padding-left: 6px;
    font-size: 1.5rem;
    margin-top: 10px; }
    #menu-wrapper .navbar-header .navbar-toggle#navbar-toggle-menu {
      background: transparent !important;
      position: relative; }
      #menu-wrapper .navbar-header .navbar-toggle#navbar-toggle-menu .navbar-toggle-line {
        background: #e5770a;
        width: 20px;
        height: 2px;
        display: block;
        position: absolute;
        left: 4px;
        border-radius: 1px;
        margin: 4px 0px;
        -webkit-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s; }
        #menu-wrapper .navbar-header .navbar-toggle#navbar-toggle-menu .navbar-toggle-line:nth-of-type(1) {
          top: 8px;
          -webkit-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
          transform: rotate(-45deg); }
        #menu-wrapper .navbar-header .navbar-toggle#navbar-toggle-menu .navbar-toggle-line:nth-of-type(2) {
          top: 9px;
          -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          transform: rotate(45deg); }
        #menu-wrapper .navbar-header .navbar-toggle#navbar-toggle-menu .navbar-toggle-line:nth-of-type(3) {
          top: 15px;
          display: none; }
      #menu-wrapper .navbar-header .navbar-toggle#navbar-toggle-menu.collapsed .navbar-toggle-line:nth-of-type(1) {
        top: 2px;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0); }
      #menu-wrapper .navbar-header .navbar-toggle#navbar-toggle-menu.collapsed .navbar-toggle-line:nth-of-type(2) {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0); }
      #menu-wrapper .navbar-header .navbar-toggle#navbar-toggle-menu.collapsed .navbar-toggle-line:nth-of-type(3) {
        display: block; }

main {
  padding-top: 88px; }
  @media (min-width: 768px) {
    main {
      padding-top: 0px; } }

.section {
  width: 100%;
  padding: 2rem 2rem; }
  @media (min-width: 768px) {
    .section {
      padding: 2rem 2rem; } }

.section-space {
  margin-top: 2rem; }

.background-white {
  background: #ffffff; }

.product-wrapper .product-item {
  margin-top: 2rem;
  padding: 0px;
  background: #ffffff;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  z-index: 9;
  color: #222222;
  text-decoration: none !important; }
  .product-wrapper .product-item:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: #e5770a;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
  .product-wrapper .product-item .product-item-body {
    padding: 2rem 1rem; }
    @media (min-width: 768px) {
      .product-wrapper .product-item .product-item-body {
        padding: 2rem 1.5rem; } }
  .product-wrapper .product-item .h1 {
    margin-top: 0px;
    color: #e5770a !important;
    text-decoration: none !important;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    margin-bottom: 0.25rem; }
  .product-wrapper .product-item .h3 {
    color: #222222 !important; }
  .product-wrapper .product-item .product-image-wrapper {
    overflow: hidden; }
    .product-wrapper .product-item .product-image-wrapper img {
      width: 100%;
      -webkit-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s; }
  .product-wrapper .product-item:nth-of-type(odd) {
    border-right: 1px solid #eeeef0; }
    @media (min-width: 768px) {
      .product-wrapper .product-item:nth-of-type(odd) {
        border-right: 0px; } }
  @media (min-width: 768px) {
    .product-wrapper .product-item:not(:nth-of-type(3n + 3)) {
      border-right: 1px solid #eeeef0; } }
  .product-wrapper .product-item:hover {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    text-decoration: none !important; }
    .product-wrapper .product-item:hover .h1 {
      color: #ffffff !important;
      -webkit-transition: 0.4s;
      -o-transition: 0.4s;
      transition: 0.4s; }
    .product-wrapper .product-item:hover .product-image-wrapper img {
      -webkit-transition: 0.4s;
      -o-transition: 0.4s;
      transition: 0.4s;
      -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
      transform: scale(1.2); }
    .product-wrapper .product-item:hover:before {
      -webkit-transform: scaleX(1);
      -ms-transform: scaleX(1);
      transform: scaleX(1);
      -webkit-transition: 0.4s;
      -o-transition: 0.4s;
      transition: 0.4s; }

.hr-main {
  margin: 2rem -2rem;
  border: 0px;
  height: 1px;
  background: #eeeef0; }

#fb-page-container {
  width: 100%; }

#map {
  padding-bottom: 75%; }
  @media (min-width: 768px) {
    #map {
      padding-bottom: 65%; } }
  @media (min-width: 992px) {
    #map {
      padding-bottom: 55%; } }
  @media (min-width: 1200px) {
    #map {
      padding-bottom: 45%; } }

.gm-style * {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  background: transparent !important; }

.article-item {
  margin-top: 1.5rem; }
  .article-item .gallery-main {
    display: block;
    overflow: hidden;
    position: relative; }
    .article-item .gallery-main img {
      width: 100%;
      -webkit-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s; }
    .article-item .gallery-main:hover:before {
      -webkit-transform: scaleX(1);
      -ms-transform: scaleX(1);
      transform: scaleX(1);
      -webkit-transition: 0.4s;
      -o-transition: 0.4s;
      transition: 0.4s; }
    .article-item .gallery-main:hover img {
      -webkit-transition: 0.4s;
      -o-transition: 0.4s;
      transition: 0.4s;
      -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
      transform: scale(1.2); }
  .article-item .h3:first-of-type {
    margin-top: 1rem; }

#carousel-index {
  display: none;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch; }
  @media (min-width: 768px) {
    #carousel-index {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      overflow: hidden; } }
  #carousel-index .owl-stage-outer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch; }
    #carousel-index .owl-stage-outer .owl-stage {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: stretch;
      -webkit-align-items: stretch;
      -ms-flex-align: stretch;
      align-items: stretch; }
      #carousel-index .owl-stage-outer .owl-stage .owl-item {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        position: relative;
        z-index: -1; }
        #carousel-index .owl-stage-outer .owl-stage .owl-item.active {
          z-index: 99;
          position: relative; }
        #carousel-index .owl-stage-outer .owl-stage .owl-item .item {
          -o-object-fit: cover;
          object-fit: cover;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: stretch;
          -webkit-align-items: stretch;
          -ms-flex-align: stretch;
          align-items: stretch; }
          @media (min-width: 768px) {
            #carousel-index .owl-stage-outer .owl-stage .owl-item .item {
              min-height: 400px; } }
          #carousel-index .owl-stage-outer .owl-stage .owl-item .item:before {
            content: "";
            position: absolute;
            top: 0;
            height: 100%;
            left: 0;
            width: 100%;
            background: #222222;
            opacity: .35;
            z-index: 9; }
          #carousel-index .owl-stage-outer .owl-stage .owl-item .item img {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            position: absolute;
            height: 100%;
            width: 102%;
            -webkit-box-align: stretch;
            -webkit-align-items: stretch;
            -ms-flex-align: stretch;
            align-items: stretch;
            -o-object-fit: cover;
            object-fit: cover;
            -o-object-position: center;
            object-position: center; }
          #carousel-index .owl-stage-outer .owl-stage .owl-item .item .item-description {
            position: absolute;
            bottom: 30px;
            left: 30px;
            color: #e5770a;
            font-weight: 400;
            text-transform: uppercase;
            font-family: "Anton", sans-serif;
            z-index: 9; }
            @media (min-width: 768px) {
              #carousel-index .owl-stage-outer .owl-stage .owl-item .item .item-description {
                font-size: 2rem;
                line-height: 2rem; } }
            @media (min-width: 992px) {
              #carousel-index .owl-stage-outer .owl-stage .owl-item .item .item-description {
                font-size: 2.5rem;
                line-height: 2.5rem; } }
            @media (min-width: 1200px) {
              #carousel-index .owl-stage-outer .owl-stage .owl-item .item .item-description {
                font-size: 3rem;
                line-height: 3rem; } }
            #carousel-index .owl-stage-outer .owl-stage .owl-item .item .item-description span {
              color: #ffffff;
              display: block;
              margin-bottom: .5rem; }
  #carousel-index .owl-controls .owl-dots {
    width: 100%;
    position: absolute;
    bottom: 30px;
    text-align: right;
    left: 0px;
    padding-right: 30px; }
    #carousel-index .owl-controls .owl-dots .owl-dot {
      display: inline-block;
      margin: 5px; }
      #carousel-index .owl-controls .owl-dots .owl-dot span {
        position: relative;
        border-radius: 50%;
        width: 10px;
        height: 10px;
        display: block;
        opacity: .5;
        background: #ffffff;
        border: 4px solid transparent; }
        #carousel-index .owl-controls .owl-dots .owl-dot span:before {
          content: "";
          height: 14px;
          width: 14px;
          position: absolute;
          left: 50%;
          bottom: 50%;
          -webkit-transition: 0.3s;
          -o-transition: 0.3s;
          transition: 0.3s;
          -webkit-transform: translateY(50%) translateX(-50%) scale(0);
          -ms-transform: translateY(50%) translateX(-50%) scale(0);
          transform: translateY(50%) translateX(-50%) scale(0);
          background: #ffffff;
          border-radius: 50%; }
      #carousel-index .owl-controls .owl-dots .owl-dot.active span {
        opacity: 1; }
        #carousel-index .owl-controls .owl-dots .owl-dot.active span:before {
          -webkit-transform: translateY(50%) translateX(-50%) scale(1);
          -ms-transform: translateY(50%) translateX(-50%) scale(1);
          transform: translateY(50%) translateX(-50%) scale(1); }