@import url(https://fonts.googleapis.com/css?family=Montserrat:300,400,500,700,800&display=swap&subset=latin-ext);@import url(https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i,900,900i&display=swap&subset=latin-ext);@import url(https://fonts.googleapis.com/css2?family=Special+Elite&display=swap&subset=latin-ex);.home-header {
  min-height: 200px;
}

@media screen and (max-width: 767px) {
  .home-header {
    min-height: 120px;
  }
}

@media screen and (max-width: 991px) and (min-width: 768px) {
  .home-header {
    min-height: 14.5rem;
  }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
  .home-header {
    min-height: 18.5rem;
  }
}

@media screen and (min-width: 1200px) and (max-width: 1300px) {
  .home-header {
    min-height: 22.5rem;
  }
}

@media screen and (min-width: 1301px) {
  .home-header {
    min-height: 24.5rem;
  }
}

#nav-home {
  z-index: 100;
  background: #ffffff;
  height: 37.5rem;
}

@media screen and (max-width: 991px) and (min-width: 768px) {
  #nav-home {
    height: 15.5rem;
  }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
  #nav-home {
    height: 21.5rem;
  }
}

#nav-home .nav-home__paralax {
  opacity: 1;
  transition: opacity 500ms;
}

#nav-home .nav-home__logo--big {
  opacity: 1;
  transition: opacity 500ms;
}

#nav-home .nav-home__logo img {
  width: 100%;
  transition: width 500ms;
}

#nav-home.small-nav {
  transition: box-shadow 500ms;
  height: 37.5rem;
}

#nav-home.small-nav .nav-home__paralax {
  opacity: 0;
  transition: opacity 500ms;
}

#nav-home.small-nav .nav-home__logo--big {
  opacity: 0;
  transition: opacity 500ms;
}

#nav-home.small-nav .nav-home__logo {
  left: calc(50% - 1.3125rem);
  transition: left 500ms;
  transform-origin: center;
}

#nav-home.small-nav .nav-home__logo .nav-home__logo-img {
  width: 2.5rem;
  transition: width 500ms;
}

#nav-home.sticky-nav {
  z-index: 150;
  height: 8.5rem;
  box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.15);
  transition: box-shadow 500ms;
}

#nav-home.sticky-nav .nav-home__paralax {
  height: 0;
}

#nav-home .nav-home__paralax--bottom {
  z-index: -1;
}

#nav-home .nav-home__paralax-top {
  z-index: 1;
}

#nav-home .nav-home__logo {
  left: calc(50% - 3rem);
  transition: left 500ms;
  top: 2.3rem;
  z-index: 2;
  transform-origin: center;
}

@media screen and (max-width: 1200px) and (min-width: 768px) {
  #nav-home .nav-home__logo {
    left: calc(50% - 2rem);
    width: 4rem;
  }
}

#nav-home .menu-left {
  z-index: 2;
}

#nav-home .menu-left .menu-left__link {
  font-size: 1rem;
  font-weight: 800;
  letter-spacing: 0.0625rem;
  line-height: 1.6;
  text-align: center;
  color: #333333;
}

@media screen and (max-width: 991px) {
  #nav-home .menu-left .menu-left__link {
    font-size: 0.7rem;
  }
}

#nav-home .nav-right .search .search__img {
  left: -3.125rem;
  z-index: 2;
  cursor: pointer;
}

#nav-home .nav-right .search .search__form-control {
  border: none;
  border-radius: 0;
  width: 260px;
  border-bottom: 2px solid #333333;
  height: 2px;
  padding: 0;
}

@media screen and (max-width: 991px) {
  #nav-home .nav-right .search .search__form-control {
    width: 140px;
  }
}

#nav-home .nav-right .search--pseudo {
  background: none;
  z-index: 2;
  width: 16.25rem;
  height: 3.125rem;
  border: none;
  cursor: text;
  padding-top: 1.25rem;
}

#nav-home .nav-right .nav-right__cart {
  z-index: 2;
  display: flex;
  justify-content: flex-end;
  width: 30px;
  margin-left: -14px;
}

#nav-home .nav-right .nav-right__cart.cart-before:before {
  /*content: '1';*/
  content: attr(data-counter);
  color: #ffffff;
  background: #de4b5f;
  border-radius: 50%;
  height: 1.25rem;
  width: 1.25rem;
  font-size: 0.75rem;
  font-weight: bold;
  line-height: 0.9rem;
  text-align: center;
  position: absolute;
  left: -2px;
  top: -0.3125rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

#nav-home .top-bar {
  z-index: 2;
}

#nav-home .top-bar .top-bar__links {
  font-size: 0.75rem;
  font-weight: 700;
  color: #333333;
  letter-spacing: 0.016875rem;
  line-height: 0.9rem;
}

#nav-home .nav-home__logo--big {
  margin-top: 9.5rem;
  z-index: 2;
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
  #nav-home .nav-home__logo--big {
    margin-top: 6.5rem;
  }
}

@media screen and (max-width: 991px) and (min-width: 768px) {
  #nav-home .nav-home__logo--big {
    margin-top: 5.5rem;
  }
}

#nav-home .nav-home__logo--big .logo__img {
  z-index: 2;
}

#nav--mobile {
  background: #F0F7FF;
  min-height: 120px;
}

#nav-home--mobile {
  background: url("/img/hero-layer1.jpg");
  background-size: cover;
  background-position: center;
  min-height: 200px;
}

@media screen and (max-width: 767px) {
  #nav-home--mobile {
    min-height: 120px;
  }
}

#nav-home--mobile .nav-right__cart,
#nav--mobile .nav-right__cart {
  z-index: 2;
}

#nav-home--mobile .nav-right__cart.cart-before:after,
#nav--mobile .nav-right__cart.cart-before:after {
  /*content: '1';*/
  content: attr(data-counter);
  color: #ffffff;
  background: #de4b5f;
  border-radius: 50%;
  height: 1.25rem;
  width: 1.25rem;
  font-size: 0.75rem;
  font-weight: bold;
  line-height: 0.9rem;
  text-align: center;
  position: absolute;
  right: -0.9375rem;
  top: -0.3125rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 767px) {
  #nav-home--mobile .menu-left,
  #nav--mobile .menu-left {
    width: 50%;
  }
}

@media screen and (max-width: 420px) {
  #nav-home--mobile .nav-home__logo-img,
  #nav--mobile .nav-home__logo-img {
    width: 100%;
  }
}

#nav-home--mobile .menu-left__link,
#nav--mobile .menu-left__link {
  font-size: 1rem;
  font-weight: 800;
  letter-spacing: 0.0625rem;
  line-height: 1.6;
  text-align: center;
  color: #333333;
}

#nav-home--mobile .animated-icon1,
#nav-home--mobile .animated-icon2,
#nav-home--mobile .animated-icon3,
#nav--mobile .animated-icon1,
#nav--mobile .animated-icon2,
#nav--mobile .animated-icon3 {
  width: 30px;
  height: 20px;
  position: relative;
  margin: 0px;
  transform: rotate(0deg);
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-home--mobile .animated-icon1 span,
#nav-home--mobile .animated-icon2 span,
#nav-home--mobile .animated-icon3 span,
#nav--mobile .animated-icon1 span,
#nav--mobile .animated-icon2 span,
#nav--mobile .animated-icon3 span {
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
  transition: .25s ease-in-out;
}

#nav-home--mobile .animated-icon3 span,
#nav--mobile .animated-icon3 span {
  background: #333333;
}

#nav-home--mobile .animated-icon3 span:nth-child(1),
#nav--mobile .animated-icon3 span:nth-child(1) {
  top: 0px;
  transform-origin: left center;
}

#nav-home--mobile .animated-icon3 span:nth-child(2),
#nav--mobile .animated-icon3 span:nth-child(2) {
  top: 10px;
  transform-origin: left center;
}

#nav-home--mobile .animated-icon3 span:nth-child(3),
#nav--mobile .animated-icon3 span:nth-child(3) {
  top: 20px;
  transform-origin: left center;
}

#nav-home--mobile .animated-icon3.open span:nth-child(1),
#nav--mobile .animated-icon3.open span:nth-child(1) {
  transform: rotate(45deg);
  top: 0px;
  left: 8px;
}

#nav-home--mobile .animated-icon3.open span:nth-child(2),
#nav--mobile .animated-icon3.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

#nav-home--mobile .animated-icon3.open span:nth-child(3),
#nav--mobile .animated-icon3.open span:nth-child(3) {
  transform: rotate(-45deg);
  top: 21px;
  left: 8px;
}

#nav-home--mobile .nav-link,
#nav--mobile .nav-link {
  font-family: "Montserrat", sans-serif;
  color: #000000;
  font-size: 0.875rem;
  line-height: 1.1875rem;
}

#nav-home--mobile .navbar-toggler:focus,
#nav--mobile .navbar-toggler:focus {
  outline: none;
}

#nav {
  z-index: 10000;
  height: 8.5rem;
  background: #F0F7FF;
}

#nav .nav__logo {
  left: calc(50% - 1.3125rem);
  top: 2.3rem;
}

#nav .nav__logo .nav__logo-img {
  width: 2.5rem;
}

#nav .menu-left .menu-left__link {
  font-size: 1rem;
  font-weight: 800;
  letter-spacing: 0.0625rem;
  line-height: 1.6;
  text-align: center;
  color: #333333;
}

@media screen and (max-width: 991px) {
  #nav .menu-left .menu-left__link {
    font-size: 0.7rem;
  }
}

#nav .nav-right .search .search__img {
  left: -3.125rem;
  z-index: 2;
  cursor: pointer;
}

#nav .nav-right .search .search__form-control {
  border: none;
  border-radius: 0;
  width: 260px;
  border-bottom: 2px solid #333333;
  height: 2px;
  padding: 0;
}

@media screen and (max-width: 991px) {
  #nav .nav-right .search .search__form-control {
    width: 140px;
  }
}

#nav .nav-right .search--pseudo {
  background: none;
  z-index: 2;
  width: 16.25rem;
  height: 3.125rem;
  border: none;
  cursor: text;
  padding-top: 1.25rem;
}

#nav .nav-right .nav-right__cart {
  z-index: 2;
  display: flex;
  justify-content: flex-end;
  width: 30px;
  margin-left: -14px;
}

#nav .nav-right .nav-right__cart.cart-before:before {
  /*content: '1';*/
  content: attr(data-counter);
  color: #ffffff;
  background: #de4b5f;
  border-radius: 50%;
  height: 1.25rem;
  width: 1.25rem;
  font-size: 0.75rem;
  font-weight: bold;
  line-height: 0.9rem;
  text-align: center;
  position: absolute;
  left: -2px;
  top: -0.3125rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

#nav .top-bar .top-bar__links {
  font-size: 0.75rem;
  font-weight: 700;
  color: #333333;
  letter-spacing: 0.016875rem;
  line-height: 0.9rem;
}

.modal-open {
  overflow: auto;
}

#search-modal,
#menu-modal,
#menu-modal-main,
#menu-modal-main2 {
  background-color: rgba(0, 53, 119, 0.9);
  overflow-y: scroll;
  overflow: -moz-scrollbars-none;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

@media screen and (min-width: 576px) {
  #search-modal .modal-dialog,
  #menu-modal .modal-dialog,
  #menu-modal-main .modal-dialog,
  #menu-modal-main2 .modal-dialog {
    max-width: 100%;
  }
}

#search-modal .modal-content,
#menu-modal .modal-content,
#menu-modal-main .modal-content,
#menu-modal-main2 .modal-content {
  background: transparent;
}

#search-modal .close,
#menu-modal .close,
#menu-modal-main .close,
#menu-modal-main2 .close {
  font-size: 4rem;
  font-weight: 100;
  color: #ffffff;
  opacity: 1;
}

#search-modal .close:focus,
#menu-modal .close:focus,
#menu-modal-main .close:focus,
#menu-modal-main2 .close:focus {
  outline: none;
}

#search-modal .search .search__img,
#menu-modal .search .search__img,
#menu-modal-main .search .search__img,
#menu-modal-main2 .search .search__img {
  left: -3.125rem;
  z-index: 2;
  cursor: pointer;
}

#search-modal .search .search__form-control,
#menu-modal .search .search__form-control,
#menu-modal-main .search .search__form-control,
#menu-modal-main2 .search .search__form-control {
  border: none;
  border-radius: 0;
  width: 100%;
  border-bottom: 2px solid #ffffff;
  height: 2px;
  padding: 2rem 0;
  background: none;
  opacity: 1;
  color: #ffffff;
  font-size: 2.2rem;
  letter-spacing: 0.04375rem;
  line-height: 2.7rem;
}

#search-modal .annotation--light,
#menu-modal .annotation--light,
#menu-modal-main .annotation--light,
#menu-modal-main2 .annotation--light {
  max-width: 6.125rem;
}

#search-modal .result .result__title,
#menu-modal .result .result__title,
#menu-modal-main .result .result__title,
#menu-modal-main2 .result .result__title {
  color: #ffffff;
  font-size: 1.25rem;
  line-height: 1.5rem;
  letter-spacing: 0.025rem;
}

#search-modal .result .no_result__title,
#menu-modal .result .no_result__title,
#menu-modal-main .result .no_result__title,
#menu-modal-main2 .result .no_result__title {
  color: #ffffff;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0.025rem;
}

#search-modal .result .result__span,
#menu-modal .result .result__span,
#menu-modal-main .result .result__span,
#menu-modal-main2 .result .result__span {
  color: #ffffff;
  font-size: 1rem;
  line-height: 1.6;
  letter-spacing: 0.02rem;
  font-weight: 600;
}

#search-modal .result:after,
#menu-modal .result:after,
#menu-modal-main .result:after,
#menu-modal-main2 .result:after {
  width: 100%;
  height: 1px;
  background: #ffffff;
  content: "";
  position: absolute;
  bottom: 0;
  opacity: 0.3;
}

#search-modal .result:last-of-type:after,
#menu-modal .result:last-of-type:after,
#menu-modal-main .result:last-of-type:after,
#menu-modal-main2 .result:last-of-type:after {
  display: none;
}

#search-modal .top-bar__links,
#menu-modal .top-bar__links,
#menu-modal-main .top-bar__links,
#menu-modal-main2 .top-bar__links {
  color: #ffffff;
  font-size: 1.1rem;
  letter-spacing: 0.4px;
  line-height: 1.6rem;
  font-weight: 600;
  cursor: pointer;
}

#search-modal .top-bar__search,
#menu-modal .top-bar__search,
#menu-modal-main .top-bar__search,
#menu-modal-main2 .top-bar__search {
  color: #ffffff;
  font-size: 1.2rem;
  letter-spacing: 0.4px;
  line-height: 1.6rem;
  font-weight: 600;
  cursor: pointer;
  display: inline !important;
  width: 150px;
}

#search-modal .top-bar__search::-moz-placeholder, #menu-modal .top-bar__search::-moz-placeholder, #menu-modal-main .top-bar__search::-moz-placeholder, #menu-modal-main2 .top-bar__search::-moz-placeholder {
  color: #ffffff;
}

#search-modal .top-bar__search::placeholder,
#menu-modal .top-bar__search::placeholder,
#menu-modal-main .top-bar__search::placeholder,
#menu-modal-main2 .top-bar__search::placeholder {
  color: #ffffff;
}

#search-modal .top-bar__img,
#menu-modal .top-bar__img,
#menu-modal-main .top-bar__img,
#menu-modal-main2 .top-bar__img {
  width: 1rem;
}

#search-modal .category__form,
#menu-modal .category__form,
#menu-modal-main .category__form,
#menu-modal-main2 .category__form {
  -webkit-appearance: none;
  border: none;
  overflow: inherit;
  display: none;
  background: none;
}

#search-modal .category__form.active,
#menu-modal .category__form.active,
#menu-modal-main .category__form.active,
#menu-modal-main2 .category__form.active {
  display: block;
}

#search-modal .category__form:focus,
#menu-modal .category__form:focus,
#menu-modal-main .category__form:focus,
#menu-modal-main2 .category__form:focus {
  border: none;
  outline: none;
  box-shadow: none;
}

#search-modal .category__form .category__title,
#menu-modal .category__form .category__title,
#menu-modal-main .category__form .category__title,
#menu-modal-main2 .category__form .category__title {
  white-space: normal;
  color: #ffffff;
  list-style-type: none;
}

#search-modal .category__form .category__title:focus,
#menu-modal .category__form .category__title:focus,
#menu-modal-main .category__form .category__title:focus,
#menu-modal-main2 .category__form .category__title:focus {
  border: none;
  outline: none;
  box-shadow: none;
}

#search-modal .category__form .category__title:before,
#menu-modal .category__form .category__title:before,
#menu-modal-main .category__form .category__title:before,
#menu-modal-main2 .category__form .category__title:before {
  width: 10px;
  height: 4px;
  background: #c1d1e5;
  content: "";
  position: absolute;
  border-radius: 2px;
  left: 0;
  top: 1rem;
}

#search-modal .category__title,
#menu-modal .category__title,
#menu-modal-main .category__title,
#menu-modal-main2 .category__title {
  font-size: 1rem;
  font-weight: 600;
  color: #ffffff;
  cursor: pointer;
}

#search-modal::-webkit-scrollbar,
#menu-modal::-webkit-scrollbar,
#menu-modal-main::-webkit-scrollbar,
#menu-modal-main2::-webkit-scrollbar {
  width: 0 !important;
}

.nav__link--mobile {
  color: #ffffff;
  font-size: 1.4rem;
  letter-spacing: 1.56px;
  line-height: 1.8rem;
  font-weight: bold;
  cursor: pointer;
}

.nav__link--mobile:hover {
  color: #ffffff;
}

.nav__links-block .annotation--light {
  height: 1.1rem;
  border-radius: 1rem;
}

@media screen and (min-width: 767px) {
  .nav__links-block .annotation__span {
    padding: 0.1rem 0.1rem;
  }
}

#menu-modal-main .menu-left .menu-left__link,
#menu-modal-main2 .menu-left .menu-left__link {
  color: #ffffff;
  opacity: 0.5;
}

#menu-modal-main .menu-left .menu-left__link.link--active,
#menu-modal-main2 .menu-left .menu-left__link.link--active {
  opacity: 1;
  border-bottom: 2px solid #ffffff;
}

#menu-modal-main .menu-left__list,
#menu-modal-main2 .menu-left__list {
  position: relative;
}

#menu-modal-main .menu-left__list--pseudo,
#menu-modal-main2 .menu-left__list--pseudo {
  position: relative;
  left: -405px;
  z-index: -1;
  opacity: 0;
}