:root {
  --font-default:"Titillium Web","Helvetica Neue","Arial",-apple-system,BlinkMacSystemFont,"Segoe UI",Oxygen,Ubuntu,Cantarell,sans-serif;
  --font-monserrat:"Montserrat",sans-serif;
  --font-open-sans:"Open Sans",sans-serif;
  --font-kellion:"Kellion",sans-serif;
  --font-furore:"Furore",sans-serif;
  --font-conthrax-600:"Conthrax Sb",sans-serif;
  --color-white:#fff;
  --color-black:#000;
  --color-dark:#010029;
  --color-green:#199b01;
  --color-green2:#52b13b;
  --color-lightgreen:#95f1c3;
  --color-lightgreen2:#72f4bf;
  --color-aqua:#28f1fe;
  --color-brand:#1a1759;
  --color-darkgray:#707070;
  --color-darkgray2:#77808a;
  --color-darkgray3:#76808a;
  --color-lightgray:#f5f5f5;
  --color-lightgray2:#f9f8f9;
  --color-lightgray3:#d8dcde;
  --color-lightgray4:#ededf4;
  --color-silver:#ccc;
  --color-blue:#2856c5;
  --color-blue2:#55adea;
  --color-red:#c13839;
  --color-yellow:#fcf01d;
  --color-darkpink:#bc158a
}
@font-face {
  font-display:swap;
  font-family:Kellion;
  font-style:normal;
  font-weight:400;
  src:url(../assets/Kellion-Regular.4c95d19f.woff2) format("woff2")
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height:1.15
}
body {
  margin:0
}
main {
  display:block
}
h1 {
  font-size:2em;
  margin:.67em 0
}
a {
  background-color:transparent
}
::-webkit-file-upload-button {
  -webkit-appearance:button;
  font:inherit
}
*,
:after,
:before {
  -webkit-box-sizing:border-box;
  box-sizing:border-box
}
body,
html {
  overflow-x:hidden
}
html {
  font-family:sans-serif;
  -ms-text-size-adjust:100%;
  -webkit-text-size-adjust:100%;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  scroll-behavior:smooth
}
body {
  background-color:var(--color-black);
  color:var(--color-black);
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased
}
body {
  font-family:var(--font-default);
  font-size:16px;
  font-weight:400;
  line-height:1.1875
}
@media (max-width:413px) {
  body {
    font-size:14px
  }
}
.sr-only {
  height:1px;
  margin:-1px;
  overflow:hidden;
  padding:0;
  position:absolute;
  width:1px;
  clip:rect(0,0,0,0);
  border:0
}
.root {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  min-height:100vh
}
.content:has(a.button) .button-container {
  text-align:center
}
.container {
  margin:0 auto;
  max-width:414px;
  padding:30px 20px;
  position:relative;
  width:100%
}
@media (min-width:768px) {
  .container {
    max-width:440px
  }
  .container--w-965 {
    max-width:965px
  }
}
@media (max-width:413px) {
  .container {
    padding-left:18px;
    padding-right:18px
  }
}
.logo {
  display:inline-block;
  -webkit-transition:opacity .3s ease;
  transition:opacity .3s ease;
  vertical-align:top;
  will-change:opacity
}
.logo__img {
  display:block;
  height:36px;
  width:26px
}
.logo:active,
.logo:focus,
.logo:hover {
  opacity:.9
}
@media (max-width:413px) {
  .logo__img {
    height:33px;
    width:24px
  }
}
.title {
  font-family:var(--font-kellion);
  font-size:22px;
  font-weight:400;
  line-height:1.38;
  margin-bottom:24px;
  margin-top:0;
  overflow-x:hidden;
  padding-bottom:13px;
  text-align:center
}
.title__span {
  color:var(--color-aqua);
  position:relative
}
.title__decor {
  bottom:-13px;
  position:absolute;
  right:0
}
.title__decor {
  background-image:url(../assets/title-line.993ae818.svg);
  background-position:100%;
  background-repeat:no-repeat;
  display:block;
  height:14px;
  width:100%;
  width:800px
}
@media (min-width:768px) {
  .title__span {
    min-width:400px
  }
}
@media (max-width:576px) {
  .title {
    line-height:1;
    margin-bottom:30px;
    margin-left:-20px;
    width:calc(100% + 40px)
  }
}
@media (max-width:413px) {
  .title {
    font-size:20px;
    line-height:1;
    margin-bottom:25px
  }
  .title__span {
    min-width:245px;
    padding-bottom:0;
    padding-top:0
  }
}
@media (max-width:374px) {
  .title {
    font-size:5.5vw
  }
}
.box {
  margin-bottom:20px;
  padding:30px 20px;
  position:relative
}
@media (min-width:768px) {
  .box {
    margin-bottom:20px
  }
}
@media (max-width:413px) {
  .box {
    margin-bottom:20px;
    padding:20px 18px
  }
}
.layer,
.layer:before {
  -webkit-clip-path:polygon(0 20px,10px 10px,30% 10px,calc(30% + 10px) 0,calc(100% - 10px) 0,100% 10px,100% 36%,calc(100% - 10px) calc(36% + 10px),calc(100% - 10px) 62%,100% calc(62% + 10px),100% calc(100% - 20px),calc(100% - 10px) calc(100% - 10px),calc(50% + 10px) calc(100% - 10px),50% 100%,20px 100%,10px calc(100% - 10px),10px calc(63% + 10px),0 63%);
  clip-path:polygon(0 20px,10px 10px,30% 10px,calc(30% + 10px) 0,calc(100% - 10px) 0,100% 10px,100% 36%,calc(100% - 10px) calc(36% + 10px),calc(100% - 10px) 62%,100% calc(62% + 10px),100% calc(100% - 20px),calc(100% - 10px) calc(100% - 10px),calc(50% + 10px) calc(100% - 10px),50% 100%,20px 100%,10px calc(100% - 10px),10px calc(63% + 10px),0 63%);
  pointer-events:none;
  position:absolute
}
.layer {
  background-color:var(--color-aqua);
  height:100%;
  left:0;
  top:0;
  width:100%;
  z-index:-1
}
.layer:before {
  background-color:var(--color-white);
  bottom:1px;
  content:"";
  height:calc(100% - 2px);
  left:1px;
  right:1px;
  top:1px;
  width:calc(100% - 2px)
}
.layer--article,
.layer--article:before {
  -webkit-clip-path:polygon(0 20px,10px 10px,37.5% 10px,calc(37.5% + 10px) 0,calc(100% - 10px) 0,100% 10px,100% 72%,calc(100% - 10px) calc(72% + 10px),calc(100% - 10px) calc(100% - 110px),100% calc(100% - 100px),100% calc(100% - 20px),calc(100% - 10px) calc(100% - 10px),calc(59% + 10px) calc(100% - 10px),59% 100%,20px 100%,10px calc(100% - 10px),10px calc(100% - 100px),0 calc(100% - 110px));
  clip-path:polygon(0 20px,10px 10px,37.5% 10px,calc(37.5% + 10px) 0,calc(100% - 10px) 0,100% 10px,100% 72%,calc(100% - 10px) calc(72% + 10px),calc(100% - 10px) calc(100% - 110px),100% calc(100% - 100px),100% calc(100% - 20px),calc(100% - 10px) calc(100% - 10px),calc(59% + 10px) calc(100% - 10px),59% 100%,20px 100%,10px calc(100% - 10px),10px calc(100% - 100px),0 calc(100% - 110px))
}
@media (min-width:768px) {
  .layer--article,
  .layer--article:before {
    -webkit-clip-path:polygon(0 215px,17px 198px,17px 54px,40px 27px,calc(47% - 25px) 27px,47% 0,calc(100% - 24px) 0,100% 24px,100% calc(100% - 283px),calc(100% - 30px) calc(100% - 255px),calc(100% - 30px) calc(100% - 30px),calc(100% - 60px) 100%,calc(72% + 30px) 100%,72% calc(100% - 25px),47% calc(100% - 25px),calc(47% - 32px) 100%,44px 100%,0 calc(100% - 40px));
    clip-path:polygon(0 215px,17px 198px,17px 54px,40px 27px,calc(47% - 25px) 27px,47% 0,calc(100% - 24px) 0,100% 24px,100% calc(100% - 283px),calc(100% - 30px) calc(100% - 255px),calc(100% - 30px) calc(100% - 30px),calc(100% - 60px) 100%,calc(72% + 30px) 100%,72% calc(100% - 25px),47% calc(100% - 25px),calc(47% - 32px) 100%,44px 100%,0 calc(100% - 40px))
  }
}
:root {
  --range-thumb-bg-0:#bb133e;
  --range-thumb-shadow-0:0 0 0 8px var(--color-white),0 0 0 9px var(--range-thumb-bg-0);
  --range-thumb-bg-1:#c72b38;
  --range-thumb-shadow-1:0 0 0 8px var(--color-white),0 0 0 9px var(--range-thumb-bg-1);
  --range-thumb-bg-2:#d84e2f;
  --range-thumb-shadow-2:0 0 0 8px var(--color-white),0 0 0 9px var(--range-thumb-bg-2);
  --range-thumb-bg-3:#e97027;
  --range-thumb-shadow-3:0 0 0 8px var(--color-white),0 0 0 9px var(--range-thumb-bg-3);
  --range-thumb-bg-4:#fa941d;
  --range-thumb-shadow-4:0 0 0 8px var(--color-white),0 0 0 9px var(--range-thumb-bg-4);
  --range-thumb-bg-5:#fe9c1b;
  --range-thumb-shadow-5:0 0 0 8px var(--color-white),0 0 0 9px var(--range-thumb-bg-5);
  --range-thumb-bg-6:#cea22b;
  --range-thumb-shadow-6:0 0 0 8px var(--color-white),0 0 0 9px var(--range-thumb-bg-6);
  --range-thumb-bg-7:#b2a534;
  --range-thumb-shadow-7:0 0 0 8px var(--color-white),0 0 0 9px var(--range-thumb-bg-7);
  --range-thumb-bg-8:#97a83d;
  --range-thumb-shadow-8:0 0 0 8px var(--color-white),0 0 0 9px var(--range-thumb-bg-8);
  --range-thumb-bg-9:#7cac46;
  --range-thumb-shadow-9:0 0 0 8px var(--color-white),0 0 0 9px var(--range-thumb-bg-9);
  --range-thumb-bg-10:#6bae4c;
  --range-thumb-shadow-10:0 0 0 8px var(--color-white),0 0 0 9px var(--range-thumb-bg-10);
  --range-track:linear-gradient(90deg,var(--range-thumb-bg-0) 0%,var(--range-thumb-bg-0) 5.69%,var(--range-thumb-bg-5) 42.97%,var(--range-thumb-bg-10) 94.03%,var(--range-thumb-bg-10) 100%)
}
.input:placeholder {
  color:var(--color-darkgray3)
}
.textarea:placeholder {
  color:var(--color-darkgray3)
}
.input:is(.is-password) {
  color:var(--color-black);
  font-family:Arial,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,sans-serif;
  font-size:18px;
  font-style:normal;
  font-weight:700;
  letter-spacing:.06em;
  line-height:21px
}
@media (min-width:768px) {
  .content__container {
    padding-top:44px
  }
}
@media (max-width:413px) {
  .content__container {
    padding-top:20px
  }
}
.navbar {
  position:relative;
  z-index:999
}
.navbar__container {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center
}
.navbar__container {
  max-width:1920px;
  min-height:58px;
  padding-bottom:0;
  padding-top:0
}
@media (min-width:768px) {
  .navbar__container {
    max-width:1250px;
    min-height:45px
  }
  .navbar__logo .logo__img {
    height:29px;
    width:21px
  }
}
@media (max-width:413px) {
  .navbar__container {
    min-height:53px
  }
}
.article,
.article__title {
  font-size:16px;
  line-height:18px
}
.article {
  color:var(--color-black)
}
.article__title {
  font-weight:700;
  margin-bottom:0;
  margin-top:0
}
.article p {
  margin-top:0
}
.article p:last-child {
  margin-bottom:0
}
.article p+p,
.article__block+.article__block {
  margin-top:1.1em
}
@media (max-width:413px) {
  .article,
  .article__title {
    font-size:14px;
    line-height:16px
  }
}
.page-article .box {
  padding:60px 36px 28px
}
@media (max-width:767px) {
  .page-article .box {
    padding:27px 14.5px 18px
  }
}
@media (max-width:576px) {
  .page-article .title {
    font-size:18px;
    line-height:1.17
  }
}
@media (max-width:413px) {
  .page-article .title {
    font-size:17px
  }
}
.footer {
  color:var(--color-white);
  font-family:var(--font-open-sans);
  margin-top:auto;
  position:relative;
  text-align:center;
  z-index:99
}
.footer__container {
  font-size:15px;
  padding-bottom:35px;
  padding-top:35px
}
.footer__security {
  -webkit-box-align:end;
  -ms-flex-align:end;
  align-items:flex-end;
  margin-bottom:12px
}
.footer__security-icon {
  height:27px;
  left:-8px;
  margin-right:9px;
  position:relative;
  top:-1px;
  width:21px
}
.footer__menu,
.footer__security {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center
}
.footer__menu {
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  margin-bottom:10px;
  margin-top:10px
}
.footer__link {
  color:var(--color-lightgray2);
  display:block;
  margin-top:4px;
  text-decoration:none;
  -webkit-transition:color .3s ease;
  transition:color .3s ease
}
.footer__link:not(:first-child):before {
  background-color:var(--color-white);
  content:"";
  display:inline-block;
  height:12px;
  margin-left:6px;
  margin-right:6px;
  vertical-align:middle;
  width:1px
}
.footer__link:active,
.footer__link:focus,
.footer__link:hover {
  color:var(--color-white);
  text-decoration:underline
}
@media (min-width:768px) {
  .footer__container {
    max-width:700px
  }
  .footer__security {
    margin-bottom:16px
  }
  .footer__menu {
    font-size:13px
  }
  .footer__link {
    margin-top:10px
  }
}
@media (max-width:576px) {
  .footer__container {
    font-size:13px
  }
  .footer__security {
    font-size:15px
  }
  .footer__menu {
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
  }
}
@media (max-width:413px) {
  .footer__container {
    padding-bottom:27px;
    padding-top:33px
  }
  .footer__security-icon {
    height:25px;
    left:-8px;
    margin-right:9px;
    top:-1px;
    width:19px
  }
  .footer__menu {
    font-size:13px
  }
}
body:has(#modalShipDate.modal--active) .controls__items--shipdate .control__icon,
body:has(#modalShipDate.modal--active) .controls__items--shipdate .control__item {
  border-color:#000
}
body:has(#modalShipDate.modal--active) .controls__items--shipdate .control__icon:before {
  opacity:1
}