/*
0 - 600px:      Phone
600 - 900px:    Tablet portrait
900 - 1200px:   Tablet landscape
[1200 - 1800] is where our normal styles apply
1800px + :      Big desktop

$breakpoint arguement choices:
- phone
- tab-port
- tab-land
- big-desktop

ORDER: Base + typography > general layout + grid > page layout > components

1em = 16px
*/
*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: inherit; }

html {
  font-size: 62.5%;
  height: 100%;
  width: 100%; }
  @media only screen and (max-width: 75em) {
    html {
      font-size: 56.25%; } }
  @media only screen and (max-width: 56.25em) {
    html {
      font-size: 50%; } }
  @media only screen and (min-width: 112.5em) {
    html {
      font-size: 75%; } }

body {
  box-sizing: border-box; }
  @media only screen and (max-width: 56.25em) {
    body {
      padding: 0; } }

::selection {
  color: #1c1c1c;
  background-color: #fff; }

.primary-text {
  font-size: 2rem;
  color: #fff;
  line-height: 1.5;
  text-align: justify; }

.u-negative-margin-top-menu {
  margin-top: -4rem !important; }

.u-color-primary {
  color: #e74c3c; }

.u-color-white {
  color: #fff !important; }

.u-color-black {
  color: #1c1c1c !important; }

.u-color-blue {
  color: #42a0ae !important; }

.u-color-red {
  color: #ba4438 !important; }

.u-color-yellow {
  color: #eeac3c !important; }

.u-bgcolor-white {
  background-color: #fff !important; }

.u-bgcolor-blue {
  background-color: #42a0ae !important; }

.u-bgcolor-red {
  background-color: #ba4438 !important; }

.u-bgcolor-yellow {
  background-color: #eeac3c !important; }

.u-bgcolor-lightgray {
  background-color: #f4f4f4 !important; }

.u-bgcolor-transparent {
  background-color: RGBA(255, 255, 255, 0) !important; }

.u-border-bottom {
  border-bottom: 1px solid #1c1c1c !important; }

.u-align-right {
  text-align: right !important; }

.u-font-weight-big {
  font-weight: 600; }

.u-width-auto {
  width: auto !important; }

.u-overflow-scroll {
  overflow: scroll !important; }

.standard-btn, .standard-btn:link, .standard-btn:visited {
  text-decoration: none;
  font-family: 'Roboto', sans-serif;
  background-color: #1c1c1c;
  color: white;
  padding: 1.5rem 3.5rem;
  display: inline-block;
  border: none;
  cursor: pointer; }

.standard-btn:active, .standard-btn:focus {
  outline: none; }

.standard-btn.active {
  font-weight: bold; }

.submit-btn {
  width: 120px;
  text-transform: uppercase;
  padding: 1.5rem 0rem !important;
}

.btn-primary, .btn-primary:link, .btn-primary:visited {
  text-decoration: none;
  font-family: 'Roboto', sans-serif;
  background-color: #e74c3c;
  color: white;
  padding: 1.5rem 3.5rem;
  display: inline-block;
  border: none;
  cursor: pointer; }

.btn-primary:active, .btn-primary:focus {
  outline: none; }

.btn-primary.active {
  font-weight: bold; }

.btn-primary:hover {
  transform: scale(1.05);
  transition: 100ms ease; }

.btn-outline, .btn-outline:link, .btn-outline:visited {
  text-decoration: none;
  font-family: 'Roboto', sans-serif;
  background-color: transparent;
  color: #fff;
  border: 1px solid #fff;
  padding: 1.5rem 3.5rem;
  display: inline-block;
  cursor: pointer; }

.btn-outline:active, .btn-outline:focus {
  outline: none; }

.btn-outline.active {
  font-weight: bold; }

.primary-title {
  display: inline-block;
  color: #fff;
  padding-bottom: 10px;
  font-weight: normal;
  font-size: 4rem;
  border-bottom: 5px solid #ba4438;
  text-align: center; }

.input {
  background-color: #1c1c1c;
  border: 2px solid #fff; }

#select_services {
  /*margin-bottom: 2rem;*/
}  

.pagination {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 0 10% 0 10%; }
  @media screen and (min-width: 2000px) {
    .pagination {
      padding-left: 0;
      padding-right: 0; } }
  .pagination__item {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 4rem;
    min-width: 4rem;
    cursor: pointer;
    border-left: 1px solid #e74c3c;
    border-top: 2px solid #e74c3c;
    border-bottom: 2px solid #e74c3c;
    border-right: 1px solid #e74c3c; }
    .pagination__item:first-child {
      border-left: 2px solid #e74c3c;
      border-radius: 5px 0 0 5px; }
    .pagination__item:last-child {
      border-right: 2px solid #e74c3c;
      border-radius: 0 5px 5px 0; }
    .pagination__item > a {
      font-size: 2rem;
      color: #fff;
      padding: 1rem;
      text-decoration: none; }
    .pagination__item:hover {
      background-color: #e74c3c;
      color: white; }
  .pagination > .selected {
    background-color: #e74c3c;
    color: white; }

.footer {
  padding-top: 7rem;
  background-color: #1c1c1c;
  display: flex;
  flex-direction: column;
  align-items: center; }
  .footer__logo > img {
    width: 60%; }
  .footer__socmed > * {
    font-size: 3rem;
    margin-right: 1rem;
    text-decoration: none;
    color: white; }
  .footer__image {
    position: relative;
    width: 100%;
    height: 65vh; }
    .footer__image > img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: 50% 50%; }
  .footer__overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(28, 28, 28, 0.5); }
  .footer__content {
    width: 100%;
    max-width: 120rem;
    padding: 2rem 10% 0 10%;
    display: flex; }
    @media screen and (min-width: 2000px) {
      .footer__content {
        padding-left: 0;
        padding-right: 0; } }
    @media screen and (max-width: 700px) {
      .footer__content {
        flex-direction: column; } }
    .footer__content--left {
      flex: 1;
      border-right: 1px solid #fff; }
      .footer__content--left > * {
        margin-bottom: 2rem; }
    .footer__content--center {
      flex: 1;
      border-right: 1px solid #fff;
      padding-left: 2.5rem;
      padding-right: 2.5rem; }
    .footer__content--right {
      flex: 1.7;
      padding-left: 2.5rem; }
  .footer__menu {
    margin-bottom: 2rem; }
    .footer__menu > a, .footer__menu > a:link, .footer__menu > a:visited {
      text-decoration: none;
      text-transform: uppercase;
      font-family: 'Roboto', sans-serif;
      color: #fff;
      font-size: 1.8rem; }
    .footer__menu > a:active, .footer__menu > a:focus {
      outline: none; }
    .footer__menu > a.active {
      font-weight: bold; }
  .footer__address__title {
    color: #fff;
    font-size: 1.8rem;
    margin-bottom: 2rem; }
  .footer__address__content {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem; }
    .footer__address__content > i {
      flex: 1;
      font-size: 2.4rem; }
    .footer__address__content > p {
      color: lightgray;
      text-align: justify;
      font-size: 1.5rem;
      flex: 9; }
    .footer__address__content > * {
      color: #fff;
      display: inline-block; }
  .footer__copyright {
    width: 100%;
    max-width: 120rem;
    padding: 1rem 10% 1rem 10%; }

  .footer__copyright p {
    font-size: 1.5rem;
  }    
    @media screen and (min-width: 2000px) {
      .footer__copyright {
        padding-left: 0;
        padding-right: 0; } }

@media screen and (max-width: 700px) {
  .footer__logo > img {
    width: 100px; }
  .footer__copyright {
    padding: 0 10% 7rem 10%; }
  .footer__content {
    flex-direction: column; }
    .footer__content > * {
      margin-bottom: 2rem; }
    .footer__content--left {
      border: none;
      padding: 0;
      border-bottom: 1px solid #fff; }
    .footer__content--center {
      border: none;
      padding: 0;
      border-bottom: 1px solid #fff; }
    .footer__content--right {
      border: none;
      padding: 0;
      border-bottom: 1px solid #fff; } }

* {
  font-family: "Roboto", sans-serif; }

.wrapper {
  width: 100%;
  margin: 0 auto;
  background-color: #1c1c1c; }

section, footer {
  width: 100%;
  margin: 0 auto; }

img {
  vertical-align: middle; }

a {
  text-decoration: none;
  cursor: pointer; }

@media screen and (max-width: 700px) {
  .wrapper {
    width: 100%; } }

input, select, button, textarea {
  width: 100%;
  padding: 1.5rem 2rem;
  font-size: 1.8rem;
  color: lightgray;
  outline: none; }

textarea {
  height: 100%; }

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
  /* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -moz-border-radius: 0;
  /* Firefox 1-3.6 */
  border-radius: 0;
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='white'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat;
  background-size: 12px;
  background-position: calc(100% - 15px) 22px;
  background-repeat: no-repeat; }

.header {
  z-index: 998;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 8rem;
  width: 100%;
  padding: 0 10%;
  max-width: 120rem;
  margin: 0 auto;
  margin-top: 2rem;
  display: flex;
  align-items: center; }
  @media screen and (min-width: 2000px) {
    .header {
      padding: 0; } }
  .header__logo > a > img {
    width: 10rem; }
  .header__menu {
    flex: 1;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .header__menu__item > a, .header__menu__item > a:link, .header__menu__item > a:visited {
      text-decoration: none;
      text-transform: uppercase;
      font-family: 'Roboto', sans-serif;
      color: #fff;
      font-size: 2rem; }
    .header__menu__item > a:active, .header__menu__item > a:focus {
      outline: none; }
    .header__menu__item > a:hover {
      color: #ecf0f1;
      border-bottom: 4px solid rgba(231, 76, 60, 0.4); }
    .header__menu__item > a.active {
      border-bottom: 4px solid #ba4438; }

.header-mobile {
  z-index: 9999 !important;
  padding-left: 10%;
  padding-right: 10%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fff;
  height: 8rem;
  display: none;
  justify-content: center;
  align-items: center;
  -webkit-box-shadow: 0px 5px 10px -10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 5px 10px -10px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 10px -10px rgba(0, 0, 0, 0.5); }
  .header-mobile__nav {
    flex: 1;
    cursor: pointer;
    display: flex;
    align-items: center; }
    .header-mobile__nav > img {
      width: 100%; }
  .header-mobile__logo {
    height: 100%;
    flex: 9;
    display: flex;
    align-items: center;
    justify-content: center; }
    .header-mobile__logo > img {
      height: 80%; }

.menu-mobile {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.9);
  overflow: auto;
  display: none; }
  .menu-mobile__wrapper {
    padding: 5% 10%;
    display: flex;
    flex-direction: column; }
  .menu-mobile__close {
    margin-top: 4rem;
    font-size: 8rem;
    align-self: flex-end;
    cursor: pointer; }
  .menu-mobile__item {
    margin-bottom: 7%; }
    .menu-mobile__item > a, .menu-mobile__item > a:link, .menu-mobile__item > a:visited {
      text-decoration: none;
      text-transform: uppercase;
      font-family: 'Roboto', sans-serif;
      color: #1c1c1c;
      font-size: 2.5rem; }
    .menu-mobile__item > a:active, .menu-mobile__item > a:focus {
      outline: none; }
    .menu-mobile__item > a.active {
      font-weight: bold; }

@media screen and (max-width: 700px) {
  .header {
    display: none !important; }
  .header-mobile {
    display: flex;
    z-index: 999; } }

.contact__content {
  max-width: 120rem;
  padding: 15rem 10% 0 10%;
  display: flex;
  flex-direction: column; }
  @media screen and (min-width: 2000px) {
    .contact__content {
      padding-left: 0;
      padding-right: 0; } }
  .contact__content > h1 {
    align-self: center;
    margin-bottom: 4rem; }

.contact__location {
  width: inherit;
  display: flex;
  flex-direction: row; }
  @media screen and (max-width: 700px) {
    .contact__location {
      flex-direction: column; } }
  .contact__location__map {
    display: flex;
    flex: 1;
    flex-direction: column; }
    .contact__location__map > iframe {
      width: 100%;
      height: 30rem; }
  .contact__location__address {
    padding: 4rem;
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center; }
    @media screen and (max-width: 700px) {
      .contact__location__address {
        padding: 4rem 0 0 0; } }
    .contact__location__address--title {
      color: #fff;
      font-size: 2.4rem;
      margin-bottom: 2rem; }
    .contact__location__address--content {
      display: flex;
      align-items: center;
      margin-bottom: 2rem; }
      .contact__location__address--content > i {
        font-size: 2.4rem;
        color: #fff;
        flex: 1; }
      .contact__location__address--content > p {
        color: lightgray;
        text-align: justify;
        font-size: 1.6rem;
        flex: 9; }

.contact__reservation {
  max-width: 120rem;
  padding: 7rem 10% 0 10%;
  display: flex;
  flex-direction: column;
  align-items: center; }
  @media screen and (min-width: 2000px) {
    .contact__reservation {
      padding-left: 0;
      padding-right: 0; } }
  .contact__reservation__content {
    border: 1px solid #fff;
    width: inherit;
    padding: 4rem;
    display: flex;
    flex-direction: column; }
    @media screen and (max-width: 700px) {
      .contact__reservation__content {
        padding: 2rem; } }
    .contact__reservation__content > h1 {
      align-self: flex-start;
      margin-bottom: 4rem; }
    .contact__reservation__content--left {
      display: flex;
      flex: 1;
      flex-direction: column;
      margin-right: 4rem; }
      @media screen and (max-width: 700px) {
        .contact__reservation__content--left {
          margin-right: 0; }
          .contact__reservation__content--left > input:last-child {
            margin-bottom: 2rem; } }
      .contact__reservation__content--left > input:not(:last-child) {
        margin-bottom: 2rem; }
    .contact__reservation__content--right {
      display: flex;
      flex: 1;
      flex-direction: column; }
      @media screen and (max-width: 700px) {
        .contact__reservation__content--right > textarea {
          min-height: 20rem; } }
  .contact__reservation__form {
    display: flex;
    flex-direction: row;
    margin-bottom: 4rem; }
    @media screen and (max-width: 700px) {
      .contact__reservation__form {
        flex-direction: column; } }
  .contact__reservation__form-button {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    font-size: 1.8rem; }

.home__banner {
  position: relative;
  width: 100%;
  height: 100vh; }
  .home__banner__image {
    width: inherit;
    height: inherit;
    object-fit: cover;
    object-position: 0 80%; }
  .home__banner__content {
    padding: 10% 10% 0 10%;
    position: absolute;
    top: 0;
    bottom: 0;
    width: inherit;
    height: inherit;
    background-color: rgba(28, 28, 28, 0.5);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between; }
    @media screen and (min-width: 2000px) {
      .home__banner__content {
        padding-left: 0;
        padding-right: 0; } }
    .home__banner__content__header {
      margin-top: 8rem;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center; }
    .home__banner__content__footer {
      margin-bottom: 5%;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center; }
      .home__banner__content__footer > a {
        text-decoration: none; }
    .home__banner__content__title {
      color: #fff;
      font-size: 6rem;
      margin-bottom: 2rem; }
    .home__banner__content__sub-title {
      color: #fff;
      font-size: 4rem; }
    .home__banner__content__reserve {
      font-size: 4rem;
      text-align: center; }
      .home__banner__content__reserve:hover {
        -webkit-box-shadow: 0 10px 40px -20px white;
        -moz-box-shadow: 0 10px 40px -20px white;
        box-shadow: 0 10px 40px -20px white; }
    .home__banner__content__more {
      color: #fff;
      font-size: 2rem; }
    .home__banner__content__more-icon {
      color: #fff;
      font-size: 6rem;
      cursor: pointer; }
      .home__banner__content__more-icon:hover {
        color: #999; }

@media screen and (max-width: 700px) {
  .home__banner__content__title {
    font-size: 5rem; }
  .home__banner__content__sub-title {
    font-size: 3rem; }
  .home__banner__content__reserve {
    font-size: 2rem; } }

.home__passion {
  position: relative;
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center; }
  .home__passion__image {
    width: inherit;
    height: inherit;
    object-fit: cover;
    object-position: 0 0; }
  .home__passion__content {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50%;
    max-width: 120rem;
    padding: 5rem;
    height: inherit;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: rgba(28, 28, 28, 0.5); }
    .home__passion__content__description {
      color: #fff;
      font-size: 2rem;
      text-align: center; }
    .home__passion__content > *:not(:last-child) {
      margin-bottom: 4rem; }

@media screen and (max-width: 700px) {
  .home__passion {
    height: calc(100vh - 8rem); }
    .home__passion__content {
      width: 90%; } }

@media screen and (max-width: 400px) {
  .home__passion__content {
    width: 90%; }
    .home__passion__content__description {
      font-size: 1.6rem; } }

.home__services {
  max-width: 120rem;
  padding: 7rem 10% 0 10%;
  display: flex;
  flex-direction: column;
  align-items: center; }
  @media screen and (min-width: 2000px) {
    .home__services {
      padding-left: 0;
      padding-right: 0; } }
  .home__services__content {
    width: inherit;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center; }
    @media screen and (max-width: 700px) {
      .home__services__content {
        flex-direction: column; } }
    .home__services__content__card {
      z-index: 2;
      width: 40rem;
      transition: 0.3s; }
      @media screen and (max-width: 700px) {
        .home__services__content__card {
          margin-bottom: 4rem;
          z-index: 0; } }
      .home__services__content__card__image {
        width: 40rem;
        height: 35rem;
        object-fit: cover; }
      .home__services__content__card__body {
        background-color: #777777;
        padding: 2rem; }
      .home__services__content__card__title {
        font-size: 2rem;
        color: #fff;
        margin-bottom: 1.2rem; }
      .home__services__content__card__description {
        font-size: 1.4rem;
        color: #fff; }
      @media screen and (min-width: 700px) {
        .home__services__content__card__overlay {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0; } }
      .home__services__content__card__center {
        order: 2; }
        @media screen and (min-width: 700px) {
          .home__services__content__card__center {
            position: relative; } }
      .home__services__content__card__left {
        order: 1; }
        @media screen and (min-width: 700px) {
          .home__services__content__card__left {
            position: relative;
            z-index: 1;
            transform: translateX(20rem) translateY(1.5rem) scale(0.8); }
            .home__services__content__card__left div:first-child {
              background-color: rgba(28, 28, 28, 0.5); }
            .home__services__content__card__left:hover {
              z-index: 10;
              transform: translateX(20rem) translateY(1.5rem) scale(1); }
              .home__services__content__card__left:hover div:first-child {
                background-color: transparent; }
            .home__services__content__card__left:hover ~ .home__services__content__card__center {
              transform: scale(0.8); }
            .home__services__content__card__left:hover ~ .home__services__content__card__center div:first-child {
              background-color: rgba(28, 28, 28, 0.5); } }
      .home__services__content__card__right {
        order: 3; }
        @media screen and (min-width: 700px) {
          .home__services__content__card__right {
            position: relative;
            z-index: 1;
            transform: translateX(-20rem) translateY(1.5rem) scale(0.8); }
            .home__services__content__card__right div:first-child {
              background-color: rgba(28, 28, 28, 0.5); }
            .home__services__content__card__right:hover {
              z-index: 10;
              transform: translateX(-20rem) translateY(1.5rem) scale(1); }
              .home__services__content__card__right:hover div:first-child {
                background-color: transparent; }
            .home__services__content__card__right:hover ~ .home__services__content__card__center {
              transform: scale(0.8); }
            .home__services__content__card__right:hover ~ .home__services__content__card__center div:first-child {
              background-color: rgba(28, 28, 28, 0.5); } }
  .home__services > *:not(:last-child) {
    margin-bottom: 4rem; }

.home__products {
  max-width: 120rem;
  padding: 7rem 10% 0 10%;
  display: flex;
  flex-direction: column;
  align-items: center; }
  @media screen and (min-width: 2000px) {
    .home__products {
      padding-left: 0;
      padding-right: 0; } }
  .home__products__content {
    width: inherit;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap; }
    .home__products__content > *:nth-child(3n+1) {
      padding-right: 10px;
      padding-bottom: 15px; }
    .home__products__content > *:nth-child(3n+2) {
      padding-left: 5px;
      padding-right: 5px;
      padding-bottom: 15px; }
    .home__products__content > *:nth-child(3n+3) {
      padding-left: 10px;
      padding-bottom: 15px; }
  .home__products__card {
    position: relative;
    width: 33.3%;
    height: 33.3%;
    cursor: pointer; }
    .home__products__card__image {
      width: 100%;
      height: 100%;
      object-fit: cover; }
    .home__products__card__overlay {
      visibility: hidden;
      opacity: 0;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      transition: 0.3s;
      padding: 3rem;
      background-color: rgba(28, 28, 28, 0.5);
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between; }
      @media screen and (max-width: 700px) {
        .home__products__card__overlay {
          visibility: visible;
          opacity: 1; } }
    .home__products__card:hover .home__products__card__overlay {
      visibility: visible;
      opacity: 1; }
    .home__products__card__info {
      display: flex;
      flex-direction: column;
      flex: 1; }
      .home__products__card__info > *:not(:last-child) {
        margin-bottom: 1rem; }
    .home__products__card__title {
      color: #fff;
      font-size: 1.8rem;
      font-weight: bold;
      letter-spacing: 3px; }
    .home__products__card__description {
      color: #fff;
      font-size: 1.4rem;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 6; }
      @media screen and (max-width: 700px) {
        .home__products__card__description {
          -webkit-line-clamp: 3; } }
    .home__products__card__price {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-end;
      width: 100%;
      color: #fff;
      font-size: 2rem; }
  .home__products > *:not(:last-child) {
    margin-bottom: 4rem; }

@media screen and (max-width: 700px) {
  .home__products__card {
    width: 50%;
    height: 50%; }
  .home__products__content > *:nth-child(3n+1) {
    padding-right: 0;
    padding-bottom: 15px; }
  .home__products__content > *:nth-child(3n+2) {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 15px; }
  .home__products__content > *:nth-child(3n+3) {
    padding-left: 0;
    padding-bottom: 15px; }
  .home__products__content > *:nth-child(odd) {
    padding-right: 7.5px; }
  .home__products__content > *:nth-child(even) {
    padding-left: 7.5px; } }

@media screen and (max-width: 400px) {
  .home__products__card {
    width: 100%;
    height: 100%; }
  .home__products__content > *:nth-child(odd) {
    padding-right: 0; }
  .home__products__content > *:nth-child(even) {
    padding-left: 0; } }


.home__promo {
  max-width: 120rem;
  padding: 7rem 10% 0 10%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media screen and (min-width: 2000px) {
  .home__promo {
    padding-left: 0;
    padding-right: 0; } }
.home__promo__content {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  /* flex-direction: column; */
  margin-top: 2rem;
}

.home__promo__content__item {
  width: calc(50% - 2rem);
  display: flex;
  flex-direction: column;
  margin-bottom: 2rem;
}
.home__promo__content__item:nth-child(odd) {
  margin-right: 1rem;
}
.home__promo__content__item:nth-child(even) {
  margin-left: 1rem;
}
@media screen and (max-width: 700px) {
  .home__promo__content__item {
    width: 100%;
  }
  .home__promo__content__item:nth-child(odd) {
    margin-right: 0;
  }
  .home__promo__content__item:nth-child(even) {
    margin-left: 0;
  }  
}
.home__promo__content__item > h2 {
  color: white;
  font-size: 2rem;
  margin-bottom: 1rem;
  letter-spacing: 3px;
  /* border-bottom: 1px solid white; */
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.home__promo__content__body {
  display: flex;
}

.home__promo__content__img {
  margin-right: 1rem;
  flex: 4;
}

.home__promo__content__img > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.home__promo__content__text {
  margin-left: 1rem;
  display: flex;
  flex-direction: column;
  flex: 6;
}

.home__promo__content__text > p {
  font-size: 1.2rem;
  margin-bottom: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
}

.home__promo__content__text > a {
  font-size: 1.5rem;
  color: #ba4438;
  align-self: flex-end;
}

.home__promo__content__text > a:hover {
  color: red;
}


.home__reservation {
  max-width: 120rem;
  padding: 14rem 10% 0 10%;
  display: flex;
  flex-direction: column;
  align-items: center; }
  @media screen and (min-width: 2000px) {
    .home__reservation {
      padding-left: 0;
      padding-right: 0; } }
  .home__reservation__content {
    border: 1px solid #fff;
    width: inherit;
    padding: 4rem;
    display: flex;
    flex-direction: column; }
    .home__reservation__content > h1 {
      align-self: flex-start;
      margin-bottom: 4rem; }
    .home__reservation__content--left {
      display: flex;
      flex: 1;
      flex-direction: column;
      margin-right: 4rem; }
      @media screen and (max-width: 700px) {
        .home__reservation__content--left {
          margin-right: 0; }
          .home__reservation__content--left > input:last-child {
            margin-bottom: 2rem; } }
      .home__reservation__content--left > input:not(:last-child) {
        margin-bottom: 2rem; }
    .home__reservation__content--right {
      display: flex;
      flex: 1;
      flex-direction: column; }
      @media screen and (max-width: 700px) {
        .home__reservation__content--right > textarea {
          min-height: 20rem; } }
      .home__reservation__content--right > input:not(:last-child) {
        margin-bottom: 2rem; }
  .home__reservation__form {
    display: flex;
    flex-direction: row;
    margin-bottom: 4rem; }
    @media screen and (max-width: 700px) {
      .home__reservation__form {
        flex-direction: column; } }
  .home__reservation__form-button {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    font-size: 1.8rem; }

@media screen and (max-width: 700px) {
  .home__reservation__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 2rem; }
  .home__reservation__form {
    width: 100%;
    flex-wrap: nowrap;
    flex-direction: column; }
    .home__reservation__form > * {
      width: 100%; } }

.home__youtube {
  max-width: 120rem;
  padding: 7rem 10% 0 10%;
  display: flex;
  flex-direction: row; }
  @media screen and (min-width: 2000px) {
    .home__youtube {
      padding-left: 0;
      padding-right: 0; } }
  .home__youtube__left {
    flex: 1;
    display: flex;
    margin-right: 2.5rem; }
  .home__youtube__right {
    flex: 1;
    display: flex;
    flex-direction: column;
    margin-left: 2.5rem;
    align-items: flex-start; }
    .home__youtube__right > *:not(:last-child) {
      margin-bottom: 4rem; }

@media screen and (max-width: 700px) {
  .home__youtube {
    flex-direction: column-reverse; }
    .home__youtube__left {
      margin-right: 0; }
    .home__youtube__right {
      margin-left: 0;
      margin-bottom: 4rem; } }

.home__brands {
  max-width: 120rem;
  padding: 7rem 10% 0 10%;
  flex-direction: column; }
  @media screen and (min-width: 2000px) {
    .home__brands {
      padding-left: 0;
      padding-right: 0; } }
  .home__brands__content {
    width: inherit;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
  .home__brands > *:not(:last-child) {
    margin-bottom: 4rem; }

/*
.home__brands__content img{
  width: 150px;
}
*/

.news {
  background-color: #1c1c1c; }
  .news a {
    text-decoration: none;
    cursor: pointer; }
  .news__content {
    max-width: 120rem;
    padding: 15rem 10% 0 10%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center; }
    @media screen and (min-width: 2000px) {
      .news__content {
        padding-left: 0;
        padding-right: 0; } }
    .news__content > *:not(:last-child) {
      margin-bottom: 4rem; }
  .news__list {
    display: flex;
    flex-direction: column;
    align-items: center; }
  .news__list-item {
    display: flex;
    flex-direction: row; }
    .news__list-item:not(:last-child) {
      margin-bottom: 6rem; }
    @media screen and (max-width: 700px) {
      .news__list-item {
        flex-direction: column; } }
    .news__list-item__image {
      width: 30rem;
      height: 30rem;
      margin-right: 2rem;
      object-fit: cover; }
      @media screen and (max-width: 700px) {
        .news__list-item__image {
          width: 100%;
          margin-right: 0;
          margin-bottom: 2rem; } }
    .news__list-item__content {
      padding: 2rem;
      display: flex;
      flex-direction: column;
      justify-content: space-between; }
      @media screen and (max-width: 700px) {
        .news__list-item__content {
          padding: 0; } }
    @media screen and (max-width: 700px) {
      .news__list-item__description {
        margin-bottom: 2rem; } }
    .news__list-item__description p {
      color: #fff; }
      .news__list-item__description p:nth-child(1) {
        font-size: 3rem;
        font-weight: bold;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        margin-bottom: 1rem; }
        .news__list-item__description p:nth-child(1):hover {
          text-shadow: 1px 1px 1px #CECECE; }
      .news__list-item__description p:nth-child(2) {
        font-size: 1.6rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 6;
        text-align: justify;
        color: #747474; }
    .news__list-item__footer {
      display: flex;
      flex-direction: row;
      justify-content: space-between; }
      .news__list-item__footer p {
        color: #fff;
        font-size: 1.6rem; }
      .news__list-item__footer a {
        color: #ba4438;
        font-size: 1.6rem; }
        .news__list-item__footer a:hover {
          color: #e74c3c; }

.news-detail__content {
  max-width: 120rem;
  padding: 15rem 10% 0 10%;
  display: flex;
  flex-direction: column;
  color: #fff;
  font-size: 2rem; }
  @media screen and (min-width: 2000px) {
    .news-detail__content {
      padding-left: 0;
      padding-right: 0; } }
  .news-detail__content > h1 {
    align-self: center; }
  .news-detail__content > *:not(:last-child) {
    margin-bottom: 3rem; }

.news-detail__body > p {
  font-size: 2rem;
  text-align: justify; }

.news-detail__body > *:not(:last-child) {
  margin-bottom: 2rem; }

.news-detail__info {
  align-self: flex-end; }

.news-detail__banner {
  position: relative; }
  .news-detail__banner::after {
    display: block;
    content: '';
    padding-bottom: 56.25%; }
  .news-detail__banner > img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; }

.products__list {
  max-width: 120rem;
  padding: 7rem 10% 0 10%;
  display: flex;
  flex-direction: column;
  align-items: center; }
  @media screen and (min-width: 2000px) {
    .products__list {
      padding-left: 0;
      padding-right: 0; } }
  .products__list__content {
    width: inherit;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap; }
    .products__list__content > *:nth-child(3n+1) {
      padding-right: 2rem; }
      @media screen and (max-width: 700px) {
        .products__list__content > *:nth-child(3n+1) {
          padding-right: 0; } }
    .products__list__content > *:nth-child(3n+2) {
      padding-left: 1rem;
      padding-right: 1rem; }
      @media screen and (max-width: 700px) {
        .products__list__content > *:nth-child(3n+2) {
          padding-left: 0;
          padding-right: 0; } }
    .products__list__content > *:nth-child(3n+3) {
      padding-left: 2rem; }
      @media screen and (max-width: 700px) {
        .products__list__content > *:nth-child(3n+3) {
          padding-left: 0; } }
  .products__list__card {
    position: relative;
    width: 33.3%;
    height: 33.3%;
    cursor: pointer;
    margin-bottom: 4rem; }
    .products__list__card:hover {
      opacity: 0.7; }
    @media screen and (max-width: 700px) {
      .products__list__card {
        width: 100%;
        height: 33.3%; } }
    .products__list__card__image {
      width: 100%;
      height: 100%;
      object-fit: cover;
      margin-bottom: 3rem; }
    .products__list__card__overlay {
      background-color: rgba(28, 28, 28, 0.5);
      display: flex;
      flex-direction: column; }
    .products__list__card__info {
      display: flex;
      flex-direction: column;
      flex: 1; }
      .products__list__card__info > *:not(:last-child) {
        margin-bottom: 1rem; }
    .products__list__card__title {
      color: #fff;
      font-size: 1.8rem;
      font-weight: bold;
      letter-spacing: 3px; }
    .products__list__card__description {
      color: #fff;
      font-size: 1.4rem; }
    .products__list__card__price {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-end;
      width: 100%;
      color: #fff;
      font-size: 2rem; }
  .products__list > *:first-child {
    margin-bottom: 4rem; }

.products-services__list {
  max-width: 120rem;
  padding: 15rem 10% 0 10%;
  display: flex;
  flex-direction: column;
  align-items: center; }
  @media screen and (min-width: 2000px) {
    .products-services__list {
      padding-left: 0;
      padding-right: 0; } }
  .products-services__list__content {
    width: inherit;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap; }
    .products-services__list__content > *:nth-child(3n+1) {
      padding-right: 1rem; }
      @media screen and (max-width: 700px) {
        .products-services__list__content > *:nth-child(3n+1) {
          padding-right: 0; } }
    .products-services__list__content > *:nth-child(3n+2) {
      padding-left: 0.5rem;
      padding-right: 0.5rem; }
      @media screen and (max-width: 700px) {
        .products-services__list__content > *:nth-child(3n+2) {
          padding-left: 0;
          padding-right: 0; } }
    .products-services__list__content > *:nth-child(3n+3) {
      padding-left: 1rem; }
      @media screen and (max-width: 700px) {
        .products-services__list__content > *:nth-child(3n+3) {
          padding-left: 0; } }
  .products-services__list__card {
    position: relative;
    width: 33.3%;
    height: 33.3%;
    cursor: pointer;
    margin-bottom: 4rem; }
    .products-services__list__card:hover {
      opacity: 0.7; }
    @media screen and (max-width: 700px) {
      .products-services__list__card {
        width: 100%;
        height: 33.3%; } }
    .products-services__list__card__image {
      width: 100%;
      height: 100%;
      object-fit: cover;
      vertical-align: middle; }
    .products-services__list__card__overlay {
      background-color: #333333;
      padding: 2rem;
      display: flex;
      flex-direction: column; }
    .products-services__list__card__info {
      display: flex;
      flex-direction: column;
      flex: 1; }
      .products-services__list__card__info > *:not(:last-child) {
        margin-bottom: 1rem; }
    .products-services__list__card__title {
      color: #fff;
      font-size: 1.8rem;
      font-weight: bold;
      letter-spacing: 3px; }
    .products-services__list__card__description {
      color: #fff;
      font-size: 1.4rem;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3; }
    .products-services__list__card__price {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-end;
      width: 100%;
      color: #fff;
      font-size: 2rem; }
  .products-services__list > *:first-child {
    margin-bottom: 4rem; }

.product-detail__content {
  max-width: 120rem;
  padding: 15rem 10% 0 10%;
  display: flex;
  flex-direction: column;
  color: #fff;
  font-size: 2rem; }
  @media screen and (min-width: 2000px) {
    .product-detail__content {
      padding-left: 0;
      padding-right: 0; } }
  .product-detail__content > h1 {
    align-self: center; }
  .product-detail__content > *:not(:last-child) {
    margin-bottom: 3rem; }

.product-detail__body > p {
  font-size: 2rem;
  text-align: justify; }

.product-detail__body > *:not(:last-child) {
  margin-bottom: 2rem; }

.product-detail__info {
  align-self: flex-end; }

.product-detail__banner {
  position: relative; }
  .product-detail__banner::after {
    display: block;
    content: '';
    padding-bottom: 56.25%; }
  .product-detail__banner > img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; }

.ui-timepicker-standard {
  background-color: black;
  color: white;
}

.ui-timepicker-wrapper {
  background-color: black;
  width: 395px;
}

.ui-timepicker-am, .ui-timepicker-pm {
  font-size: 20px;
  text-align: center;
  color: white !important;
}

.ui-timepicker-standard a {
  font-size: 18px;
  color: white;  

}

.subscribe-btn {
  font-size: 2rem;
  padding: 1rem 3.5rem !important;
}

.error_message {
  color: red;
  font-size: 2rem;
  display: none;
}

.success_message {
  color: green;
  font-size: 2rem;
  display: none;
}

/* mPopup box style */
.mpopup {
    display: none;
    position: fixed;
    z-index: 10000;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}

.mpopup-main input {
  color: black;
}

.mpopup-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    width: 60%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

@media screen and (min-width: 600px) {
  .mpopup-content {
      position: relative;
      background-color: #fefefe;
      margin: auto;
      padding: 0;
      width: 30%;
      box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
      -webkit-animation-name: animatetop;
      -webkit-animation-duration: 0.4s;
      animation-name: animatetop;
      animation-duration: 0.4s
  }
}

.mpopup-head {
    height: 50px;
    /*padding: 5px 16px;*/
    padding: 10px 16px 5px 16px;
    background-color: #333;
    color: white;
}

.mpopup-head h2 {
  padding-top: 10px;
}

.mpopup-main {padding: 20px 16px;}
.mpopup-main input[type="text"]{
    margin-top: 15px;
    width: 30%;
    height: 25px;
    font-size: 15px;
}
.mpopup-main input[type="submit"]{
    padding: 10px;
    font-size: 15px;
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: bold;
    background-color: #333;
    outline: none;
    border: none;
    color: #fff;
    cursor: pointer;
}
.mpopup-foot {
    padding: 2px 16px;
    background-color: #ff0000;
    color: #ffffff;
}

/* add animation effects */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

/* close button style */
.close {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
}
.close:hover, .close:focus {
    /*color: #000;*/
    text-decoration: none;
    cursor: pointer;
}


@font-face {
  font-family: 'icomoon';
  src: url("../../public/fonts/icomoon.eot?7gzr5p");
  src: url("../../public/fonts/icomoon.eot?7gzr5p#iefix") format("embedded-opentype"), url("../../public/fonts/icomoon.ttf?7gzr5p") format("truetype"), url("../../public/fonts/icomoon.woff?7gzr5p") format("woff"), url("../../public/fonts/icomoon.svg?7gzr5p#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block; }

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-plus:before {
  content: "\f067"; }

.icon-glass:before {
  content: "\f000"; }

.icon-music:before {
  content: "\f001"; }

.icon-search:before {
  content: "\f002"; }

.icon-envelope-o:before {
  content: "\f003"; }

.icon-heart:before {
  content: "\f004"; }

.icon-star:before {
  content: "\f005"; }

.icon-star-o:before {
  content: "\f006"; }

.icon-user:before {
  content: "\f007"; }

.icon-film:before {
  content: "\f008"; }

.icon-th-large:before {
  content: "\f009"; }

.icon-th:before {
  content: "\f00a"; }

.icon-th-list:before {
  content: "\f00b"; }

.icon-check:before {
  content: "\f00c"; }

.icon-close:before {
  content: "\f00d"; }

.icon-remove:before {
  content: "\f00d"; }

.icon-times:before {
  content: "\f00d"; }

.icon-search-plus:before {
  content: "\f00e"; }

.icon-search-minus:before {
  content: "\f010"; }

.icon-power-off:before {
  content: "\f011"; }

.icon-cog:before {
  content: "\f013"; }

.icon-gear:before {
  content: "\f013"; }

.icon-trash-o:before {
  content: "\f014"; }

.icon-home:before {
  content: "\f015"; }

.icon-file-o:before {
  content: "\f016"; }

.icon-lock:before {
  content: "\f023"; }

.icon-qrcode:before {
  content: "\f029"; }

.icon-barcode:before {
  content: "\f02a"; }

.icon-tag:before {
  content: "\f02b"; }

.icon-tags:before {
  content: "\f02c"; }

.icon-book:before {
  content: "\f02d"; }

.icon-bookmark:before {
  content: "\f02e"; }

.icon-print:before {
  content: "\f02f"; }

.icon-camera:before {
  content: "\f030"; }

.icon-video-camera:before {
  content: "\f03d"; }

.icon-image:before {
  content: "\f03e"; }

.icon-photo:before {
  content: "\f03e"; }

.icon-picture-o:before {
  content: "\f03e"; }

.icon-pencil:before {
  content: "\f040"; }

.icon-map-marker:before {
  content: "\f041"; }

.icon-edit:before {
  content: "\f044"; }

.icon-pencil-square-o:before {
  content: "\f044"; }

.icon-share-square-o:before {
  content: "\f045"; }

.icon-check-square-o:before {
  content: "\f046"; }

.icon-step-backward:before {
  content: "\f048"; }

.icon-fast-backward:before {
  content: "\f049"; }

.icon-backward:before {
  content: "\f04a"; }

.icon-play:before {
  content: "\f04b"; }

.icon-pause:before {
  content: "\f04c"; }

.icon-stop:before {
  content: "\f04d"; }

.icon-forward:before {
  content: "\f04e"; }

.icon-fast-forward:before {
  content: "\f050"; }

.icon-step-forward:before {
  content: "\f051"; }

.icon-chevron-left:before {
  content: "\f053"; }

.icon-chevron-right:before {
  content: "\f054"; }

.icon-plus-circle:before {
  content: "\f055"; }

.icon-minus-circle:before {
  content: "\f056"; }

.icon-times-circle:before {
  content: "\f057"; }

.icon-check-circle:before {
  content: "\f058"; }

.icon-arrow-left:before {
  content: "\f060"; }

.icon-arrow-right:before {
  content: "\f061"; }

.icon-arrow-up:before {
  content: "\f062"; }

.icon-arrow-down:before {
  content: "\f063"; }

.icon-mail-forward:before {
  content: "\f064"; }

.icon-share:before {
  content: "\f064"; }

.icon-plane:before {
  content: "\f072"; }

.icon-calendar:before {
  content: "\f073"; }

.icon-comment:before {
  content: "\f075"; }

.icon-chevron-up:before {
  content: "\f077"; }

.icon-chevron-down:before {
  content: "\f078"; }

.icon-retweet:before {
  content: "\f079"; }

.icon-shopping-cart:before {
  content: "\f07a"; }

.icon-bar-chart:before {
  content: "\f080"; }

.icon-bar-chart-o:before {
  content: "\f080"; }

.icon-cogs:before {
  content: "\f085"; }

.icon-gears:before {
  content: "\f085"; }

.icon-comments:before {
  content: "\f086"; }

.icon-thumbs-o-up:before {
  content: "\f087"; }

.icon-thumbs-o-down:before {
  content: "\f088"; }

.icon-star-half:before {
  content: "\f089"; }

.icon-heart-o:before {
  content: "\f08a"; }

.icon-sign-out:before {
  content: "\f08b"; }

.icon-external-link:before {
  content: "\f08e"; }

.icon-sign-in:before {
  content: "\f090"; }

.icon-phone:before {
  content: "\f095"; }

.icon-bookmark-o:before {
  content: "\f097"; }

.icon-phone-square:before {
  content: "\f098"; }

.icon-twitter:before {
  content: "\f099"; }

.icon-facebook:before {
  content: "\f09a"; }

.icon-facebook-f:before {
  content: "\f09a"; }

.icon-unlock:before {
  content: "\f09c"; }

.icon-credit-card:before {
  content: "\f09d"; }

.icon-bell-o:before {
  content: "\f0a2"; }

.icon-wrench:before {
  content: "\f0ad"; }

.icon-briefcase:before {
  content: "\f0b1"; }

.icon-group:before {
  content: "\f0c0"; }

.icon-users:before {
  content: "\f0c0"; }

.icon-paperclip:before {
  content: "\f0c6"; }

.icon-floppy-o:before {
  content: "\f0c7"; }

.icon-save:before {
  content: "\f0c7"; }

.icon-envelope:before {
  content: "\f0e0"; }

.icon-rotate-left:before {
  content: "\f0e2"; }

.icon-undo:before {
  content: "\f0e2"; }

.icon-bell:before {
  content: "\f0f3"; }

.icon-desktop:before {
  content: "\f108"; }

.icon-laptop:before {
  content: "\f109"; }

.icon-tablet:before {
  content: "\f10a"; }

.icon-mobile:before {
  content: "\f10b"; }

.icon-mobile-phone:before {
  content: "\f10b"; }

.icon-youtube-play:before {
  content: "\f16a"; }

.icon-instagram:before {
  content: "\f16d"; }

.icon-female:before {
  content: "\f182"; }

.icon-male:before {
  content: "\f183"; }

.icon-google:before {
  content: "\f1a0"; }

.icon-cc-visa:before {
  content: "\f1f0"; }

.icon-cc-mastercard:before {
  content: "\f1f1"; }

.icon-cc-discover:before {
  content: "\f1f2"; }

.icon-cc-amex:before {
  content: "\f1f3"; }

.icon-cc-paypal:before {
  content: "\f1f4"; }

.icon-cc-stripe:before {
  content: "\f1f5"; }

.icon-trash:before {
  content: "\f1f8"; }

.icon-area-chart:before {
  content: "\f1fe"; }

.icon-pie-chart:before {
  content: "\f200"; }

.icon-line-chart:before {
  content: "\f201"; }

.icon-facebook-official:before {
  content: "\f230"; }

.icon-whatsapp:before {
  content: "\f232"; }

.icon-shopping-bag:before {
  content: "\f290"; }

.icon-shopping-basket:before {
  content: "\f291"; }

.icon-envelope-open:before {
  content: "\f2b6"; }

.icon-envelope-open-o:before {
  content: "\f2b7"; }

.icon-user-circle:before {
  content: "\f2bd"; }

.icon-user-circle-o:before {
  content: "\f2be"; }

.icon-user-o:before {
  content: "\f2c0"; }