.magictime {
  animation-duration: 1s;
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.ajax {
  transition: all 0.5s ease-out;
  opacity: 0.5;
}
.ajax-loaded {
  opacity: 1;
}
.text-center {
  text-align: center;
}
#tidio-chat {
  z-index: 99993;
}
#sa_header_img {
  display: none !important;
}
.grecaptcha-badge {
  visibility: hidden;
}
.icon {
  position: relative;
  display: inline-block;
  height: 24px;
  width: 24px;
  font-style: normal;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: #fff0;
}
.icon.visible {
  background-color: #242F39;
}
.icon-sm {
  height: 16px;
  width: 16px;
  mask-size: contain;
  -webkit-mask-size: contain;
}
.icon-md {
  height: 20px;
  width: 20px;
  mask-size: contain;
  -webkit-mask-size: contain;
}
.icon-alert-o {
  -webkit-mask-image: url(/resources/ae53f921d7a65bf1260d.svg);
  mask-image: url(/resources/ae53f921d7a65bf1260d.svg);
}
.icon-alert-rhomb {
  -webkit-mask-image: url(/resources/2a00d1c721727572ab77.svg);
  mask-image: url(/resources/2a00d1c721727572ab77.svg);
}
.icon-account {
  -webkit-mask-image: url(/resources/2f43fa7671751106e3c5.svg);
  mask-image: url(/resources/2f43fa7671751106e3c5.svg);
}
.icon-bank {
  -webkit-mask-image: url(/resources/0037878451e097fe58fd.svg);
  mask-image: url(/resources/0037878451e097fe58fd.svg);
}
.icon-back {
  -webkit-mask-image: url(/resources/2b0462f80da9ce3fd05e.svg);
  mask-image: url(/resources/2b0462f80da9ce3fd05e.svg);
}
.icon-back-c {
  -webkit-mask-image: url(/resources/ad890e2adbd02fa583ce.svg);
  mask-image: url(/resources/ad890e2adbd02fa583ce.svg);
}
.icon-basket {
  -webkit-mask-image: url(/resources/59c08d95bce22f0c273f.svg);
  mask-image: url(/resources/59c08d95bce22f0c273f.svg);
}
.icon-cart-plus {
  -webkit-mask-image: url(/resources/6a90880f0db3f511b292.svg);
  mask-image: url(/resources/6a90880f0db3f511b292.svg);
}
.icon-calendar {
  -webkit-mask-image: url(/resources/1055aa051e5e0f2bd295.svg);
  mask-image: url(/resources/1055aa051e5e0f2bd295.svg);
}
.icon-calendar-r {
  -webkit-mask-image: url(/resources/289be9f2ed9bb0c14924.svg);
  mask-image: url(/resources/289be9f2ed9bb0c14924.svg);
}
.icon-check {
  -webkit-mask-image: url(/resources/0625991ab2365809ca32.svg);
  mask-image: url(/resources/0625991ab2365809ca32.svg);
}
.icon-check-seal {
  -webkit-mask-image: url(/resources/9c877b9802dca5426d4d.svg);
  mask-image: url(/resources/9c877b9802dca5426d4d.svg);
}
.icon-checkmark {
  -webkit-mask-image: url(/resources/ca2d8c5775a6380d0b21.svg);
  mask-image: url(/resources/ca2d8c5775a6380d0b21.svg);
}
.icon-circle-plus {
  -webkit-mask-image: url(/resources/a8d2231365e93f154fbd.svg);
  mask-image: url(/resources/a8d2231365e93f154fbd.svg);
}
.icon-circle-minus {
  -webkit-mask-image: url(/resources/d2c5042201187cdc8844.svg);
  mask-image: url(/resources/d2c5042201187cdc8844.svg);
}
.icon-circle-check {
  -webkit-mask-image: url(/resources/3bda3405bfb515e0dcdd.svg);
  mask-image: url(/resources/3bda3405bfb515e0dcdd.svg);
}
.icon-chat {
  -webkit-mask-image: url(/resources/cffed4e39b69e4168353.svg);
  mask-image: url(/resources/cffed4e39b69e4168353.svg);
}
.icon-coin {
  -webkit-mask-image: url(/resources/710d4a615b77995cbde9.svg);
  mask-image: url(/resources/710d4a615b77995cbde9.svg);
}
.icon-copy {
  -webkit-mask-image: url(/resources/532af093d0db08a380e0.svg);
  mask-image: url(/resources/532af093d0db08a380e0.svg);
}
.icon-copy-bold {
  -webkit-mask-image: url(/resources/b9482eda7330a552b4ae.svg);
  mask-image: url(/resources/b9482eda7330a552b4ae.svg);
}
.icon-containers {
  -webkit-mask-image: url(/resources/35e1d7be29dfbe9741d4.svg);
  mask-image: url(/resources/35e1d7be29dfbe9741d4.svg);
}
.icon-claude {
  -webkit-mask-image: url(/resources/6a7a4cf5ad9560697500.svg);
  mask-image: url(/resources/6a7a4cf5ad9560697500.svg);
}
.icon-clock {
  -webkit-mask-image: url(/resources/8f223dceb05da7cbcfb4.svg);
  mask-image: url(/resources/8f223dceb05da7cbcfb4.svg);
}
.icon-close {
  -webkit-mask-image: url(/resources/78f1cd8469b65d1d26fe.svg);
  mask-image: url(/resources/78f1cd8469b65d1d26fe.svg);
}
.icon-close-big {
  -webkit-mask-image: url(/resources/02e39a67571cd15d537c.svg);
  mask-image: url(/resources/02e39a67571cd15d537c.svg);
}
.icon-compare {
  -webkit-mask-image: url(/resources/3be96e1b5cd87e5cb043.svg);
  mask-image: url(/resources/3be96e1b5cd87e5cb043.svg);
}
.icon-down {
  -webkit-mask-image: url(/resources/89ce7d08581d79ebd3b1.svg);
  mask-image: url(/resources/89ce7d08581d79ebd3b1.svg);
}
.icon-dots {
  -webkit-mask-image: url(/resources/0acc8d7547dbd48c5572.svg);
  mask-image: url(/resources/0acc8d7547dbd48c5572.svg);
}
.icon-download {
  -webkit-mask-image: url(/resources/b4ea9f560c4d6debf0c1.svg);
  mask-image: url(/resources/b4ea9f560c4d6debf0c1.svg);
}
.icon-external {
  -webkit-mask-image: url(/resources/0d4d0ceb1532bdbe1f8a.svg);
  mask-image: url(/resources/0d4d0ceb1532bdbe1f8a.svg);
}
.icon-external-out {
  -webkit-mask-image: url(/resources/c112e4ac587ad9167fed.svg);
  mask-image: url(/resources/c112e4ac587ad9167fed.svg);
}
.icon-email {
  -webkit-mask-image: url(/resources/bbcb22bcd1361209c492.svg);
  mask-image: url(/resources/bbcb22bcd1361209c492.svg);
}
.icon-email-o {
  -webkit-mask-image: url(/resources/566ce9aa996e60d79228.svg);
  mask-image: url(/resources/566ce9aa996e60d79228.svg);
}
.icon-eye {
  -webkit-mask-image: url(/resources/be60c6d7e71c48ec64d4.svg);
  mask-image: url(/resources/be60c6d7e71c48ec64d4.svg);
}
.icon-eye-off {
  -webkit-mask-image: url(/resources/71a9a241af8e8fd88718.svg);
  mask-image: url(/resources/71a9a241af8e8fd88718.svg);
}
.icon-edu {
  -webkit-mask-image: url(/resources/193f60b7a276c15f31e5.svg);
  mask-image: url(/resources/193f60b7a276c15f31e5.svg);
}
.icon-favorite {
  -webkit-mask-image: url(/resources/a0244d8e420f479210aa.svg);
  mask-image: url(/resources/a0244d8e420f479210aa.svg);
}
.icon-favorite-full {
  -webkit-mask-image: url(/resources/f1f4aa927a37a2c4ba77.svg);
  mask-image: url(/resources/f1f4aa927a37a2c4ba77.svg);
}
.icon-fb {
  -webkit-mask-image: url(/resources/e88109e689517ff819df.svg);
  mask-image: url(/resources/e88109e689517ff819df.svg);
}
.icon-fb-c {
  -webkit-mask-image: url(/resources/ef77e791a163ab3c41cd.svg);
  mask-image: url(/resources/ef77e791a163ab3c41cd.svg);
}
.icon-file {
  -webkit-mask-image: url(/resources/d483780be8c85e3bb65a.svg);
  mask-image: url(/resources/d483780be8c85e3bb65a.svg);
}
.icon-filter {
  -webkit-mask-image: url(/resources/4f8be51fc335d0e19188.svg);
  mask-image: url(/resources/4f8be51fc335d0e19188.svg);
}
.icon-flag {
  -webkit-mask-image: url(/resources/456617ba76a8310cc68e.svg);
  mask-image: url(/resources/456617ba76a8310cc68e.svg);
}
.icon-grid {
  -webkit-mask-image: url(/resources/852b31afc2cb50f65fa7.svg);
  mask-image: url(/resources/852b31afc2cb50f65fa7.svg);
}
.icon-gemini {
  -webkit-mask-image: url(/resources/60c88b32477026709954.svg);
  mask-image: url(/resources/60c88b32477026709954.svg);
}
.icon-history {
  -webkit-mask-image: url(/resources/fb226e9aa2f0065916e0.svg);
  mask-image: url(/resources/fb226e9aa2f0065916e0.svg);
}
.icon-row {
  -webkit-mask-image: url(/resources/27137f696c0ee81cffdc.svg);
  mask-image: url(/resources/27137f696c0ee81cffdc.svg);
}
.icon-in {
  -webkit-mask-image: url(/resources/c73422d7ecb909e2ad02.svg);
  mask-image: url(/resources/c73422d7ecb909e2ad02.svg);
}
.icon-image-add {
  -webkit-mask-image: url(/resources/e10ac998bc3c3e683160.svg);
  mask-image: url(/resources/e10ac998bc3c3e683160.svg);
}
.icon-info {
  -webkit-mask-image: url(/resources/cdae9307971cb45032a7.svg);
  mask-image: url(/resources/cdae9307971cb45032a7.svg);
}
.icon-info-o {
  -webkit-mask-image: url(/resources/0a9473ed4f6cea09472e.svg);
  mask-image: url(/resources/0a9473ed4f6cea09472e.svg);
}
.icon-insta {
  -webkit-mask-image: url(/resources/c662279a2a3cf7547bca.svg);
  mask-image: url(/resources/c662279a2a3cf7547bca.svg);
}
.icon-label {
  -webkit-mask-image: url(/resources/81059a1f53eac9c94649.svg);
  mask-image: url(/resources/81059a1f53eac9c94649.svg);
}
.icon-left {
  -webkit-mask-image: url(/resources/58f2182f187d670c1049.svg);
  mask-image: url(/resources/58f2182f187d670c1049.svg);
  transform: rotate(180deg);
}
.icon-lightstream {
  -webkit-mask-image: url(/resources/3ce8bf737a21b93d2655.svg);
  mask-image: url(/resources/3ce8bf737a21b93d2655.svg);
}
.icon-lin {
  -webkit-mask-image: url(/resources/1b49fe89e471ec0aac6d.svg);
  mask-image: url(/resources/1b49fe89e471ec0aac6d.svg);
}
.icon-linkedin {
  -webkit-mask-image: url(/resources/009b38aa027c4456e657.svg);
  mask-image: url(/resources/009b38aa027c4456e657.svg);
}
.icon-link {
  -webkit-mask-image: url(/resources/d37d121ef36c4dd8e484.svg);
  mask-image: url(/resources/d37d121ef36c4dd8e484.svg);
}
.icon-list {
  -webkit-mask-image: url(/resources/be2356941fdd4c30c3a8.svg);
  mask-image: url(/resources/be2356941fdd4c30c3a8.svg);
}
.icon-lock {
  -webkit-mask-image: url(/resources/8d644cefecd40a732810.svg);
  mask-image: url(/resources/8d644cefecd40a732810.svg);
}
.icon-marker {
  -webkit-mask-image: url(/resources/7ed39132fed2043578b9.svg);
  mask-image: url(/resources/7ed39132fed2043578b9.svg);
}
.icon-marker-filled {
  -webkit-mask-image: url(/resources/1ea6e4b05d76da6df5b7.svg);
  mask-image: url(/resources/1ea6e4b05d76da6df5b7.svg);
}
.icon-menu {
  -webkit-mask-image: url(/resources/c9dbb79b2569ce993d15.svg);
  mask-image: url(/resources/c9dbb79b2569ce993d15.svg);
}
.icon-minus {
  -webkit-mask-image: url(/resources/2c8bcb8dab32134e642e.svg);
  mask-image: url(/resources/2c8bcb8dab32134e642e.svg);
}
.icon-message {
  -webkit-mask-image: url(/resources/cec8462b3b03f8b99b53.svg);
  mask-image: url(/resources/cec8462b3b03f8b99b53.svg);
}
.icon-navigation {
  -webkit-mask-image: url(/resources/2d37e39bbeddee959dce.svg);
  mask-image: url(/resources/2d37e39bbeddee959dce.svg);
}
.icon-orientation {
  -webkit-mask-image: url(/resources/03dacdf0edcabff3e8c8.svg);
  mask-image: url(/resources/03dacdf0edcabff3e8c8.svg);
}
.icon-pallets {
  -webkit-mask-image: url(/resources/41951425fdf109c03bd6.svg);
  mask-image: url(/resources/41951425fdf109c03bd6.svg);
}
.icon-phone {
  -webkit-mask-image: url(/resources/25c454c3406f8c8795e5.svg);
  mask-image: url(/resources/25c454c3406f8c8795e5.svg);
}
.icon-p {
  -webkit-mask-image: url(/resources/391027b6739ce9190b39.svg);
  mask-image: url(/resources/391027b6739ce9190b39.svg);
}
.icon-perplexity {
  -webkit-mask-image: url(/resources/02aa9d1afa2fa170956e.svg);
  mask-image: url(/resources/02aa9d1afa2fa170956e.svg);
}
.icon-paperclip {
  -webkit-mask-image: url(/resources/18576360dfc0343cd5cd.svg);
  mask-image: url(/resources/18576360dfc0343cd5cd.svg);
}
.icon-print {
  -webkit-mask-image: url(/resources/9c93d58726c639a3d7aa.svg);
  mask-image: url(/resources/9c93d58726c639a3d7aa.svg);
}
.icon-plus {
  -webkit-mask-image: url(/resources/faf1b060993be20f9ef1.svg);
  mask-image: url(/resources/faf1b060993be20f9ef1.svg);
}
.icon-question-o {
  -webkit-mask-image: url(/resources/ac7df1fbc7744c8e46aa.svg);
  mask-image: url(/resources/ac7df1fbc7744c8e46aa.svg);
}
.icon-repeat {
  -webkit-mask-image: url(/resources/f42b08beae33dc383bee.svg);
  mask-image: url(/resources/f42b08beae33dc383bee.svg);
}
.icon-right {
  -webkit-mask-image: url(/resources/58f2182f187d670c1049.svg);
  mask-image: url(/resources/58f2182f187d670c1049.svg);
}
.icon-right-line {
  -webkit-mask-image: url(/resources/dc3f31a76a5abd2e4434.svg);
  mask-image: url(/resources/dc3f31a76a5abd2e4434.svg);
}
.icon-search {
  -webkit-mask-image: url(/resources/c8c7d3411b7c3673a3f1.svg);
  mask-image: url(/resources/c8c7d3411b7c3673a3f1.svg);
}
.icon-star {
  -webkit-mask-image: url(/resources/2146c938cafdcf21b52c.svg);
  mask-image: url(/resources/2146c938cafdcf21b52c.svg);
}
.icon-star-o {
  -webkit-mask-image: url(/resources/2146c938cafdcf21b52c.svg);
  mask-image: url(/resources/2146c938cafdcf21b52c.svg);
}
.icon-star-h {
  -webkit-mask-image: url(/resources/5f1d20ef40337e59308c.svg);
  mask-image: url(/resources/5f1d20ef40337e59308c.svg);
}
.icon-share {
  -webkit-mask-image: url(/resources/3be3bbe4de2c3854f53f.svg);
  mask-image: url(/resources/3be3bbe4de2c3854f53f.svg);
}
.icon-shield {
  -webkit-mask-image: url(/resources/87ed918713db7f4ae98b.svg);
  mask-image: url(/resources/87ed918713db7f4ae98b.svg);
}
.icon-switch {
  -webkit-mask-image: url(/resources/c7155467b3eb285e5085.svg);
  mask-image: url(/resources/c7155467b3eb285e5085.svg);
}
.icon-youtube {
  -webkit-mask-image: url(/resources/84c88a09e56958a76f9b.svg);
  mask-image: url(/resources/84c88a09e56958a76f9b.svg);
}
.icon-twitter {
  -webkit-mask-image: url(/resources/faac898ae0c3331ddc2c.svg);
  mask-image: url(/resources/faac898ae0c3331ddc2c.svg);
}
.icon-trending {
  -webkit-mask-image: url(/resources/022883a32e1a93a18b5e.svg);
  mask-image: url(/resources/022883a32e1a93a18b5e.svg);
}
.icon-tg {
  -webkit-mask-image: url(/resources/3be43a20224d4b273dc4.svg);
  mask-image: url(/resources/3be43a20224d4b273dc4.svg);
}
.icon-trash {
  -webkit-mask-image: url(/resources/ea889069931937568367.svg);
  mask-image: url(/resources/ea889069931937568367.svg);
}
.icon-tax {
  -webkit-mask-image: url(/resources/ae05ce4df977efb7058f.svg);
  mask-image: url(/resources/ae05ce4df977efb7058f.svg);
}
.icon-user {
  -webkit-mask-image: url(/resources/9d6cb48c8540849536b6.svg);
  mask-image: url(/resources/9d6cb48c8540849536b6.svg);
}
.icon-world {
  -webkit-mask-image: url(/resources/d273399ab9c153723f3f.svg);
  mask-image: url(/resources/d273399ab9c153723f3f.svg);
}
/* Tags */
:root {
  color-scheme: light;
  --bg-color: #ffffff;
  --text-color: #242F39;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg-color: #242F39;
    --text-color: #ffffff;
  }
}
*,
::before,
::after {
  box-sizing: border-box;
}
* {
  scroll-margin-top: 56px;
}
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  background: #fff;
  font-family: 'Roboto', sans-serif;
  color: #242F39;
  line-height: 1.5;
}
body.disable-scroll {
  height: 100%;
  overflow: hidden;
  padding-right: 4px;
}
main,
.main {
  display: block;
  transition: transform 0.3s;
}
.content {
  position: relative;
  z-index: 2;
  flex-grow: 1;
  transition: transform 0.3s;
}
section {
  position: relative;
}
p {
  margin: 0 0 16px;
}
b {
  font-weight: 700;
}
a,
.as-a {
  color: #242F39;
  transition: color 0.2s ease-in-out, background 0.2s ease-in-out;
  text-decoration: none;
}
a:focus,
.as-a:focus {
  color: #242F39;
}
a:hover,
.as-a:hover {
  text-decoration: none;
  color: #117FF5;
}
a.as-a,
.as-a.as-a {
  cursor: pointer;
  display: inline;
}
.cursor-default {
  cursor: default;
}
.cursor-pointer {
  cursor: pointer;
}
ul,
ol {
  margin: 0 0 1rem;
}
img {
  max-width: 100%;
  width: auto;
  height: auto;
}
button,
input,
select,
textarea {
  transition: all 0.2s ease-in-out;
}
button:focus,
input:focus,
select:focus,
textarea:focus,
button:hover,
input:hover,
select:hover,
textarea:hover {
  outline: none;
}
button {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}
input[type="password"],
input[type="text"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="date"] {
  border-radius: 4px;
  border: 1px solid #DCE8FA;
  height: 56px;
  width: 100%;
  padding: 26px 16px 9px 16px;
  font-size: 16px;
  line-height: 20px;
  box-shadow: none;
  background: #fff;
  color: #242F39;
}
input[type="password"]:hover,
input[type="text"]:hover,
input[type="email"]:hover,
input[type="number"]:hover,
input[type="search"]:hover,
input[type="tel"]:hover,
input[type="date"]:hover {
  border-color: #B3D7FD;
}
input[type="password"]:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="date"]:focus,
input[type="password"]:-webkit-autofill,
input[type="text"]:-webkit-autofill,
input[type="email"]:-webkit-autofill,
input[type="number"]:-webkit-autofill,
input[type="search"]:-webkit-autofill,
input[type="tel"]:-webkit-autofill,
input[type="date"]:-webkit-autofill {
  padding: 26px 15px 9px 15px;
  border: 2px solid #B3D7FD;
}
input[type="password"]:focus::-webkit-input-placeholder,
input[type="text"]:focus::-webkit-input-placeholder,
input[type="email"]:focus::-webkit-input-placeholder,
input[type="number"]:focus::-webkit-input-placeholder,
input[type="search"]:focus::-webkit-input-placeholder,
input[type="tel"]:focus::-webkit-input-placeholder,
input[type="date"]:focus::-webkit-input-placeholder,
input[type="password"]:-webkit-autofill::-webkit-input-placeholder,
input[type="text"]:-webkit-autofill::-webkit-input-placeholder,
input[type="email"]:-webkit-autofill::-webkit-input-placeholder,
input[type="number"]:-webkit-autofill::-webkit-input-placeholder,
input[type="search"]:-webkit-autofill::-webkit-input-placeholder,
input[type="tel"]:-webkit-autofill::-webkit-input-placeholder,
input[type="date"]:-webkit-autofill::-webkit-input-placeholder {
  opacity: 1;
  color: #667894;
}
input[type="password"]:focus::-moz-placeholder,
input[type="text"]:focus::-moz-placeholder,
input[type="email"]:focus::-moz-placeholder,
input[type="number"]:focus::-moz-placeholder,
input[type="search"]:focus::-moz-placeholder,
input[type="tel"]:focus::-moz-placeholder,
input[type="date"]:focus::-moz-placeholder,
input[type="password"]:-webkit-autofill::-moz-placeholder,
input[type="text"]:-webkit-autofill::-moz-placeholder,
input[type="email"]:-webkit-autofill::-moz-placeholder,
input[type="number"]:-webkit-autofill::-moz-placeholder,
input[type="search"]:-webkit-autofill::-moz-placeholder,
input[type="tel"]:-webkit-autofill::-moz-placeholder,
input[type="date"]:-webkit-autofill::-moz-placeholder {
  opacity: 1;
  color: #667894;
}
input[type="password"]:focus:-moz-placeholder,
input[type="text"]:focus:-moz-placeholder,
input[type="email"]:focus:-moz-placeholder,
input[type="number"]:focus:-moz-placeholder,
input[type="search"]:focus:-moz-placeholder,
input[type="tel"]:focus:-moz-placeholder,
input[type="date"]:focus:-moz-placeholder,
input[type="password"]:-webkit-autofill:-moz-placeholder,
input[type="text"]:-webkit-autofill:-moz-placeholder,
input[type="email"]:-webkit-autofill:-moz-placeholder,
input[type="number"]:-webkit-autofill:-moz-placeholder,
input[type="search"]:-webkit-autofill:-moz-placeholder,
input[type="tel"]:-webkit-autofill:-moz-placeholder,
input[type="date"]:-webkit-autofill:-moz-placeholder {
  opacity: 1;
  color: #667894;
}
input[type="password"]:focus:-ms-input-placeholder,
input[type="text"]:focus:-ms-input-placeholder,
input[type="email"]:focus:-ms-input-placeholder,
input[type="number"]:focus:-ms-input-placeholder,
input[type="search"]:focus:-ms-input-placeholder,
input[type="tel"]:focus:-ms-input-placeholder,
input[type="date"]:focus:-ms-input-placeholder,
input[type="password"]:-webkit-autofill:-ms-input-placeholder,
input[type="text"]:-webkit-autofill:-ms-input-placeholder,
input[type="email"]:-webkit-autofill:-ms-input-placeholder,
input[type="number"]:-webkit-autofill:-ms-input-placeholder,
input[type="search"]:-webkit-autofill:-ms-input-placeholder,
input[type="tel"]:-webkit-autofill:-ms-input-placeholder,
input[type="date"]:-webkit-autofill:-ms-input-placeholder {
  opacity: 1;
  color: #667894;
}
input[type="password"]:focus + .input-label,
input[type="text"]:focus + .input-label,
input[type="email"]:focus + .input-label,
input[type="number"]:focus + .input-label,
input[type="search"]:focus + .input-label,
input[type="tel"]:focus + .input-label,
input[type="date"]:focus + .input-label,
input[type="password"]:-webkit-autofill + .input-label,
input[type="text"]:-webkit-autofill + .input-label,
input[type="email"]:-webkit-autofill + .input-label,
input[type="number"]:-webkit-autofill + .input-label,
input[type="search"]:-webkit-autofill + .input-label,
input[type="tel"]:-webkit-autofill + .input-label,
input[type="date"]:-webkit-autofill + .input-label {
  position: absolute;
  top: 10px;
  left: 17px;
  font-size: 12px;
}
input[type="password"][disabled],
input[type="text"][disabled],
input[type="email"][disabled],
input[type="number"][disabled],
input[type="search"][disabled],
input[type="tel"][disabled],
input[type="date"][disabled] {
  border-color: #E9F0FC;
  color: #919EB2;
}
input[type="password"][disabled] ~ .input-state-text,
input[type="text"][disabled] ~ .input-state-text,
input[type="email"][disabled] ~ .input-state-text,
input[type="number"][disabled] ~ .input-state-text,
input[type="search"][disabled] ~ .input-state-text,
input[type="tel"][disabled] ~ .input-state-text,
input[type="date"][disabled] ~ .input-state-text,
input[type="password"][disabled] ~ .input-label,
input[type="text"][disabled] ~ .input-label,
input[type="email"][disabled] ~ .input-label,
input[type="number"][disabled] ~ .input-label,
input[type="search"][disabled] ~ .input-label,
input[type="tel"][disabled] ~ .input-label,
input[type="date"][disabled] ~ .input-label {
  color: #919EB2;
}
input[type="password"] + .input-label,
input[type="text"] + .input-label,
input[type="email"] + .input-label,
input[type="number"] + .input-label,
input[type="search"] + .input-label,
input[type="tel"] + .input-label,
input[type="date"] + .input-label {
  position: absolute;
  top: 16px;
  left: 16px;
}
input[type="date"]::-webkit-inner-spin-button {
  display: none;
}
input[type="date"]::-webkit-calendar-picker-indicator {
  display: none;
}
input[type="number"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
input::-webkit-input-placeholder {
  opacity: 0;
  transition: opacity 0.2s ease;
}
input::-moz-placeholder {
  opacity: 0;
  transition: opacity 0.2s ease;
}
input:-moz-placeholder {
  opacity: 0;
  transition: opacity 0.2s ease;
}
input:-ms-input-placeholder {
  opacity: 0;
  transition: opacity 0.2s ease;
}
select {
  border-radius: 4px;
  border: 1px solid #DCE8FA;
  height: 56px;
  width: 100%;
  padding: 0 16px;
  box-shadow: none;
  cursor: pointer;
  background: #fff url(/resources/89ce7d08581d79ebd3b1.svg) no-repeat 96% center;
  background-size: 12px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
select:hover {
  border-color: #B3D7FD;
}
select:focus {
  border: 2px solid #B3D7FD;
  padding: 0 15px;
}
select[disabled] {
  background-color: #F6F7FB !important;
}
select[disabled]:hover {
  border-color: #DCE8FA !important;
}
.input-date {
  background: #fff url(/resources/1055aa051e5e0f2bd295.svg) no-repeat 97% center;
}
.input-state {
  position: relative;
  width: 100%;
}
.input-state-text {
  position: absolute;
  right: 16px;
  top: 16px;
  color: #667894;
}
.input-label {
  display: block;
  color: #667894;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  pointer-events: none;
}
.input-label span {
  color: #87919A;
}
.input-label.is-loaded {
  transition: all 0.2s ease-in-out;
}
.input-wrap {
  position: relative;
  margin: 0 0 16px;
}
.input-wrap.has-icon input,
.input-wrap.has-icon textarea {
  padding-right: 44px;
}
.input-wrap.is-filled input::-webkit-input-placeholder,
.input-wrap.is-filled textarea::-webkit-input-placeholder {
  opacity: 1;
}
.input-wrap.is-filled input::-moz-placeholder,
.input-wrap.is-filled textarea::-moz-placeholder {
  opacity: 1;
}
.input-wrap.is-filled input:-moz-placeholder,
.input-wrap.is-filled textarea:-moz-placeholder {
  opacity: 1;
}
.input-wrap.is-filled input:-ms-input-placeholder,
.input-wrap.is-filled textarea:-ms-input-placeholder {
  opacity: 1;
}
.input-wrap.is-filled input + .input-label,
.input-wrap.is-filled textarea + .input-label {
  position: absolute;
  top: 10px;
  left: 17px;
  font-size: 12px;
}
.input-wrap.is-error input,
.input-wrap.is-error textarea {
  border: 2px solid #FD4040 !important;
  padding: 26px 15px 9px 15px;
}
.input-wrap.is-error .input-icon {
  background-color: #FD4040;
}
.input-wrap.is-success input,
.input-wrap.is-success textarea {
  border: 2px solid #09CF34 !important;
  padding: 26px 15px 9px 15px;
}
.input-wrap.is-success .input-icon {
  background-color: #09CF34;
}
.input-wrap.is-attention input,
.input-wrap.is-attention textarea {
  border: 2px solid #FB7234 !important;
  padding: 26px 15px 9px 15px;
}
.input-wrap.is-attention .input-icon {
  background-color: #FB7234;
}
.input-wrap.is-disabled {
  pointer-events: none;
}
.input-wrap.is-disabled .input-label {
  color: #919EB2;
}
.input-select {
  margin: 0;
}
.input-select select {
  display: none;
}
.input-select-custom {
  position: relative;
  margin: 0 0 16px;
  cursor: pointer;
  user-select: none;
}
.input-select-custom.is-open {
  margin: -1px 0 15px;
}
.input-select-custom.is-open .input-select-chosen {
  padding: 16px 47px 16px 15px;
  border: 2px solid #B3D7FD;
}
.input-select-custom.is-open .input-select-chosen:after {
  transform: rotate(180deg);
}
.input-select-custom.is-open .input-select-label {
  margin-top: 1px;
}
.input-select-custom.is-open .input-select-list {
  display: block;
}
.input-select-label {
  position: absolute;
  top: 16px;
  left: 16px;
  display: block;
  color: #667894;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  pointer-events: none;
}
.input-select-chosen {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 16px 48px 16px 16px;
  background: #fff;
  border: 1px solid #DCE8FA;
  border-radius: 4px;
}
.input-select-chosen:hover {
  border-color: #B3D7FD;
}
.input-select-chosen:after {
  position: absolute;
  top: 16px;
  right: 12px;
  display: block;
  width: 24px;
  height: 24px;
  background: url(/resources/89ce7d08581d79ebd3b1.svg) no-repeat center center;
  content: '';
}
.input-select-chosen img {
  max-height: 20px;
  max-width: 22px;
  margin: 0 0 3px;
}
.input-select-chosen.is-selected {
  padding-top: 32px !important;
}
.input-select-chosen.is-selected + .input-select-label {
  top: 10px;
  left: 17px;
  font-size: 12px;
}
.input-select-group {
  padding: 8px 16px 4px;
  font-size: 12px;
  color: #667894;
}
.input-select-list {
  display: none;
  position: absolute;
  z-index: 4;
  top: 100%;
  left: 0;
  width: 100%;
  max-height: 250px;
  margin-top: 8px;
  padding: 8px 0;
  background: #fff;
  border: 1px solid #DCE8FA;
  box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.06);
  border-radius: 4px;
  overflow: auto;
}
.input-select-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 15px;
  font-size: 16px;
  line-height: 1.5;
  color: #242F39;
}
.input-select-item:hover {
  background: #f3f8fe;
}
.input-select-item img {
  max-height: 20px;
  max-width: 22px;
  margin: 0 0 3px;
}
.input-select.is-disabled .input-select-chosen {
  border-color: #E9F0FC;
  color: #919EB2;
}
.input-select.is-disabled .input-select-chosen:after {
  opacity: 0.5;
}
.input-select.is-error .input-select-chosen {
  border: 2px solid #FD4040 !important;
}
.input-icon {
  position: absolute;
  top: 16px;
  right: 16px;
  background-color: #DCE8FA;
}
.input-units .unit {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  font-size: 16px;
  line-height: 24px;
  color: #667894;
}
.input-units input {
  padding-right: 50px;
}
.input-characters {
  margin: 4px 0 0;
  text-align: right;
  font-size: 12px;
  color: #667894;
}
.helptext {
  display: flex;
  align-items: center;
  font-size: 12px;
  line-height: 1;
  margin: 6px 0 0;
  color: #667894;
}
.helptext .icon {
  margin-right: 2px;
  -webkit-mask-size: 20px;
  mask-size: 20px;
  background-color: #FD4040;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
textarea {
  display: block;
  border-radius: 4px;
  border: 1px solid #DCE8FA;
  min-height: 104px;
  width: 100%;
  padding: 26px 16px 9px 16px;
  box-shadow: none;
  resize: none;
  background: #fff;
}
textarea:hover {
  border-color: #B3D7FD;
}
textarea:focus {
  padding: 25px 15px 9px 15px;
  border: 2px solid #B3D7FD;
}
textarea:focus::-webkit-input-placeholder {
  opacity: 1;
  color: #667894;
}
textarea:focus::-moz-placeholder {
  opacity: 1;
  color: #667894;
}
textarea:focus:-moz-placeholder {
  opacity: 1;
  color: #667894;
}
textarea:focus:-ms-input-placeholder {
  opacity: 1;
  color: #667894;
}
textarea:focus + .input-label {
  position: absolute;
  top: 10px;
  left: 16px;
  font-size: 12px;
}
textarea[disabled] {
  border-color: #E9F0FC;
  color: #919EB2;
}
textarea::-webkit-input-placeholder {
  opacity: 0;
  transition: opacity 0.2s ease;
}
textarea::-moz-placeholder {
  opacity: 0;
  transition: opacity 0.2s ease;
}
textarea:-moz-placeholder {
  opacity: 0;
  transition: opacity 0.2s ease;
}
textarea:-ms-input-placeholder {
  opacity: 0;
  transition: opacity 0.2s ease;
}
textarea + .input-label {
  position: absolute;
  top: 16px;
  left: 17px;
}
hr {
  margin: 20px 0;
  border-top: 1px solid #DCE8FA;
}
figure {
  display: block;
  margin: 24px 0;
}
figure img {
  width: 100%;
}
figcaption {
  margin: 4px 0 0;
  font-size: 14px;
  line-height: 1.4;
  color: #667894;
}
/* Classes */
.table-responsive {
  overflow: auto;
}
.table-responsive-more {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 16px 0 24px;
  padding: 0 10px;
  border-radius: 4px;
  width: 100%;
  height: 44px;
  font-weight: 500;
  transition: all 0.2s;
  border: 0;
  font-size: 16px;
  background: #F3F8FE;
  color: #117FF5;
  cursor: pointer;
}
.table-responsive-more:hover,
.table-responsive-more:focus {
  background: rgba(17, 127, 245, 0.2);
  color: #117FF5;
}
.d-none {
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
}
.hidden-flex-xs {
  display: none !important;
}
@media (min-width: 768px) {
  .hidden-flex-xs {
    display: flex !important;
  }
}
.hidden-block-xs {
  display: none !important;
}
@media (min-width: 768px) {
  .hidden-block-xs {
    display: block !important;
  }
}
@media (min-width: 768px) {
  .visible-block-xs {
    display: none !important;
  }
}
@media (min-width: 1024px) {
  .visible-sm {
    display: none !important;
  }
}
.hidden-sm {
  display: none !important;
}
@media (min-width: 1024px) {
  .hidden-sm {
    display: flex !important;
  }
}
@media (min-width: 1440px) {
  .visible-desctop {
    display: none !important;
  }
}
.hidden-block-desctop {
  display: none !important;
}
@media (min-width: 1440px) {
  .hidden-block-desctop {
    display: block !important;
  }
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5 {
  font-weight: 700;
  line-height: 1.2;
}
h1,
.h1,
h2,
.h2 {
  margin: 0 0 32px;
}
h3,
.h3,
h4,
.h4,
h5,
.h5 {
  margin: 0 0 16px;
}
h1,
.h1 {
  font-size: 60px;
}
@media (min-width: 1024px) {
  h1,
  .h1 {
    font-size: 72px;
  }
}
h2,
.h2 {
  font-size: 40px;
}
@media (min-width: 1024px) {
  h2,
  .h2 {
    font-size: 60px;
  }
}
h3,
.h3 {
  font-size: 32px;
}
@media (min-width: 1024px) {
  h3,
  .h3 {
    font-size: 40px;
  }
}
h4,
.h4 {
  font-size: 24px;
}
@media (min-width: 1024px) {
  h4,
  .h4 {
    font-size: 32px;
  }
}
h5,
.h5 {
  font-size: 20px;
  line-height: 1.5;
}
@media (min-width: 1024px) {
  h5,
  .h5 {
    font-size: 24px;
  }
}
@media (min-width: 768px) {
  .d-tablet-flex {
    display: flex;
  }
}
@media (min-width: 1024px) {
  .d-md-flex {
    display: flex;
  }
}
.ml-auto {
  margin-left: auto;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  border-radius: 4px;
  border: 1px solid transparent;
  height: 44px;
  font-weight: 500;
  cursor: pointer;
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, opacity 0.2s;
}
.btn:hover {
  background: #DCE8FA;
}
.btn-sm {
  height: 32px;
}
.btn-lg {
  height: 60px;
}
.btn-big {
  width: 100%;
  height: 64px;
  margin: 0 0 24px;
}
.btn-link {
  background: transparent;
  color: #117FF5;
}
.btn-link:hover {
  background: transparent;
  color: #FB7234;
}
.btn-link:hover .icon {
  background: #FB7234;
}
.btn-link .icon {
  background: #117FF5;
}
.btn-more {
  height: 32px;
  padding: 0 12px;
  border-radius: 4px;
  font-weight: 700;
  border: 1px solid #DCE8FA;
  color: #242F39;
  background: transparent;
}
.btn-more:hover {
  border-color: #667894;
  color: #242F39;
  background: transparent;
}
.btn-o {
  display: inline-flex;
  border-color: #DCE8FA;
  background: rgba(210, 220, 235, 0.05);
  border-radius: 4px;
}
.btn-o:hover {
  border-color: #117FF5;
  background: transparent;
  color: #117FF5;
}
.btn-blue {
  border-color: #117FF5;
  background: #117FF5;
  color: #fff;
}
.btn-blue:focus {
  color: #fff;
}
.btn-blue:hover {
  background: #238DFE;
  border-color: #238DFE;
  color: #fff;
}
.btn-blue:hover[disabled] {
  border-color: #117FF5;
  background: #117FF5;
}
.btn-blue-o {
  border-color: transparent;
  background: rgba(17, 127, 245, 0.05);
  color: #117FF5;
}
.btn-blue-o:hover,
.btn-blue-o:focus {
  background: rgba(17, 127, 245, 0.2);
  color: #117FF5;
}
.btn-blue-o .icon {
  background-color: #117FF5;
}
.btn-blue-light {
  background: #F3F8FE;
  color: #117FF5;
  border: 0;
}
.btn-blue-light:hover,
.btn-blue-light:focus {
  background: #ddecff;
  color: #117FF5;
}
.btn-blue-outline {
  flex-direction: column;
  background: transparent;
  line-height: 1.5;
  color: #117FF5;
  border: 1px solid #117FF5;
}
.btn-blue-outline:hover,
.btn-blue-outline:focus {
  background: rgba(17, 127, 245, 0.05);
  color: #117FF5;
}
.btn-white-o {
  background: transparent;
  border-color: #fff;
  color: #fff;
}
.btn-white-o:hover,
.btn-white-o:focus {
  border-color: #fff;
  background: rgba(210, 220, 235, 0.2);
  color: #fff;
}
.btn-orange {
  background: #FB7234;
  border-color: #FB7234;
  color: #fff;
}
.btn-orange:hover {
  background: #FF8D59;
  color: #fff;
}
.btn-orange:focus {
  color: #fff;
}
.btn-orange .icon {
  background-color: #fff;
}
.btn-orange-o {
  background: rgba(251, 114, 52, 0.05);
  border-color: #FB7234;
  color: #FB7234;
}
.btn-orange-o:hover {
  background: rgba(251, 114, 52, 0.2);
  color: #FB7234;
}
.btn-orange-o .icon {
  background-color: #FB7234;
}
.btn-orange-o .icon:last-child {
  margin-left: 8px;
}
.btn-orange-light {
  background: #FFE7DD;
  border: 0;
  color: #FB7234;
}
.btn-orange-light:hover {
  background: #ffe0d3;
  color: #FB7234;
}
.btn-orange-link {
  color: #FB7234;
  background: transparent;
}
.btn-orange-link:hover {
  background: transparent;
}
.btn-black-o {
  border-color: #2B3946;
  background: rgba(43, 57, 70, 0.05);
}
.btn-black-o:hover {
  color: #242F39;
  background: rgba(43, 57, 70, 0.1);
}
.btn[disabled] {
  opacity: 0.54;
  cursor: default;
}
.btn-darkened {
  opacity: 0.54;
}
.btn-darkened:hover {
  opacity: 1;
}
.btn-full {
  width: 100%;
}
.pagination {
  display: flex;
  align-items: center;
  list-style-type: none;
  padding: 0;
  margin: 0 0 60px;
}
@media (min-width: 768px) {
  .pagination {
    justify-content: center;
  }
}
@media (min-width: 1440px) {
  .pagination {
    justify-content: flex-start;
    margin: 0 0 40px;
  }
}
.pagination li {
  margin: 0 4px 0 0;
}
.pagination li.next,
.pagination li.prev {
  margin: 0 20px 0 0;
}
.pagination li.next a,
.pagination li.prev a {
  color: #117FF5;
}
.pagination li.next {
  margin: 0 0 0 16px;
}
.pagination a,
.pagination span {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  width: 44px;
  border-radius: 4px;
  color: #2B3946;
  font-weight: 500;
}
.pagination a:hover,
.pagination span:hover {
  color: #117FF5;
}
.pagination a.active,
.pagination span.active {
  background: #117FF5;
  color: #fff;
}
.checkbox input {
  display: none;
}
.checkbox input:checked + label {
  color: #242F39;
}
.checkbox input:checked + label:before {
  background: #117FF5;
  border-color: #117FF5;
}
.checkbox input:checked + label:after {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  height: 16px;
  width: 16px;
  margin: -9px 0 0;
  background-color: #fff;
  font-style: normal;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: 16px;
  mask-size: 16px;
  -webkit-mask-image: url(/resources/0625991ab2365809ca32.svg);
  mask-image: url(/resources/0625991ab2365809ca32.svg);
  content: '';
}
.checkbox input:checked + label .count {
  color: #242F39;
}
.checkbox.is-error label::before {
  border: 1px solid red;
}
.checkbox label {
  display: flex;
  position: relative;
  padding: 8px 0 8px 24px;
  color: #667894;
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
}
.checkbox label:hover {
  color: #242F39;
}
.checkbox label:hover:before {
  border-color: #117FF5;
}
.checkbox label:hover .count {
  color: #242F39;
}
.checkbox label:before {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  height: 16px;
  width: 16px;
  margin: -9px 0 0;
  background: #fff;
  border: 1px solid #DCE8FA;
  border-radius: 2px;
  content: '';
}
.checkbox-blue input {
  display: none;
}
.checkbox-blue input:checked + label:before {
  background: #117FF5;
  border-color: #117FF5;
}
.checkbox-blue input:checked + label:after {
  position: absolute;
  top: 21px;
  left: 21px;
  width: 6px;
  height: 11px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(42deg);
  content: '';
}
.checkbox-blue label {
  position: relative;
  display: block;
  margin: 0 0 16px;
  padding: 16px 16px 16px 48px;
  border-radius: 4px;
  background: #F6F7FB;
  cursor: pointer;
  transition: all 0.2s;
}
.checkbox-blue label:hover {
  background: #e4effc;
}
.checkbox-blue label:before {
  position: absolute;
  top: 20px;
  left: 16px;
  width: 16px;
  height: 16px;
  background: #fff;
  border: 1px solid #DCE8FA;
  border-radius: 2px;
  content: '';
}
.radio input {
  display: none;
}
.radio input:checked + label:after {
  background: #117FF5;
}
.radio label {
  display: flex;
  align-items: center;
  position: relative;
  padding: 8px 0;
  cursor: pointer;
  font-size: 16px;
  line-height: 24px;
}
.radio label:hover {
  color: #117FF5;
}
.radio label:before,
.radio label:after {
  display: block;
  border-radius: 50%;
  content: '';
}
.radio label:before {
  height: 16px;
  width: 16px;
  margin-right: 8px;
  border: 1px solid #117FF5;
}
.radio label:after {
  position: absolute;
  top: 16px;
  left: 4px;
  height: 8px;
  width: 8px;
}
.toggler input {
  display: none;
}
.toggler input:checked + label:before {
  background: #117FF5;
}
.toggler input:checked + label:after {
  transform: translateX(21px);
}
.toggler label {
  position: relative;
  display: block;
  min-width: 44px;
  min-height: 22px;
  padding-left: 52px;
  cursor: pointer;
}
.toggler label:before,
.toggler label:after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  border-radius: 16px;
  transition: all 0.2s;
  content: '';
}
.toggler label:before {
  width: 44px;
  height: 22px;
  background: #D8D8D8;
}
.toggler label:after {
  width: 18px;
  height: 18px;
  margin: 2px;
  background: #fff;
  box-shadow: 0 2px 4px rgba(0, 35, 11, 0.2);
}
.gray-bg {
  background-color: #F6F7FB;
}
.gray-bg footer,
.gray-bg + footer {
  background: #fff;
}
.black {
  color: #242F39 !important;
}
.gray {
  color: #667894;
}
.green {
  color: #09CF34 !important;
}
.blue {
  color: #117FF5;
}
.orange {
  color: #FB7234;
}
.red {
  color: #FD4040 !important;
}
.upper {
  text-transform: uppercase;
}
.under {
  display: inline;
  border-bottom: 1px solid #C8CED9;
}
.underline {
  text-decoration: underline;
}
.text-big {
  margin: 0 0 64px;
  font-size: 30px;
  line-height: 1.5;
}
.text-dashed {
  border-bottom: 1px dashed;
}
.text-gray {
  color: #667894 !important;
}
.text-green {
  color: #09CF34 !important;
}
.text-blue {
  color: #117FF5 !important;
}
.text-orange {
  color: #FB7234 !important;
}
.text-red {
  color: #FD4040 !important;
}
.text-pointer {
  cursor: pointer;
}
.text-pointer:hover {
  color: #117FF5;
}
.old {
  position: relative;
  margin-right: 8px;
  color: #667894 !important;
}
.old::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  width: 100%;
  height: 1px;
  background: #667894;
}
.text-mobile-center {
  text-align: center;
}
@media (min-width: 768px) {
  .text-mobile-center {
    text-align: initial;
  }
}
.section-title {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 24px;
  line-height: 1.25;
  margin: 0 0 30px;
  width: 100%;
}
@media (min-width: 768px) {
  .section-title {
    margin: 0 0 40px;
    font-size: 32px;
  }
}
@media (min-width: 1024px) {
  .section-title {
    margin: 0 0 32px;
    justify-content: flex-start;
    font-size: 40px;
  }
}
.section-title h2,
.section-title h3 {
  margin: 0;
  font-weight: 700;
  font-size: 24px;
  line-height: 1.25;
}
@media (min-width: 768px) {
  .section-title h2,
  .section-title h3 {
    font-size: 32px;
  }
}
@media (min-width: 1024px) {
  .section-title h2,
  .section-title h3 {
    font-size: 40px;
  }
}
.section-title img {
  margin: 0 10px 0 0;
  max-height: 32px;
}
@media (min-width: 1024px) {
  .section-title img {
    max-height: 52px;
  }
}
.section-title .off {
  display: inline-block;
  vertical-align: middle;
  margin-left: 16px;
  padding: 0 8px;
  background: #FB7234;
  font-weight: 700;
  color: #fff;
  font-size: 12px;
  line-height: 24px;
  border-radius: 30px;
}
@media (min-width: 1024px) {
  .section-title .off {
    padding: 0 12px;
    font-size: 14px;
    line-height: 28px;
  }
}
.section-title .zip {
  line-height: 1.1;
  border-bottom: 1px solid #DCE8FA;
}
.section-title .best-choice,
.section-title .out {
  margin-left: 12px;
  padding: 0 12px;
  font-weight: 700;
  font-size: 14px;
  line-height: 28px;
  color: #fff;
  border-radius: 32px;
  white-space: nowrap;
}
@media (max-width: 576px) {
  .section-title .best-choice,
  .section-title .out {
    margin-left: 0;
  }
}
.section-title .best-choice {
  display: flex;
  align-items: center;
  gap: 6px;
  background: #09CF34;
}
.section-title .best-choice .icon {
  background-color: #fff;
}
.section-title .out {
  background: #667894;
}
@media (max-width: 576px) {
  .section-title--out {
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 16px;
  }
}
.label {
  position: relative;
  display: inline-block;
  padding: 0 8px 0 24px;
  font-size: 10px;
  line-height: 20px;
  font-weight: 700;
  color: #fff;
  background: url(/resources/9da173b09ddaaf32f328.svg) no-repeat center center;
  border-radius: 0 2px 2px 0;
  pointer-events: none;
  white-space: nowrap;
}
@media (min-width: 576px) {
  .label {
    line-height: 24px;
  }
}
.label-free {
  position: absolute;
  z-index: 2;
  font-size: 10px;
  line-height: 20px;
  font-weight: 700;
  pointer-events: none;
  color: #fff;
  background: #09CF34;
  padding: 0 8px;
  border-radius: 4px;
  letter-spacing: 0.25px;
}
.label-wholesale {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  height: 16px;
  padding: 0 8px;
  border-radius: 16px;
  background: #242F39;
  color: #fff;
  font-weight: 500;
  font-size: 12px;
  line-height: 1;
  pointer-events: none;
}
@media (min-width: 576px) {
  .label-wholesale {
    top: 40px;
    right: 16px;
    height: 24px;
    font-size: 16px;
  }
}
.label-wholesale img {
  margin-right: 4px;
}
.label-system {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 8px 8px 4px;
  color: #fff;
  font-weight: 500;
  background: #117FF5;
  border-radius: 4px;
  pointer-events: none;
  font-size: 16px;
  line-height: 1.5;
}
@media (min-width: 576px) {
  .label-system {
    top: 16px;
    right: 16px;
  }
}
.label-system .small {
  font-size: 10px;
  line-height: 1.1;
}
@media (min-width: 1024px) {
  .location-pickup-free {
    display: flex;
    align-items: flex-start;
    padding-bottom: 20px;
  }
}
.location-card {
  display: flex;
  align-items: center;
  border-radius: 4px;
  transition: all 0.2s ease-in-out;
}
.location-card:not(:last-child) {
  margin: 0 0 24px;
}
@media (min-width: 1024px) {
  .location-card:not(:last-child) {
    margin: 0 32px 0 0;
  }
  .location-card:last-child {
    margin: 0;
  }
}
.location-card .img {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 16px;
  padding: 8px;
  width: 37px;
  height: 37px;
  border-radius: 50%;
  background: #f6f7fb;
}
.location-card .title {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
}
.location-card .text {
  color: #667894;
  font-size: 14px;
  line-height: 20px;
}
.location-card a,
.location-card span {
  display: inline-block;
  color: #667894;
  border-bottom: 1px solid rgba(102, 120, 148, 0.23);
  cursor: pointer;
}
.location-card a:hover,
.location-card span:hover {
  color: #117FF5;
}
.location-card b {
  display: block;
  margin: 0 0 4px;
  font-weight: 500;
  color: #242F39;
}
@media (min-width: 1024px) {
  .location-card b {
    display: inline-block;
    margin: 0 8px 0 0;
  }
}
.breadcrumbs {
  width: 100%;
  margin: 0 0 16px;
  color: #667894;
}
.breadcrumbs .icon {
  background-color: #117FF5;
}
.breadcrumbs ul {
  display: flex;
  flex-wrap: nowrap;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
@media (min-width: 1024px) {
  .breadcrumbs ul {
    flex-wrap: wrap;
  }
}
.breadcrumbs li {
  display: flex;
  align-items: center;
}
.breadcrumbs li.hide {
  display: none;
}
.breadcrumbs li.dots {
  cursor: pointer;
}
.breadcrumbs li .input-select-chosen {
  display: none;
}
.breadcrumbs li .input-select-list {
  width: auto;
}
.breadcrumbs li .input-select-item {
  color: #117FF5;
}
.breadcrumbs li:not(:last-child):after {
  content: '/';
  color: #667894;
  display: block;
  text-align: center;
  width: 24px;
}
.breadcrumbs a {
  color: #117FF5;
  white-space: nowrap;
}
.breadcrumbs a:hover {
  text-decoration: underline;
}
.breadcrumbs span {
  font-weight: 700;
  font-family: Arial;
}
.product-list {
  display: grid;
  gap: 40px;
  margin: 0 0 40px;
}
@media (min-width: 576px) {
  .product-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}
@media (min-width: 768px) {
  .product-list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1024px) {
  .product-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1200px) {
  .product-list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1440px) {
  .product-list {
    grid-template-columns: repeat(4, 1fr);
  }
}
.product-list.systems .product-card .img {
  padding: 0;
}
@media (min-width: 576px) {
  .product-list.systems .product-card .img {
    padding: 16px 16px 0;
  }
}
@media (min-width: 576px) {
  .product-list.systems .product-card .label-free {
    right: 16px;
    left: auto;
  }
}
.product-list.systems .product-card .name {
  margin: 0 0 12px;
}
@media (max-width: 576px) {
  .product-list.systems .product-card .name {
    align-self: center;
    margin: 0;
  }
}
.product-list.systems .product-card .desc {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
@media (min-width: 576px) {
  .product-list--row {
    display: block;
  }
  .product-list--row .product-card {
    position: relative;
    display: grid;
    grid-template-columns: 220px 1fr;
    grid-template-rows: max-content 1fr;
    gap: 0 16px;
    padding: 24px 0;
    border-width: 0 0 1px 0;
    border-radius: 0;
  }
  .product-list--row .product-card:hover {
    box-shadow: none;
  }
  .product-list--row .product-card:first-child {
    padding-top: 0;
  }
  .product-list--row .product-card:nth-child(3) {
    border: 0;
  }
  .product-list--row .product-card a:last-child {
    margin-top: 0;
  }
  .product-list--row .product-card__header {
    top: 24px;
    right: auto;
    z-index: 1;
    width: 190px;
  }
  .product-list--row .product-card__header .stars {
    display: none;
  }
  .product-list--row .product-card .available {
    display: none;
  }
  .product-list--row .product-card .label-free {
    right: auto;
    bottom: 12px;
    left: 10px;
  }
  .product-list--row .product-card .label-free + .group {
    bottom: 40px;
    left: 10px;
  }
  .product-list--row .product-card .img {
    grid-row: 1 / 3;
    padding: 0;
  }
  .product-list--row .product-card .name {
    max-width: 520px;
    margin: 0 0 8px;
    font-size: 20px;
  }
  .product-list--row .product-card .name a:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: '';
  }
  .product-list--row .product-card .features {
    display: none;
  }
  .product-list--row .product-card .desc {
    padding: 32px 0 0;
  }
  .product-list--row .product-card .desc p:last-child {
    margin: 0 0 12px;
  }
  .product-list--row .product-card .desc .stars {
    display: flex;
    margin: 8px 0;
  }
  .product-list--row .product-card form {
    margin-top: 0;
    pointer-events: none;
  }
  .product-list--row .product-card .label-wholesale {
    top: 0;
    right: -16px;
    transform: translateX(100%);
  }
  .product-list--row .product-banner {
    display: block;
    height: 156px;
    width: 100%;
  }
  .product-list--row .product-banner__title {
    max-width: initial;
    margin: 0 0 16px;
    font-weight: 500;
    font-size: 24px;
  }
  .product-list--row .product-banner-btn {
    min-width: 240px;
  }
  .product-list--row .estimated-arrival {
    font-size: 16px !important;
  }
  .product-list--row .estimated-arrival--pickup {
    display: none;
  }
  .product-list--row .add-to-cart {
    width: max-content;
    margin: 0;
    padding: 0;
    pointer-events: none;
  }
}
@media (min-width: 576px) and (min-width: 576px) {
  .product-list--row .product-banner .picture-grid {
    display: none;
  }
}
@media (min-width: 576px) and (min-width: 576px) {
  .product-list--row .product-banner .picture-row {
    display: block;
  }
}
@media (min-width: 1024px) {
  .product-list .add-to-cart {
    min-height: 56px;
  }
}
.product-list-all {
  position: relative;
  width: 100%;
  height: 48px;
  margin: 0 0 40px;
  background: #E1F0FF;
}
@media (min-width: 576px) {
  .product-list-all {
    margin: -8px 0 22px;
  }
}
.product-list-all .icon {
  margin-left: 4px;
  transition: all 0.3s;
}
@media (min-width: 576px) {
  .product-list-all .icon {
    opacity: 0;
    transform: translateX(5px);
  }
}
.product-list-all:hover,
.product-list-all:focus {
  background: #CEE7FF;
}
.product-list-all:hover .icon,
.product-list-all:focus .icon {
  opacity: 1;
  transform: translate(0);
}
.product-card {
  position: relative;
  display: grid;
  align-items: start;
  grid-template-columns: 145px 1fr;
  gap: 16px;
  background: #fff;
  border-radius: 4px;
  transition: all 0.2s ease-in-out;
}
@media (min-width: 576px) {
  .product-card {
    display: flex;
    flex-direction: column;
    gap: 0;
    border: 1px solid #DCE8FA;
  }
}
@media (min-width: 576px) {
  .product-card:hover {
    box-shadow: 0px 8px 10px rgba(1, 26, 50, 0.1);
  }
}
.product-card:hover .img--first {
  opacity: 0;
}
.product-card:hover .img--second {
  opacity: 1;
}
.product-card__header {
  position: relative;
  display: flex;
  align-items: center;
  grid-column: 1 / 3;
  min-height: 15px;
  margin: 0 0 -8px;
}
@media (min-width: 576px) {
  .product-card__header {
    position: absolute;
    top: 16px;
    right: 16px;
    left: 16px;
    grid-column: initial;
  }
}
.product-card__link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
}
.product-card__options {
  position: absolute;
  left: 8px;
  bottom: 10px;
  padding: 2px 8px;
  border: 1px solid #DCE8FA;
  border-radius: 333px;
  font-weight: 700;
  font-size: 12px;
  color: #242F39;
  background: #fff;
}
@media (min-width: 576px) {
  .product-card__options {
    left: 24px;
  }
}
.product-card__local,
.product-card__free {
  display: flex;
  align-items: center;
  width: max-content;
  gap: 6px;
  margin: 0 0 8px;
  padding: 4px 8px;
  font-weight: 700;
  font-size: 12px;
  border: 1px solid #DCE8FA;
  border-radius: 322px;
}
@media (min-width: 1024px) {
  .product-card__local,
  .product-card__free {
    margin: 0 0 10px;
  }
}
.product-card__free {
  color: #09CF34;
}
.product-card__view {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  grid-column: span 2;
  width: 100%;
  height: 48px;
  margin: 0 0 16px !important;
  padding: 0 16px;
  border-radius: 4px;
  background: #ffe7dd;
  font-weight: 700;
  color: #FB7234 !important;
  transition: all 0.2s;
}
@media (min-width: 576px) {
  .product-card__view {
    width: calc(100% - 32px) !important;
    height: 40px;
    margin: auto 16px 16px !important;
  }
}
.product-card__view:hover {
  background: #fee3d6;
}
.product-card form {
  position: relative;
  z-index: 4;
  grid-column: 1 / 3;
  margin-top: auto;
}
@media (min-width: 576px) {
  .product-card form {
    grid-column: initial;
    width: 100%;
  }
}
.product-card .img {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
@media (min-width: 576px) {
  .product-card .img {
    padding: 48px 16px 0;
    width: 100%;
  }
}
.product-card .img--first,
.product-card .img--second {
  transition: opacity 0.2s;
}
.product-card .img--second {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
  max-width: calc(100% - 32px);
  opacity: 0;
}
@media (min-width: 576px) {
  .product-card .img--mobile {
    display: none;
  }
}
.product-card .img--desktop {
  display: none;
}
@media (min-width: 576px) {
  .product-card .img--desktop {
    display: block;
  }
}
.product-card .icon-star {
  background-color: #FB7234;
}
.product-card .icon-star-o {
  background-color: #DCE8FA;
}
.product-card .icon-star-h {
  background-color: #FB7234;
}
.product-card .available,
.product-card .limited,
.product-card .backorder,
.product-card .left {
  position: absolute;
  top: 0;
  left: 160px;
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  font-weight: 700;
}
@media (min-width: 576px) {
  .product-card .available,
  .product-card .limited,
  .product-card .backorder,
  .product-card .left {
    position: relative;
    left: 0;
    margin-left: auto;
  }
}
.product-card .available {
  color: #09CF34;
}
.product-card .limited {
  margin-left: auto;
  font-weight: 700;
  text-transform: uppercase;
  color: #FD4040;
}
.product-card .backorder {
  margin-left: auto;
  font-weight: 700;
  text-transform: uppercase;
  color: #FB7234;
}
.product-card .left {
  color: #FD4040;
}
.product-card .label {
  position: absolute;
  left: 10px;
  bottom: 12px;
}
@media (min-width: 576px) {
  .product-card .label {
    left: 26px;
  }
}
.product-card .label-free {
  left: 10px;
  bottom: 12px;
}
@media (min-width: 576px) {
  .product-card .label-free {
    left: 26px;
  }
}
.product-card .label-free + .group {
  bottom: 40px;
}
@media (min-width: 576px) {
  .product-card .label-free + .group {
    bottom: 44px;
  }
}
.product-card .choice {
  position: absolute;
  left: 10px;
  bottom: 12px;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 0 8px;
  font-weight: 700;
  font-size: 12px;
  line-height: 20px;
  color: #242F39;
  background: #fff;
  border: 1px solid #DCE8FA;
  border-radius: 4px;
}
@media (min-width: 576px) {
  .product-card .choice {
    left: 28px;
    font-size: 14px;
    border-radius: 30px;
  }
}
.product-card .choice:not(:first-child) {
  bottom: 40px;
}
@media (min-width: 576px) {
  .product-card .choice:not(:first-child) {
    bottom: 44px;
  }
}
@media (min-width: 576px) {
  .product-card .desc {
    padding: 16px 16px 12px;
  }
}
.product-card .desc p:last-child {
  font-size: 12px;
  line-height: 1.33;
  margin: 0;
}
.product-card .desc .stars {
  display: none;
}
.product-card .name {
  margin: 0 0 8px;
  font-weight: 500;
}
.product-card .name .icon {
  vertical-align: text-top;
  margin-top: 1px;
  margin-left: 4px;
}
.product-card .dashed {
  border-bottom: 1px dashed;
  color: inherit;
}
.product-card img {
  border-radius: 4px;
}
.product-card .estimated-arrival {
  position: relative;
  z-index: 5;
  margin-bottom: 8px;
  font-size: 12px;
}
.product-card .estimated-arrival b {
  font-weight: 700;
}
.product-card .estimated-arrival .cm-ajax:hover {
  color: #117FF5;
}
.product-card .current {
  font-weight: 700;
}
.product-card .trend-up {
  width: 16px;
  margin-left: 4px;
}
.product-card .old {
  position: relative;
  margin-right: 2px;
  font-size: 12px;
  font-weight: 400;
}
.product-card .old sup {
  display: none;
}
.product-card .save {
  color: #09CF34;
  font-size: 12px;
  font-weight: 400;
}
.product-card-img {
  color: #242F39;
  border-radius: 10px;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .product-card-img {
    display: none;
  }
}
.product-card-img:hover {
  color: #117FF5;
}
.product-card-img .img {
  display: block;
  height: 390px;
  background: url(/assets/img/item-img.jpg) no-repeat right bottom;
  background-size: cover;
  color: #fff;
  padding: 15px;
  font-size: 16px;
  line-height: 24px;
}
.product-card-img .text {
  display: flex;
  flex-direction: column;
  height: 176px;
  font-weight: 700;
  font-size: 20px;
  line-height: 25px;
  padding: 10px 15px;
  background: #fff;
}
.product-card-img .blue {
  font-size: 10px;
  line-height: 16px;
  text-transform: uppercase;
  color: #117FF5;
  margin: auto 0 0;
}
.product-card-img p {
  margin: 0;
}
.product-card-img b {
  display: block;
  font-weight: 700;
  font-size: 40px;
  line-height: 1;
}
.product-card a:last-child {
  grid-column: 1 / 3;
  margin-top: auto;
}
@media (min-width: 576px) {
  .product-card a:last-child {
    grid-column: initial;
    width: 100%;
  }
}
.product-card--pallet {
  position: relative;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  min-height: 536px;
  padding: 16px;
  background: url(/assets/img/by-pallet.jpg) no-repeat center center;
  background-size: cover;
  color: #fff;
  font-weight: 700;
  font-size: 24px;
  line-height: 1.4;
  border-radius: 4px;
}
.product-card--pallet:hover {
  color: #fff;
  opacity: 0.9;
}
.product-card--pallet:before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: 208px;
  background-image: linear-gradient(to bottom, #A47A3B, rgba(0, 0, 0, 0.01));
  content: '';
}
.product-card--pallet div,
.product-card--pallet span,
.product-card--pallet .icon {
  position: relative;
  z-index: 2;
}
.product-card--pallet div {
  max-width: calc(100% - 72px);
}
.product-card--pallet span {
  display: inline-block;
  vertical-align: top;
  padding: 0 4px;
  background: #222629;
}
.product-card--pallet .icon {
  margin-top: 4px;
  background-color: #fff;
}
.product-card--ure {
  position: relative;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  border-radius: 24px;
  background: #E1DFF5;
  overflow: hidden;
  align-content: space-between;
}
@media (min-width: 576px) {
  .product-card--ure {
    min-height: 536px;
  }
}
.product-card--ure img {
  width: 100%;
  position: absolute;
  top: 5px;
}
@media (min-width: 576px) {
  .product-card--ure img {
    position: relative;
    top: 0;
  }
}
.product-card--ure:hover {
  color: #fff;
  opacity: 0.9;
}
.product-card--ure div,
.product-card--ure span,
.product-card--ure .icon {
  position: relative;
  z-index: 2;
}
.product-card--clearance {
  position: relative;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  border-radius: 24px;
  background: #E1DFF5;
  overflow: hidden;
}
@media (min-width: 576px) {
  .product-card--clearance {
    min-height: 536px;
  }
}
.product-card--clearance img {
  width: 100%;
  position: absolute;
  top: -90px;
}
@media (min-width: 576px) {
  .product-card--clearance img {
    top: unset;
    bottom: 0;
  }
}
.product-card--clearance:hover {
  color: #fff;
  opacity: 0.9;
}
.product-card--clearance div,
.product-card--clearance span,
.product-card--clearance .icon {
  position: relative;
  z-index: 2;
}
.product-card__offer {
  display: flex;
  justify-content: space-between;
  width: 100%;
  min-height: 208px;
  max-height: 270px;
  padding: 16px;
  border-radius: 24px 24px 0 0;
  color: #fff;
  font-weight: 700;
  font-size: 24px;
  line-height: 1.4;
}
.product-card__offer .sm {
  display: none;
}
@media (min-width: 576px) {
  .product-card__offer .mb {
    display: none;
  }
  .product-card__offer .sm {
    display: block;
  }
}
.product-card__offer span {
  width: 90%;
}
@media (min-width: 576px) {
  .product-card__offer span {
    width: 238px;
  }
}
.product-card__offer .icon {
  margin-top: 4px;
  background-color: #fff;
}
.product-card__offer_orange {
  background: linear-gradient(180deg, #EB761B 25.74%, rgba(223, 131, 60, 0.72) 77.17%, rgba(220, 146, 77, 0.52) 90.38%, rgba(220, 159, 112, 0) 100%);
}
.product-card__offer_purple {
  background: linear-gradient(180deg, #763F9B 35.74%, rgba(130, 78, 165, 0.72) 77.17%, rgba(192, 164, 211, 0.52) 90.38%, #E1DFF5 100%);
}
@media (min-width: 576px) {
  .product-card__offer_purple {
    background: linear-gradient(180deg, #763F9B 50.74%, rgba(130, 78, 165, 0.72) 77.17%, rgba(192, 164, 211, 0.52) 90.38%, #E1DFF5 100%);
  }
}
.product-card__attention {
  background: white;
  font-family: Roboto;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
}
.product-card__attention_brown {
  color: #853B00;
}
.product-card__attention_black {
  background: black;
  color: white;
}
.product-preview {
  position: relative;
  display: grid;
  grid-template-columns: 145px 1fr;
  gap: 16px;
  font-size: 16px;
  transition: all 0.2s ease-in-out;
}
@media (min-width: 576px) {
  .product-preview {
    display: flex;
    flex-direction: column;
    padding: 16px;
    border: 1px solid #DCE8FA;
    border-radius: 4px;
  }
}
@media (min-width: 576px) {
  .product-preview:hover {
    box-shadow: 0px 8px 10px rgba(1, 26, 50, 0.1);
  }
}
.product-preview__list {
  display: grid;
  gap: 40px;
  margin: 0 0 40px;
  padding: 0 16px;
}
@media (min-width: 576px) {
  .product-preview__list {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}
@media (min-width: 768px) {
  .product-preview__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1024px) {
  .product-preview__list {
    padding: 0 30px;
  }
}
@media (min-width: 1200px) {
  .product-preview__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 1440px) {
  .product-preview__list {
    grid-template-columns: repeat(5, 1fr);
  }
}
.product-preview__list--3 {
  padding: 0;
}
@media (min-width: 768px) {
  .product-preview__list--3 {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}
@media (min-width: 1200px) {
  .product-preview__list--3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
.product-preview__top {
  display: grid;
  align-items: center;
  grid-template-columns: 145px 1fr;
  grid-column: span 2;
  gap: 16px;
  margin: 0 0 -8px;
}
@media (min-width: 576px) {
  .product-preview__top {
    display: flex;
    justify-content: space-between;
    margin: 0;
  }
}
.product-preview__stars {
  position: relative;
  width: 75px;
  height: 15px;
  -webkit-mask-image: url(/resources/2146c938cafdcf21b52c.svg);
  mask-image: url(/resources/2146c938cafdcf21b52c.svg);
  -webkit-mask-position: 0 center;
  mask-position: 0 center;
  -webkit-mask-repeat: repeat-x;
  mask-repeat: repeat-x;
  background-color: #DCE8FA;
}
.product-preview__stars:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  -webkit-mask-image: url(/resources/2146c938cafdcf21b52c.svg);
  mask-image: url(/resources/2146c938cafdcf21b52c.svg);
  -webkit-mask-position: 0 center;
  mask-position: 0 center;
  -webkit-mask-repeat: repeat-x;
  mask-repeat: repeat-x;
  background-color: #FB7234;
  content: '';
}
.product-preview__stars--3:after {
  width: 45px;
}
.product-preview__stars--3-5:after {
  width: 53px;
}
.product-preview__stars--4:after {
  width: 60px;
}
.product-preview__stars--4-5:after {
  width: 68px;
}
.product-preview__stars--5:after {
  width: 75px;
}
.product-preview__available {
  font-weight: 700;
  font-size: 12px;
  color: #09CF34;
  text-transform: uppercase;
}
.product-preview__available--not {
  color: #FD4040;
}
@media (min-width: 576px) {
  .product-preview__img,
  .product-preview__desc {
    grid-column: span 2;
  }
}
.product-preview__img img,
.product-preview__desc img {
  display: block;
  border-radius: 4px;
}
.product-preview__desc {
  margin-bottom: auto;
}
.product-preview__name {
  display: block;
  margin: 0 0 4px;
  font-weight: 500;
}
.product-preview__name a {
  color: #242F39 !important;
}
.product-preview__name .icon-check-seal {
  margin-left: 4px;
}
.product-preview .product-card__local,
.product-preview .product-card__free {
  margin: 5px 0 0;
}
.product-preview__params {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 12px;
}
.product-preview__dashed {
  border-bottom: 1px dashed;
  cursor: pointer;
}
.product-preview__prices {
  position: absolute;
  left: 16px;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  height: 48px;
  gap: 0 4px;
  margin-top: auto;
  pointer-events: none;
  font-weight: 500;
  line-height: 1.2;
  color: #FB7234;
}
@media (min-width: 576px) {
  .product-preview__prices {
    position: relative;
    left: 0;
    height: auto;
    line-height: 1.5;
  }
}
.product-preview__prices sup {
  top: -0.25em;
}
.product-preview__price {
  width: 100%;
}
.product-preview__price-wholesale {
  width: 100%;
}
.product-preview__price-old,
.product-preview__price-save {
  font-weight: 400;
  font-size: 12px;
}
.product-preview__price-old {
  position: relative;
  color: #667894;
}
.product-preview__price-old:after {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  height: 1px;
  background: #667894;
  content: '';
}
.product-preview__price-save {
  color: #09CF34;
}
.product-preview__btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  grid-column: span 2;
  width: 100%;
  height: 48px;
  padding: 0 16px;
  border-radius: 4px;
  background: #ffe7dd;
  font-weight: 700;
  color: #FB7234 !important;
  transition: all 0.2s;
}
@media (min-width: 576px) {
  .product-preview__btn {
    height: 40px;
    justify-content: center;
  }
}
.product-preview__btn:hover {
  background: #fee3d6;
}
.product-banner {
  position: relative;
  border: 1px solid #DCE8FA;
  border-radius: 4px;
  overflow: hidden;
  transition: all 0.2s;
}
@media (min-width: 1440px) {
  .product-banner {
    min-height: 536px;
  }
}
.product-banner:hover {
  box-shadow: 0px 8px 10px rgba(1, 26, 50, 0.1);
}
.product-banner:hover .product-banner__btn {
  background: #117FF5;
  color: #fff;
}
.product-banner__content {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  transform: translate(-50%, -50%);
}
.product-banner__title {
  max-width: 200px;
  margin: 0 0 20px;
  text-align: center;
  font-weight: 700;
}
.product-banner__btn {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: max-content;
  height: 40px;
  margin: 0 auto;
  font-weight: 500;
  color: #242F39;
  background: #fff;
  border: 0;
  border-radius: 4px;
  transition: all 0.2s;
  text-wrap: nowrap;
  padding: 0 16px;
}
@media (min-width: 576px) {
  .product-banner__btn {
    height: 56px;
  }
}
.product-banner__btn-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  width: 32px;
  height: 32px;
  padding: 4px;
  border-radius: 4px;
  background: #fff;
}
.product-banner__img {
  display: block;
  min-width: 100%;
}
@media (min-width: 576px) {
  .product-banner__img {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 1;
    min-height: 100%;
    object-fit: cover;
    transform: translateX(-50%);
  }
}
.product-banner--commercial {
  cursor: pointer;
}
@media (min-width: 576px) {
  .product-banner--commercial {
    min-height: 186px;
  }
}
.product-banner--commercial .product-banner__btn {
  height: 56px;
  background: #E1F0FF;
}
@media (min-width: 576px) {
  .product-banner--commercial .product-banner__img {
    top: 50%;
    transform: translate(-50%, -50%);
  }
}
.product-banner .picture-row {
  display: none;
}
.product-extra-off-wrap {
  margin: 16px 0 8px 0;
}
.product-extra-off {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  grid-column: span 2;
  width: max-content;
  min-height: 24px;
  padding: 4px 10px 4px 8px;
  font-weight: 700;
  font-size: 12px;
  line-height: 1.5;
  color: #12BA38;
  background: #CCFFE5;
  border-radius: 322px;
}
@media (min-width: 576px) {
  .product-extra-off {
    margin: 0 16px 4px 16px;
  }
}
.product-extra-off img {
  width: 18px;
  flex-shrink: 0;
}
@media (max-width: 576px) {
  .solar-hub-slice-products .product-card {
    overflow: hidden;
  }
  .solar-hub-slice-products .product-card:nth-child(4) {
    display: none;
  }
}
.solar-hub-slice-products .tab-nav {
  margin: 0 0 24px;
}
.solar-hub-slice-products .tab-nav li {
  margin-right: 16px;
  flex-grow: initial;
}
.solar-hub-slice-products .tab-nav li a,
.solar-hub-slice-products .tab-nav li span {
  width: auto;
  height: 30px;
  padding: 0;
  background: transparent;
  color: #667894;
  border-radius: 0 !important;
  border-bottom: 4px solid transparent;
}
.solar-hub-slice-products .tab-nav li a:hover,
.solar-hub-slice-products .tab-nav li span:hover {
  color: #117FF5;
}
.solar-hub-slice-products .tab-nav li a.active,
.solar-hub-slice-products .tab-nav li span.active {
  background: transparent;
  border-color: #117FF5;
  color: #117FF5;
}
.solar-hub-slice-products .tab-content {
  margin: 0 0 56px;
}
.solar-hub-slice-products .tab-body {
  padding: 0;
}
.stars {
  display: flex;
  align-items: center;
}
.stars .icon {
  height: 15px;
  width: 15px;
}
.system-btn {
  width: 100%;
  margin: -4px 0 16px;
  text-align: center;
  font-size: 16px;
  line-height: 40px;
  font-weight: 500;
  color: #FB7234;
  border: 0;
  background: #FFE7DD;
  border-radius: 4px;
}
@media (min-width: 576px) {
  .system-btn {
    background: transparent;
    border-radius: 0 0 4px 4px;
  }
}
.system-btn:hover {
  background: #FFE7DD;
}
.system-btn:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  content: '';
}
.system-btn.with-price {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin: 0;
  padding: 9px 16px;
  text-align: initial;
  line-height: 1.5;
}
@media (min-width: 576px) {
  .system-btn.with-price {
    padding: 12px 16px;
  }
}
.system-btn.with-price .gray {
  font-weight: 400;
  font-size: 12px;
}
.add-to-cart {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 48px;
  width: 100%;
  padding: 4px 16px;
  text-align: left;
  color: #FB7234;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 500;
  background: #FFE7DD;
  border: 0;
  border-radius: 4px;
}
@media (min-width: 576px) {
  .add-to-cart {
    background: transparent;
    border-radius: 0 0 4px 4px;
  }
}
.add-to-cart:hover {
  background: #ffeae1;
}
.add-to-cart sup {
  top: -0.5em;
  font-size: 10px;
}
.add-to-cart .save sup {
  top: -0.2em;
}
.parameters {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0 8px;
}
.parameters input {
  display: none;
}
.parameters input:checked + label {
  color: #fff;
  background: #117FF5;
}
.parameters a {
  display: block;
  margin: 0 5px 5px 0;
  padding: 0 8px;
  border-radius: 4px;
  color: #667894;
  font-size: 10px;
  line-height: 22px;
  font-weight: 700;
  border: 1px solid #DCE8FA;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
.parameters a:hover {
  color: #fff;
  background: #117FF5;
}
.parameters button,
.parameters label {
  display: block;
  min-width: 72px;
  margin: 0 8px 8px 0;
  padding: 0 8px;
  color: #117FF5;
  text-align: center;
  font-size: 12px;
  line-height: 26px;
  font-weight: 500;
  background: #F3F8FE;
  border: 0;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.parameters button.active,
.parameters label.active {
  color: #fff;
  background: #117FF5;
}
.features {
  display: none;
}
@media (min-width: 1024px) {
  .features {
    display: block;
    margin: auto 0 16px;
    padding: 0;
    font-size: 12px;
    list-style-type: none;
  }
}
.features li {
  position: relative;
  display: flex;
  align-items: center;
  gap: 4px;
  color: #667894;
  margin: 0 0 8px;
}
.features li:last-child {
  margin: 0;
}
.features li:after {
  flex-grow: 1;
  height: 1px;
  min-width: 8px;
  background: #DCE8FA;
  content: '';
}
.features span {
  order: 1;
  color: #242F39;
}
.tag-lists {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0 24px;
  margin: 0 0 12px;
}
.tag-list {
  display: flex;
  list-style-type: none;
  padding: 0 0 0 20px;
  margin: 0 0 28px -20px;
  overflow: auto;
  max-width: 100vw;
}
@media (min-width: 1024px) {
  .tag-list {
    flex-wrap: wrap;
  }
}
.tag-list-wrap {
  margin: 0 -16px;
  padding: 0 16px;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .tag-list-wrap {
    margin: 0;
    padding: 0;
  }
}
.tag-list-title {
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
  margin: 0 0 16px;
  color: #667894;
  text-transform: uppercase;
}
@media (min-width: 1024px) {
  .tag-list-title {
    font-size: 16px;
    line-height: 20px;
  }
}
.tag-list.stocks a {
  padding: 6px 10px;
  line-height: 20px;
}
.tag-list.stocks a.is-selected {
  border-color: #117FF5;
}
.tag-list.stocks span {
  display: block;
  margin: 2px 0 0;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #667894;
  transition: all 0.2s ease-in-out;
}
.tag-list.wholesale a,
.tag-list.wholesale span {
  min-height: 40px;
  gap: 8px;
}
.tag-list.application a {
  display: flex;
  align-items: center;
  gap: 6px;
  height: 44px;
  padding: 0 16px;
}
.tag-list.application a:hover,
.tag-list.application a.active {
  background: #e4effc;
  border-color: #e4effc;
  color: #117FF5;
}
.tag-list.application a:hover img,
.tag-list.application a.active img {
  filter: none;
}
.tag-list.application img {
  min-width: 24px;
  transition: all 0.3s;
  filter: grayscale(1) brightness(0.4);
}
.tag-list.with-icons a {
  flex-direction: column;
  min-width: 139px;
  padding: 16px;
  border-radius: 4px;
  line-height: 24px;
  border: 0;
}
@media (min-width: 1024px) {
  .tag-list.with-icons a {
    height: 123px;
  }
}
.tag-list.with-icons a:hover {
  background-color: #E4EFFC !important;
  color: #117FF5;
}
.tag-list.with-icons .img {
  display: block;
  width: 55px;
  height: 55px;
  padding: 15px;
  border-radius: 50%;
  margin-bottom: 12px;
  background: #fff;
  border: 0;
}
.tag-list li {
  margin: 0 12px 0 0;
}
@media (min-width: 1024px) {
  .tag-list li {
    margin: 0 12px 12px 0;
  }
}
.tag-list a,
.tag-list span {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  color: #242F39;
  font-weight: 500;
  line-height: 32px;
  white-space: nowrap;
  border: 1px solid #F3F3F3;
  border-radius: 4px;
  background: #F3F3F3;
  cursor: pointer;
}
.tag-list a:hover,
.tag-list span:hover {
  border-color: #e4effc;
  background: #e4effc;
  color: #117FF5;
}
.tag-list a:hover .icon,
.tag-list span:hover .icon {
  background-color: #117FF5;
}
.tag-list a .icon,
.tag-list span .icon {
  transition: all 0.3s;
}
.tag-list a.active,
.tag-list span.active {
  border-color: #117FF5;
  background: #117FF5;
  color: #fff;
}
@media (min-width: 1024px) {
  .tag-cols {
    display: flex;
  }
}
@media (min-width: 1024px) {
  .tag-cols .left {
    padding-right: 30px;
  }
}
@media (min-width: 1024px) {
  .tag-cols .right {
    display: flex;
    min-width: 50%;
    max-width: 50%;
    margin: 0 -10px;
  }
}
@media (min-width: 1024px) {
  .tag-cols .right > div {
    width: 50%;
    padding: 0 10px;
  }
}
.article {
  margin: 15px 0 0;
  padding: 10px 0 0;
  border-top: 1px solid #DCE8FA;
}
@media (min-width: 768px) {
  .article {
    margin: 20px 5px 0;
    width: calc(50% - 10px);
  }
}
@media (min-width: 1024px) {
  .article {
    margin: 24px 10px 0;
    padding: 24px 0 0;
    width: calc(50% - 20px);
  }
}
@media (min-width: 768px) {
  .article-lists {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
  }
}
@media (min-width: 1024px) {
  .article-lists {
    margin: 0 -10px;
  }
}
.article-lists .btn-more {
  margin-top: 15px;
}
@media (min-width: 1024px) {
  .article-lists .btn-more {
    margin-top: 0;
  }
}
.article-tag {
  display: none;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  border-radius: 4px;
  border: 1px solid #DCE8FA;
  padding: 0 5px;
  margin: 0 0 8px;
}
@media (min-width: 1024px) {
  .article-tag {
    display: inline-block;
  }
}
.article-tag.active {
  color: #fff;
  background-color: #117FF5;
  border-color: #117FF5;
}
.article-title {
  margin: 0;
  font-weight: 500;
  font-size: 15px;
  line-height: 1.25;
}
@media (min-width: 1024px) {
  .article-title {
    font-size: 30px;
  }
}
.article-title a:hover {
  color: #5D6B78;
}
.article-time {
  color: #667894;
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  padding: 5px 0;
}
@media (min-width: 1024px) {
  .article-time {
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    padding: 10px 0 0;
  }
}
@media (min-width: 768px) {
  .article-main {
    display: flex;
    align-items: flex-start;
    margin: 0 -5px;
  }
}
@media (min-width: 1024px) {
  .article-main {
    padding: 0 0 32px;
    margin: 0 -10px;
  }
}
.article-main .img {
  display: block;
  margin: 0 0 10px;
}
@media (min-width: 768px) {
  .article-main .img {
    margin: 0;
    padding: 0 5px;
    width: 50%;
  }
}
@media (min-width: 1024px) {
  .article-main .img {
    padding: 0 10px;
    width: 57%;
  }
}
.article-main img {
  width: 100%;
  border-radius: 8px;
}
@media (min-width: 1024px) {
  .article-main .article-tag {
    margin: 0 0 18px;
  }
}
.article-main-title {
  margin: 0;
  font-weight: 500;
  font-size: 20px;
  line-height: 25px;
}
@media (min-width: 768px) {
  .article-main-title {
    margin: 0 0 10px;
  }
}
@media (min-width: 1024px) {
  .article-main-title {
    font-size: 40px;
    line-height: 50px;
    margin: 0 0 25px;
  }
}
.article-main-title a:hover {
  color: #5D6B78;
}
@media (min-width: 768px) {
  .article-main-content {
    padding: 0 8px;
  }
}
@media (min-width: 1024px) {
  .article-main-content {
    padding: 0;
  }
}
.article-params {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  margin: 16px 0 12px;
  padding: 0;
  list-style-type: none;
  font-size: 14px;
}
.article-params__tooltipe {
  padding: 12px 16px;
}
.article-params .underline {
  cursor: pointer;
}
.article-params li:not(:last-child):after {
  margin: 0 6px;
  content: '·';
}
@media (min-width: 1024px) {
  .articles.pc-columns .article:first-child {
    padding-top: 0;
    border: 0;
  }
}
@media (min-width: 1024px) and (max-width: 1440px) {
  .articles.pc-columns .article:nth-child(4) {
    display: none;
  }
}
@media (min-width: 1024px) {
  .articles.pc-columns .article-right {
    width: 100%;
  }
}
.articles.pc-columns .article-params:first-child {
  margin-top: 0;
}
@media (min-width: 1024px) {
  .articles.pc-columns {
    display: flex;
    flex-wrap: wrap;
  }
  .articles.pc-columns .img {
    width: 100%;
    padding: 0 0 20px;
  }
  .articles.pc-columns .article {
    width: 100%;
    margin: 0 0 24px;
  }
  .articles.pc-columns .article-main {
    width: calc(50% - 20px);
    flex-direction: column;
    margin: 0 40px 0 0;
    padding: 0;
  }
  .articles.pc-columns .article-main-title {
    font-size: 30px;
    line-height: 35px;
    margin: 0 0 10px;
  }
  .articles.pc-columns .article-info {
    width: 100%;
    padding: 0;
  }
  .articles.pc-columns .article-time {
    font-size: 10px;
    line-height: 16px;
  }
  .articles.pc-columns .article-lists {
    display: block;
    width: calc(50% - 20px);
    margin: 0;
  }
}
.articles-imgs .article {
  position: relative;
  border: 0;
  padding: 0;
  margin: 0 0 20px;
  width: 100%;
}
@media (min-width: 768px) {
  .articles-imgs .article {
    margin: 0 10px 40px;
    width: calc(50% - 20px);
  }
}
.articles-imgs .article-lists {
  flex-direction: column;
  margin: 0 0 -20px;
}
@media (min-width: 768px) {
  .articles-imgs .article-lists {
    flex-direction: row;
    margin: 0 -10px -40px;
  }
}
.articles-imgs .article-info {
  width: 100%;
}
.articles-imgs .article-tag {
  display: inline-block;
}
@media (min-width: 768px) {
  .articles-imgs .article-tag {
    display: none;
  }
}
@media (min-width: 1024px) {
  .articles-imgs .article-tag {
    display: inline-block;
  }
}
.articles-imgs .article-title {
  margin: 0;
  font-size: 20px;
  line-height: 25px;
  position: absolute;
  bottom: 15px;
  left: 10px;
  right: 10px;
}
@media (min-width: 768px) {
  .articles-imgs .article-title {
    position: relative;
    left: 0;
    bottom: 0;
    right: 0;
    font-size: 25px;
    line-height: 35px;
  }
}
@media (min-width: 1024px) {
  .articles-imgs .article-title {
    font-size: 30px;
    line-height: 35px;
  }
}
.articles-imgs .article-title a {
  color: #fff;
}
@media (min-width: 768px) {
  .articles-imgs .article-title a {
    color: #242F39;
  }
}
.articles-imgs .article-time {
  font-size: 10px;
  line-height: 16px;
  margin: 10px 0 0;
}
@media (max-width: 1024px) {
  .articles-imgs .article-time {
    display: none;
  }
}
.articles-imgs .article-main {
  flex-direction: column;
}
.articles-imgs .article-main-time {
  display: inline-block;
  margin-left: 16px;
  font-size: 10px;
  line-height: 16px;
}
.articles-imgs .article-main-title {
  margin: 0;
  font-size: 30px;
  line-height: 35px;
}
@media (min-width: 768px) {
  .articles-imgs .article-main-title {
    font-size: 25px;
    line-height: 35px;
  }
}
@media (min-width: 1024px) {
  .articles-imgs .article-main-title {
    font-size: 40px;
    line-height: 50px;
  }
}
.articles-imgs .article-right {
  width: 100%;
}
.articles-imgs .img {
  position: relative;
  display: block;
  width: 100%;
}
.articles-imgs .img:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
}
@media (min-width: 768px) {
  .articles-imgs .img:before {
    display: none;
  }
}
.articles-hot .section-title {
  justify-content: flex-start;
  line-height: 1;
}
@media (min-width: 1024px) {
  .articles-hot .article {
    margin-top: 40px;
    padding-top: 24px;
  }
}
@media (min-width: 1024px) {
  .articles-hot .article-main {
    padding: 0;
    margin: 0 -10px -15px;
  }
}
.articles-tags {
  display: flex;
  justify-content: flex-start;
  list-style-type: none;
  margin: 0 -16px 24px;
  padding: 0 0 0 16px;
  overflow: auto;
}
@media (min-width: 1024px) {
  .articles-tags {
    flex-wrap: wrap;
    margin: 0 0 32px;
    padding: 0;
  }
}
.articles-tags li {
  margin: 0 8px 0 0;
}
@media (min-width: 1024px) {
  .articles-tags li {
    margin: 0 16px 0 0;
  }
}
.articles-tags a {
  display: block;
  font-size: 16px;
  line-height: 32px;
  font-weight: 700;
  border-radius: 20px;
  border: 0;
  padding: 0 16px;
  letter-spacing: 1px;
  background: rgba(36, 47, 57, 0.08);
  color: #242F39;
  white-space: nowrap;
}
@media (min-width: 1024px) {
  .articles-tags a {
    padding: 0 20px;
    font-size: 20px;
    line-height: 36px;
  }
}
.articles-tags a:hover,
.articles-tags a.active {
  background: #242F39;
  color: #fff;
}
.articles .section-title a {
  display: inline-block;
  padding: 0 0 10px;
  line-height: 1;
  border-bottom: 1px solid #DCE8FA;
}
@media (min-width: 1024px) {
  .articles .section-title a {
    margin: 0 0 -10px;
  }
}
.articles .section-title a:hover {
  color: #5D6B78;
}
.articles .img img {
  width: 100%;
}
.articles img {
  display: block;
}
.author-list {
  display: grid;
  grid-gap: 24px;
  margin: 0 0 40px;
}
@media (min-width: 1024px) {
  .author-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
.author-list-page {
  padding: 24px 16px;
}
@media (min-width: 768px) {
  .author-list-page {
    padding: 32px 30px;
  }
}
.author-list-page .h1 {
  font-size: 32px;
  line-height: 1.2;
  margin: 0 0 24px;
}
@media (min-width: 1024px) {
  .author-list-page .h1 {
    font-size: 60px;
  }
}
.author-list .item {
  padding: 16px;
  background: #FBFCFF;
  border-radius: 4px;
}
@media (min-width: 1024px) {
  .author-list .item {
    padding: 24px;
  }
}
.author-list .item-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
}
.author-list .item-title {
  flex-grow: 1;
}
.author-list .item-img {
  display: block;
  margin-right: 16px;
  height: 54px;
  min-width: 54px;
  max-width: 54px;
  border-radius: 50%;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .author-list .item-img {
    margin-right: 25px;
    height: 76px;
    min-width: 76px;
    max-width: 76px;
  }
}
.author-list .item-img img {
  min-width: 100%;
  min-height: 100%;
}
.author-list .item-name {
  margin-right: 16px;
  font-weight: 500;
  font-size: 24px;
  line-height: 1.5;
}
@media (min-width: 1024px) {
  .author-list .item-name {
    font-size: 32px;
  }
}
.author-list .item-position {
  color: #667894;
  font-size: 14px;
  line-height: 1.4;
}
@media (min-width: 1024px) {
  .author-list .item-position {
    font-size: 16px;
  }
}
.author-list .item-contacts {
  align-items: center;
}
.author-list .item-contacts.on-pc {
  display: none;
}
@media (min-width: 1024px) {
  .author-list .item-contacts.on-pc {
    display: flex;
    margin-left: auto;
  }
}
.author-list .item-contacts.on-mobile {
  display: flex;
  margin-top: 16px;
}
@media (min-width: 1024px) {
  .author-list .item-contacts.on-mobile {
    display: none;
  }
}
.author-list .item-contacts a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3px;
  min-width: 36px;
  max-width: 36px;
  height: 24px;
  background: #F6F7FB;
  border-radius: 4px;
}
.author-list .item-contacts a:not(:last-child) {
  margin-right: 12px;
}
.author-list .item-text {
  margin: 16px 0 0;
}
@media (min-width: 1024px) {
  .author-list .item-text {
    margin: 24px 0 0;
  }
}
.author-list .item-more {
  display: inline-block;
  vertical-align: top;
  margin: 12px 0 4px;
  color: #117FF5;
}
@media (min-width: 1024px) {
  .author-list .item-more {
    margin: 8px 0 0;
    font-size: 20px;
  }
}
.complexity {
  position: relative;
  padding: 4px 8px;
  border: 1px solid #D8D8D8;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.4;
  cursor: pointer;
}
.get-updates {
  padding: 30px 15px;
}
@media (min-width: 768px) {
  .get-updates {
    padding: 32px 15px;
  }
}
@media (min-width: 1024px) {
  .get-updates {
    padding: 40px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.get-updates p {
  margin: 0 auto;
  color: #667894;
  text-align: center;
  max-width: 300px;
}
@media (min-width: 768px) {
  .get-updates p {
    line-height: 30px;
    max-width: 100%;
  }
}
@media (min-width: 1024px) {
  .get-updates p {
    text-align: left;
  }
}
.get-updates b {
  display: block;
  margin: 0 0 5px;
  color: #242F39;
  font-size: 20px;
  line-height: 28px;
}
@media (min-width: 768px) {
  .get-updates b {
    font-size: 25px;
    line-height: 32px;
  }
}
@media (min-width: 1024px) {
  .get-updates b {
    font-size: 28px;
  }
}
.get-updates form {
  flex-wrap: wrap;
  margin: 15px 0 0;
}
@media (min-width: 768px) {
  .get-updates form {
    margin: 32px 0 0;
    display: flex;
  }
}
@media (min-width: 1024px) {
  .get-updates form {
    margin: 0;
    min-width: 50%;
    max-width: 50%;
  }
}
@media (min-width: 1024px) {
  .get-updates .input-icon {
    top: 18px;
  }
}
.get-updates .input-wrap {
  flex-grow: 1;
  margin: 0 16px 15px 0;
}
@media (min-width: 768px) {
  .get-updates .input-wrap {
    margin: 0 12px 0 0;
  }
}
.get-updates .btn {
  width: 100%;
  height: 56px;
}
@media (min-width: 768px) {
  .get-updates .btn {
    min-width: 240px;
    max-width: 240px;
  }
}
.get-updates .disclosure {
  max-width: 100%;
}
.alerts {
  position: fixed;
  z-index: 1005;
  top: 72px;
  right: 16px;
  z-index: 99999;
  display: grid;
  gap: 16px;
  width: 100%;
  max-width: calc(100% - 32px);
}
@media (min-width: 1024px) {
  .alerts {
    top: 120px;
    right: 30px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: auto;
    max-width: 466px;
  }
}
.header.is-sticky ~ .alerts {
  top: 72px;
}
.header-checkout ~ .alerts {
  top: 16px;
}
.alert {
  position: fixed;
  top: 70px;
  left: 20px;
  right: 20px;
  z-index: 99994;
  display: none;
  align-items: center;
  justify-content: space-between;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 5px 20px rgba(70, 56, 43, 0.2);
  padding: 20px;
  min-height: 125px;
  overflow: hidden;
}
@media (min-width: 768px) {
  .alert {
    top: auto;
    left: 30px;
    right: 30px;
    bottom: 20px;
    padding: 30px;
    min-height: 100px;
  }
}
.alert.show {
  display: block;
}
@media (min-width: 768px) {
  .alert.show {
    display: flex;
  }
}
.alert-text {
  margin: 0 0 40px;
}
@media (min-width: 768px) {
  .alert-text {
    margin: 0 auto 0 0;
  }
}
.alert-text .btn {
  min-width: 134px;
  margin-top: 16px;
  font-weight: 500;
}
.alert-text span {
  display: inline-block;
  margin: 0 4px 0 0;
  font-weight: 500;
}
.alert-text span:before {
  display: none;
  position: absolute;
  top: 20px;
  left: 20px;
  height: 24px;
  width: 24px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  content: '';
}
.alert-text span.red {
  color: #DA3030 !important;
}
.alert-text span.red:before {
  background-color: #DA3030;
  -webkit-mask-image: url(/resources/78f1cd8469b65d1d26fe.svg);
  mask-image: url(/resources/78f1cd8469b65d1d26fe.svg);
  -webkit-mask-size: contain;
  mask-size: contain;
}
.alert-text span.orange {
  color: #DAAA30;
}
.alert-text span.orange:before {
  background-color: #DAAA30;
  -webkit-mask-image: url(/resources/cdae9307971cb45032a7.svg);
  mask-image: url(/resources/cdae9307971cb45032a7.svg);
}
.alert-text span.green {
  color: #4F714C !important;
}
.alert-text span.green:before {
  background-color: #4F714C;
  -webkit-mask-image: url(/resources/0625991ab2365809ca32.svg);
  mask-image: url(/resources/0625991ab2365809ca32.svg);
}
.alert-text span.blue:before {
  background-color: #117FF5;
  -webkit-mask-image: url(/resources/ac7df1fbc7744c8e46aa.svg);
  mask-image: url(/resources/ac7df1fbc7744c8e46aa.svg);
}
.alert-action,
.alert-close {
  display: inline-block;
  padding: 0 10px;
  margin: 0 10px 0 0;
  line-height: 32px;
  border-radius: 4px;
  font-weight: 500;
  color: #667894;
  border: 1px solid #DCE8FA;
  background: transparent;
}
@media (min-width: 768px) {
  .alert-action,
  .alert-close {
    margin: 0 0 0 10px;
  }
}
.alert-action:hover,
.alert-close:hover {
  border-color: #667894;
  color: #242F39;
}
.alert-action {
  display: inline-block;
  color: #117FF5;
}
@media (min-width: 1024px) {
  .alert-action {
    border-color: #117FF5;
    order: 1;
  }
}
.alert-mini {
  position: fixed;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  min-height: auto;
  font-size: 14px;
  line-height: 20px;
  border: 0;
  padding: 16px;
  border-radius: 0;
  box-shadow: 16px 0 32px rgba(0, 0, 0, 0.08);
}
@media (min-width: 768px) {
  .alert-mini {
    padding: 10px 16px;
  }
}
@media (min-width: 1024px) {
  .alert-mini {
    top: auto;
    left: auto;
    right: 30px;
    bottom: 30px;
    align-items: flex-start;
    max-width: 416px;
    border-radius: 16px;
    box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.08);
  }
}
.alert-mini.show {
  display: flex;
}
.alert-mini p {
  margin: 0;
}
.alert-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  max-width: 40px;
  height: 40px;
  background: #F6F7FB;
  border-radius: 50%;
  margin-right: 16px;
}
.alert-img {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  min-width: 56px;
  max-width: 56px;
  height: 56px;
  background: #F6F7FB;
  border-radius: 16px;
  margin-right: 16px;
}
.alert-title {
  margin: 0 0 4px;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
}
@media (min-width: 768px) {
  .alert-title {
    font-size: 18px;
  }
}
@media (min-width: 1024px) {
  .alert-title {
    font-size: 20px;
    line-height: 28px;
  }
}
@media (min-width: 768px) {
  .alert-body {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-grow: 1;
  }
}
@media (min-width: 1024px) {
  .alert-body {
    display: block;
  }
}
.alert-box {
  display: flex;
  align-items: flex-start;
  margin: 8px 0 16px;
  padding: 16px;
  background: #ECECEC;
  border-radius: 4px;
}
.alert-box.is-green {
  background: #DEFFCF;
}
.alert-box.is-yellow {
  background: #FFE4B0;
}
.alert-box.is-orange {
  background: #FFCDB0;
}
.alert-box .icon {
  margin-right: 8px;
}
.alert-box .text {
  display: inline-block;
  vertical-align: top;
  max-width: calc(100% - 32px);
  margin-right: auto;
}
.alert-box .link {
  margin: auto 0 auto 24px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #117FF5;
}
.alert-btns {
  display: flex;
  align-items: center;
  margin: 16px 0 0;
}
@media (min-width: 768px) {
  .alert-btns {
    margin: 0 0 0 auto;
  }
}
@media (min-width: 1024px) {
  .alert-btns {
    margin: 16px 0 0;
  }
}
.alert-btns .btn,
.alert-btns .alert-close {
  padding: 0 18px;
  font-size: 14px;
  line-height: 20px;
  height: 34px;
  line-height: 34px;
  font-weight: normal;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .alert-btns .btn,
  .alert-btns .alert-close {
    padding: 0 32px;
    height: 40px;
    line-height: 40px;
  }
}
.alert-btns .alert-close {
  margin-left: 16px;
  border-color: #F3F8FE;
  background: #F3F8FE;
  color: #117FF5;
}
.alert-btns .alert-close:first-child {
  margin-left: 0;
}
.alert-btns .alert-close:hover {
  background: #e4effc;
}
.alert-btns .dont-ask {
  display: inline-flex;
  align-items: center;
  border: 0;
  background: #fff;
  color: #242F39;
}
@media (min-width: 768px) {
  .alert-btns .dont-ask {
    position: absolute;
    right: 15px;
    bottom: 100%;
    margin: 0 0 8px;
    padding: 0 15px;
  }
}
@media (min-width: 1024px) {
  .alert-btns .dont-ask {
    position: relative;
    right: 0;
    bottom: 0;
    margin: 0 0 0 16px;
    padding: 0 4px;
  }
}
.alert-btns .dont-ask:hover {
  color: #117FF5;
  background: #fff;
}
.alert-btns .dont-ask:hover .icon {
  background-color: #117FF5;
}
.alert-btns .dont-ask .icon {
  display: none;
}
@media (min-width: 768px) {
  .alert-btns .dont-ask .icon {
    display: inline-block;
    margin-left: 9px;
    -webkit-mask-size: 20px;
    mask-size: 20px;
  }
}
@media (min-width: 1024px) {
  .alert-btns .dont-ask .icon {
    display: none;
  }
}
.alert .stars-input {
  margin: 0 4px 0 0;
}
.alert .stars-input-wrap {
  display: flex;
  align-items: center;
  margin: 12px 0 4px;
}
@media (min-width: 768px) {
  .alert .stars-input-wrap {
    margin: 0 20px 0 auto;
  }
}
@media (min-width: 1024px) {
  .alert .stars-input-wrap {
    margin: 12px 0 4px;
  }
}
.alert .stars-input-wrap + .alert-btns {
  margin-left: 0;
}
.alert .stars-input-text {
  font-size: 12px;
  line-height: 14px;
  color: #667894;
}
@media (min-width: 768px) {
  .alert .stars-input-text {
    font-size: 14px;
    line-height: 16px;
  }
}
@media (min-width: 1024px) {
  .alert .stars-input-text {
    font-size: 12px;
    line-height: 14px;
  }
}
.alert .stars-input label {
  padding: 0;
}
.alert .stars-input .icon {
  width: 24px;
  height: 24px;
}
.alert__timer {
  position: absolute;
  top: 0px;
  left: 0;
  height: 4px;
  width: 0%;
  background: rgba(9, 207, 52, 0.3);
}
.alert--new {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 8px 8px 34px;
  font-size: 16px;
  box-shadow: none;
  min-height: auto;
  background: transparent;
  border: 1px solid #fff;
  border-radius: 4px;
}
.alert--new.show {
  display: flex;
}
.alert--new:after {
  position: absolute;
  top: 9px;
  left: 8px;
  display: block;
  height: 20px;
  width: 20px;
  font-style: normal;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: contain;
  mask-size: contain;
  content: '';
}
.alert--new.red {
  color: #FF4D4F;
  background: rgba(255, 204, 204, 0.8);
}
.alert--new.red:after {
  background-color: #FF4D4F;
  -webkit-mask-image: url(/resources/0270943b273a0e9f5555.svg);
  mask-image: url(/resources/0270943b273a0e9f5555.svg);
}
.alert--new.red .alert__timer {
  background: rgba(213, 0, 2, 0.3);
}
.alert--new.green {
  color: #00A859;
  background: rgba(220, 255, 203, 0.8);
}
.alert--new.green:after {
  background-color: #00A859;
  -webkit-mask-image: url(/resources/0625991ab2365809ca32.svg);
  mask-image: url(/resources/0625991ab2365809ca32.svg);
}
.alert--new.green .alert__timer {
  background: rgba(0, 168, 89, 0.3);
}
.alert--new.orange {
  color: #B43800;
  background: rgba(255, 226, 201, 0.8);
}
.alert--new.orange:after {
  background-color: #B43800;
  -webkit-mask-image: url(/resources/ae53f921d7a65bf1260d.svg);
  mask-image: url(/resources/ae53f921d7a65bf1260d.svg);
}
.alert--new.orange .alert__timer {
  background: rgba(180, 56, 0, 0.3);
}
.alert--new:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  backdrop-filter: blur(8px);
  content: '';
}
.alert--new .alert-text {
  margin: 0;
}
.alert--new .alert-text span {
  color: inherit !important;
}
.alert--new .alert-text a {
  color: inherit;
  text-decoration: underline;
}
.alert--new .alert-text a:hover {
  color: #117FF5;
}
.alert--new .alert-actions {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: 4px;
}
.alert--new .alert-actions a {
  text-decoration: none;
  border: 1px solid;
}
.alert--new .alert-actions a:hover {
  color: inherit;
  background: rgba(255, 255, 255, 0.8);
}
.alert--new .alert__timer {
  height: 2px;
}
.alert--new .alert-action {
  margin: 0 8px 4px 0;
  padding: 0 8px;
  line-height: 32px;
  color: inherit !important;
  background: #fff;
}
.alert--new .alert-action:first-child {
  margin-top: 12px;
}
.alert--new .alert-close {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 12px;
  width: 12px;
  height: 12px;
  margin: 5px 0 auto 18px;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 50%;
}
.alert--new .alert-close .icon {
  color: #242F39;
  pointer-events: none;
}
.alert--new .alert-close:hover .icon {
  background-color: #117FF5;
}
.qty-input {
  position: relative;
  display: flex;
  background: #FFE7DD;
  border-radius: 4px;
  height: 44px;
  width: 175px;
  line-height: 44px;
}
@media (min-width: 375px) {
  .qty-input {
    width: 210px;
  }
}
@media (min-width: 576px) {
  .qty-input {
    width: 270px;
  }
}
.qty-input .count {
  display: block;
  background: transparent;
  width: 5ch;
  border: 0;
  padding: 0 !important;
  text-align: center;
  font-size: 14px;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
@media (min-width: 1024px) {
  .qty-input .count {
    font-size: 16px;
  }
}
.qty-input .count::-webkit-inner-spin-button,
.qty-input .count::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
.qty-input .count:focus {
  border: 0;
  outline: none;
  box-shadow: none;
}
.qty-input .icon {
  background-color: #FFAB88;
}
.qty-input .icon:hover {
  background-color: #FB7234;
}
.qty-plus,
.qty-minus {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  background: transparent;
  height: 100%;
  width: 44px;
  min-width: 44px;
  border-radius: 4px;
  touch-action: manipulation;
}
.qty-plus:hover .icon,
.qty-minus:hover .icon {
  background-color: #FB7234;
}
.qty-hidden {
  visibility: hidden;
}
.qty-opacity {
  cursor: default;
  opacity: 0.3;
}
.qty-opacity:hover {
  background: #F6F7FB;
  color: #667894;
}
.qty-val {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  flex-grow: 1;
  height: 100%;
  text-align: center;
  color: #242F39;
}
@media (min-width: 375px) {
  .qty-val {
    font-size: 16px;
  }
}
.qty-val .entity-wrap {
  display: inline-flex;
  margin-right: 4px;
}
.qty-val-entity {
  font-size: 12px;
  line-height: 1;
  color: rgba(36, 47, 57, 0.6);
}
@media (min-width: 576px) {
  .qty-val-entity--inline {
    display: flex;
    align-items: center;
  }
}
.qty-val-entity--inline .entity-suffix,
.qty-val-entity--inline .entity-max {
  margin-right: 4px;
}
.qty-val-entity div {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.3;
  color: #242F39;
}
@media (min-width: 375px) {
  .qty-val-entity div {
    font-size: 16px;
  }
}
.qty-max {
  display: none;
  margin-right: 4px;
}
.qty-entity {
  align-items: center;
  height: 45px;
  width: 175px;
}
@media (min-width: 375px) {
  .qty-entity {
    width: 210px;
  }
}
@media (min-width: 576px) {
  .qty-entity {
    width: 270px;
  }
}
.qty-entity .count {
  display: none;
}
.qty-entity + .btn {
  height: 45px;
}
.card {
  position: relative;
  padding: 0 16px;
  border-radius: 0 0 4px 4px;
}
@media (min-width: 1024px) {
  .card {
    padding: 0 24px;
  }
}
.card-form {
  padding: 16px 0 8px;
}
@media (min-width: 768px) {
  .card-form {
    display: flex;
  }
}
@media (min-width: 1024px) {
  .card-form {
    padding: 24px 0 8px;
  }
}
.card-form__holder input {
  text-transform: uppercase;
}
.card-form__holder input::-webkit-input-placeholder {
  text-transform: none;
}
.card-form__holder input::-moz-placeholder {
  text-transform: none;
}
.card-form__holder input:-moz-placeholder {
  text-transform: none;
}
.card-form__holder input:-ms-input-placeholder {
  text-transform: none;
}
.card-form .cvv img {
  position: absolute;
  top: 50%;
  right: 12px;
  pointer-events: none;
  transform: translateY(-50%);
}
.card-left {
  flex-grow: 1;
}
@media (min-width: 768px) {
  .card-right {
    width: 41%;
    max-width: 240px;
    padding: 0 0 0 24px;
  }
}
.card-add {
  width: 100%;
  justify-content: space-between;
  margin: 0 -10px 0;
  width: calc(100% + 20px);
  white-space: normal !important;
  text-align: right;
}
@media (min-width: 768px) {
  .card-add {
    justify-content: flex-end;
    margin: 0 -10px 0 0;
    width: auto;
  }
}
.card-add:hover {
  color: #117FF5;
}
.card-additional {
  display: none;
  border-top: 1px solid #DCE8FA;
}
.card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  padding: 16px 0 0;
}
.card-header .btn {
  color: #667894;
  padding: 0;
}
.card-header img {
  margin: 0 0 0 5px;
}
.card-date {
  display: flex;
}
@media (min-width: 375px) {
  .card-date {
    max-width: 100%;
  }
}
@media (min-width: 768px) {
  .card-date {
    margin: 0;
  }
}
.card-date .input-wrap {
  width: 50%;
}
.card-date .input-wrap:not(:last-child) {
  margin-right: 10px;
}
@media (min-width: 768px) {
  .card-bottom {
    display: flex;
    justify-content: space-between;
  }
}
.card-bottom .summ {
  display: none;
}
@media (min-width: 768px) {
  .card-bottom .summ {
    display: block;
    height: 0;
    visibility: hidden;
  }
}
.card-bottom .summ-active {
  display: block;
  height: auto;
  visibility: unset;
}
@media (min-width: 768px) {
  .card-bottom .summ {
    min-width: 140px;
    width: 140px;
  }
}
@media (min-width: 1200px) {
  .card-bottom .summ {
    min-width: 48%;
    width: 48%;
  }
}
.card-bottom .summ .input-wrap {
  margin: 0;
}
.card-count {
  display: none;
}
.card-logo {
  position: absolute;
  top: 50%;
  right: 24px;
  transform: translateY(-50%);
}
.card-logo.hidden {
  display: none;
}
.card-process {
  position: absolute;
  top: 0;
  right: 0;
  bottom: -20px;
  left: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #FAFCFF;
}
.card-process .loader {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  background: #0d0d0d;
  border-radius: 4px;
}
.card-process p {
  margin: 0 0 20px;
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
}
.card .icon-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  background: #E1F0FF;
  border-radius: 50%;
  margin: 0 0 0 9px;
}
.card .icon-minus {
  background-color: #667894;
}
.not-enough {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 20px 15px;
  background: #242F39;
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  transition: all 0.2s ease-in-out;
}
@media (min-width: 768px) {
  .not-enough {
    flex-direction: column;
    flex-wrap: nowrap;
  }
}
@media (min-width: 1024px) {
  .not-enough {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.not-enough.is-open {
  visibility: visible;
  opacity: 1;
}
.not-enough img {
  max-width: 24px;
  min-width: 24px;
  margin: 0 10px 0 0;
}
@media (min-width: 768px) {
  .not-enough img {
    margin: 0 auto 10px;
  }
}
@media (min-width: 1024px) {
  .not-enough img {
    width: 40px;
    min-width: 40px;
    margin: 0 15px 0 0;
  }
}
.not-enough p {
  width: calc(100% - 34px);
}
@media (min-width: 768px) {
  .not-enough p {
    width: 100%;
    text-align: center;
    font-size: 20px;
    line-height: 30px;
  }
}
@media (min-width: 1024px) {
  .not-enough p {
    width: calc(100% - 55px);
    text-align: left;
  }
}
.not-enough .btns {
  position: relative;
  display: flex;
  justify-content: space-around;
  width: 100%;
  margin-top: auto;
}
.not-enough .btns:before {
  content: '';
  height: 100%;
  width: 1px;
  background: #667894;
  position: absolute;
  left: 50%;
  margin-left: -0.5px;
}
.not-enough button {
  background: transparent;
  border: 0;
  color: #fff;
  font-weight: 500;
  line-height: 44px;
  width: 100%;
}
@media (min-width: 768px) {
  .not-enough button {
    width: auto;
  }
}
[data-fancybox] {
  cursor: pointer;
}
.relative {
  position: relative;
}
.sidebar {
  position: relative;
  z-index: 3;
  background: #F6F7FB;
  border-right: 1px solid #DCE8FA;
}
@media (max-width: 1024px) {
  .sidebar-open {
    overflow: hidden;
  }
  .sidebar-open .content {
    z-index: 5;
  }
}
.sidebar.sidebar-light {
  background: #F6F7FB;
  color: #242F39;
}
@media (min-width: 1024px) {
  .sidebar.sidebar-light {
    border-right: 1px solid #DCE8FA;
  }
}
.sidebar.sidebar-light a {
  color: #242F39;
}
.sidebar.sidebar-light .anchors-body .link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 14px;
  margin: 0 0 16px;
}
.sidebar.sidebar-light .anchors-body .icon {
  background-color: #667894;
}
.sidebar.sidebar-light .anchors-subtitle {
  padding: 16px 16px 20px;
  font-weight: 700;
  color: #667894;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 20px;
}
@media (min-width: 1024px) {
  .sidebar.sidebar-light .anchors-subtitle {
    padding: 24px 14px 16px;
  }
}
@media (min-width: 1024px) {
  .sidebar {
    width: 290px;
    min-width: 290px;
  }
}
.sidebar .backdrop {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(26, 61, 94, 0.5);
  transition: all 0.2s ease-in-out;
}
.sidebar-article {
  display: block;
  background: #fff;
  border-radius: 4px;
  border: 1px solid #DCE8FA;
  margin: 30px 0 0;
  overflow: hidden;
  cursor: pointer;
}
.sidebar-article:hover {
  color: #242F39;
}
.sidebar-article img {
  display: block;
  width: 100%;
  background: #FB7234;
}
.sidebar-article .text {
  display: block;
  padding: 15px 15px 20px;
}
.sidebar-article b {
  display: block;
  margin: 0 0 5px;
  font-weight: 700;
}
.sidebar-cta {
  margin: 24px 0 8px;
  padding: 16px;
  background: #fff;
  border-radius: 4px;
}
.sidebar-cta__title {
  margin: 0 0 8px;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.4;
}
.sidebar-cta__text {
  margin: 0 0 16px;
}
.sidebar-cta img {
  display: block;
  margin: 0 0 16px;
}
.sidebar-cta .btn {
  width: 100%;
  height: 56px;
}
.sidebox {
  background: #fff;
  position: fixed;
  z-index: 2;
  bottom: 0;
  right: 0;
  left: 0;
  box-shadow: 0 -4px 20px rgba(57, 47, 28, 0.2);
}
@media (min-width: 1024px) {
  .sidebox {
    position: relative;
    box-shadow: none;
    border-bottom: 1px solid #DCE8FA;
    background: #FBFBFD;
  }
}
@media (max-width: 1024px) {
  .sidebox.is-open ~ .backdrop {
    visibility: visible;
    opacity: 1;
  }
  .sidebox.is-open .sort-btns {
    display: flex;
  }
}
.sidebox.is-open .sidebox-header {
  padding: 16px 16px 0;
}
.sidebox.is-open .sidebox-title .icon,
.sidebox.is-open .sidebox-counter {
  display: none;
}
.sidebox.is-open .sidebox-close {
  display: flex;
}
.sidebox-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 48px;
  font-weight: 500;
  font-size: 16px;
  padding: 16px;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .sidebox-header {
    padding: 32px 16px 16px;
    font-size: 16px;
    line-height: 20px;
    cursor: initial;
  }
}
.sidebox-header p {
  margin: 0 auto 0 0;
}
.sidebox-title {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
}
.sidebox-counter {
  position: absolute;
  top: -3px;
  left: -5px;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 17px;
  height: 17px;
  padding: 0 4px;
  border-radius: 50%;
  background: #242F39;
  color: #fff;
  font-weight: 700;
  font-size: 14px;
}
.sidebox-close {
  display: none;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 0;
  padding: 0;
}
.sidebox-close .icon {
  -webkit-mask-size: 20px;
  mask-size: 20px;
}
.sidebox-body {
  display: none;
  padding: 0 16px 92px;
  margin: 0 auto;
  max-width: 375px;
  max-height: calc(100vh - 104px);
  overflow: auto;
}
@supports (height: 100dvh) {
  .sidebox-body {
    max-height: calc(100dvh - 104px);
  }
}
@media (min-width: 1024px) {
  .sidebox-body {
    max-height: initial;
    display: block !important;
    padding: 0 30px 8px;
  }
}
.anchors {
  position: fixed;
  z-index: 2;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  box-shadow: 0 -4px 20px rgba(57, 47, 28, 0.2);
  transition: all 0.2s ease-in-out;
  transform: translateY(105%);
  max-height: 100vh;
  overflow: auto;
}
@supports (height: 100dvh) {
  .anchors {
    max-height: 100dvh;
  }
}
@media (min-width: 1024px) {
  .anchors {
    position: relative;
    bottom: initial;
    max-height: initial;
    background: transparent;
    box-shadow: none;
    transform: translateY(0);
  }
}
.anchors.is-open {
  transform: translateY(0);
}
@media (max-width: 1024px) {
  .anchors.is-open ~ .backdrop {
    visibility: visible;
    opacity: 1;
  }
}
@media (min-width: 1024px) {
  .anchors button {
    display: none;
  }
}
.anchors-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 19px;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  border-bottom: 1px solid #D2E4FF;
  color: #667894;
}
@media (min-width: 1024px) {
  .anchors-header {
    border-bottom: 0;
    padding: 24px 30px 12px;
  }
}
.anchors-header p {
  margin: 0;
  color: #667894;
}
.anchors-header button {
  border: 1px solid #E1F0FF;
  color: #117FF5;
  border-radius: 25px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  padding: 0 8px;
  margin: 0 0 0 10px;
  background: #E1F0FF;
  text-transform: uppercase;
}
@media (min-width: 1024px) {
  .anchors-header button {
    display: none;
  }
}
@media (min-width: 1024px) {
  .anchors-body {
    padding: 0 16px;
  }
}
.anchors-body ul {
  list-style-type: none;
  padding: 0 0 24px;
  margin: 0;
}
.anchors-body a {
  display: block;
  padding: 8px 16px;
  color: #242F39;
}
@media (min-width: 1024px) {
  .anchors-body a {
    padding: 8px 14px;
    border-radius: 4px;
  }
}
.anchors-body a.active {
  background: #e1f0ff;
  color: #242F39;
}
.anchors-body a:hover {
  color: #117FF5;
}
.anchors .social-share li {
  width: 100%;
  margin: 0 14px 16px;
}
.anchors .social-share li:last-child {
  margin: 0 14px;
}
.anchors .social-share a {
  width: 100%;
  margin: 0;
  background: #FBFBFD;
}
.tabs-btn .tab-nav {
  justify-content: flex-start;
  padding: 0;
  margin: 12px 0 24px;
}
.tabs-btn .tab-nav li {
  position: relative;
  flex-grow: 1;
}
@media (min-width: 768px) {
  .tabs-btn .tab-nav li {
    flex-grow: initial;
  }
}
.tabs-btn .tab-nav li:first-child span {
  border-radius: 4px 0 0 4px;
}
.tabs-btn .tab-nav li:last-child span {
  border-radius: 0 4px 4px 0;
}
.tabs-btn .tab-nav span {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  padding: 0 10px;
  background: #F6F7FB;
  color: #117FF5;
  font-weight: 700;
}
@media (min-width: 1024px) {
  .tabs-btn .tab-nav span {
    height: 56px;
    width: 240px;
    max-width: 100%;
  }
}
.tabs-btn .tab-nav span.active {
  background: #117FF5;
  color: #fff;
}
.tabs-btn .tab-nav span.active.disabled {
  cursor: default;
  color: #fff;
  opacity: 0.5;
}
.tabs-btn .tab-nav span.disabled {
  color: rgba(17, 127, 245, 0.5);
  cursor: default;
}
.tabs-payment {
  position: relative;
}
.tabs-payment .tab-nav {
  display: flex;
  align-items: flex-end;
  background: #FAFCFF;
  border-radius: 4px 4px 0 0;
  list-style-type: none;
  margin: 0;
  padding: 24px 24px 0;
  border: 1px solid #DCE8FA;
  overflow: auto;
  white-space: nowrap;
}
.tabs-payment .tab-nav li {
  margin: 0 16px 0 0;
}
@media (min-width: 1024px) {
  .tabs-payment .tab-nav li {
    margin: 0 24px 0 0;
  }
}
.tabs-payment .tab-nav li span {
  height: 64px;
}
.tabs-payment .tab-nav a,
.tabs-payment .tab-nav span {
  display: block;
  text-align: center;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 700;
  opacity: 0.5;
  color: #117FF5;
  padding: 0 0 8px;
  border-bottom: 3px solid transparent;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .tabs-payment .tab-nav a,
  .tabs-payment .tab-nav span {
    padding: 0 0 12px;
    border-bottom: 3px solid transparent;
  }
}
.tabs-payment .tab-nav a:hover,
.tabs-payment .tab-nav span:hover {
  opacity: 1;
}
.tabs-payment .tab-nav img {
  display: block;
  margin: 0 auto 8px;
  height: 24px;
}
.tabs-payment .tab-nav .active {
  opacity: 1;
  border-bottom-color: #117FF5;
  filter: grayscale(0);
}
.tabs-payment .tab-nav .disabled {
  order: 1;
  opacity: 0.34;
}
.tabs-payment .tab-nav .disabled:hover span {
  opacity: 0.34;
}
.tabs-payment .tab-content {
  background: #FAFCFF;
  border: 1px solid #DCE8FA;
  border-top: 0;
  border-radius: 0 0 4px 4px;
}
.tabs-payment .tab-body {
  padding: 20px 10px;
}
@media (min-width: 768px) {
  .tabs-payment .tab-body {
    padding: 20px 15px;
  }
}
.tabs-payment .tab-cards {
  padding: 0;
}
.tabs-payment .high-risk {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: #FAFCFF;
  border: 1px solid #DCE8FA;
  border-radius: 4px;
}
.tabs-payment .high-risk__icon {
  width: 40px;
  margin: 0 auto 24px;
}
.tabs-payment .high-risk__text {
  max-width: 300px;
  margin: 0 auto 24px;
  text-align: center;
}
.tabs-payment .high-risk__more {
  color: #667894;
  cursor: pointer;
  transition: all 0.2s;
}
.tabs-payment .high-risk__more:hover {
  color: #117FF5;
}
.tab-nav {
  display: flex;
  width: 100%;
  list-style-type: none;
}
.tab-nav.disabled a,
.tab-nav.disabled span {
  cursor: default;
}
.tab-nav.disabled a:not(.active),
.tab-nav.disabled span:not(.active) {
  opacity: 0.3;
}
.tab-body {
  display: none;
  padding: 0 0 30px;
}
.scroll-top {
  position: fixed;
  right: 16px;
  bottom: 16px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border-radius: 50%;
  background: rgba(17, 127, 245, 0.32);
  backdrop-filter: blur(5px);
  border: 0;
  z-index: 8;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease-in-out;
  overflow: hidden;
}
@media (min-width: 768px) {
  .scroll-top {
    right: 30px;
    bottom: 80px;
  }
}
.scroll-top.is-show {
  opacity: 1;
  pointer-events: initial;
}
.scroll-top .icon {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  transform: rotate(180deg);
  background-color: #fff;
  -webkit-mask-size: 16px;
  mask-size: 16px;
}
.scroll-top-progress {
  width: 100%;
  height: 0;
  pointer-events: none;
  background: #91c4fa;
}
.product-page ~ .scroll-top {
  bottom: 86px;
}
@media (min-width: 768px) {
  .product-page ~ .scroll-top {
    bottom: 30px;
  }
}
#google-merchantwidget-iframe-wrapper {
  opacity: 0;
  transition: opacity 0.4s ease;
}
#google-merchantwidget-iframe-wrapper.visible {
  opacity: 1;
}
@media (max-width: 1024px) {
  #google-merchantwidget-iframe-wrapper {
    display: none;
  }
  #google-merchantwidget-iframe-wrapper.visible {
    display: none;
    opacity: 0;
  }
}
.lightstream {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  transition: color 0.2s ease-in-out;
  cursor: pointer;
}
.lightstream:hover {
  color: #117FF5;
}
.lightstream:hover .icon {
  background-color: #117FF5;
}
.lightstream .icon {
  margin-right: 8px;
  transition: all 0.2s ease-in-out;
}
.lightstream .under {
  font-weight: 500;
}
.sticky-widget {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 4;
  padding: 40px 16px 28px;
  background: #fff;
  box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.08);
  border-radius: 4px 4px 0px 0px;
  display: none;
}
.sticky-widget_visible {
  display: block;
}
@media (min-width: 768px) {
  .sticky-widget {
    right: 30px;
    left: auto;
    width: 390px;
    padding: 40px 24px 28px;
  }
}
.sticky-widget button {
  position: absolute;
  top: 16px;
  right: 16px;
  display: block;
  padding: 0;
  border: 0;
  background: transparent;
}
.sticky-widget button .icon {
  -webkit-mask-size: 20px;
  mask-size: 20px;
}
.sticky-widget p {
  font-weight: 500;
  font-size: 20px;
  line-height: 1.4;
}
.sticky-widget a {
  position: relative;
  display: flex;
  align-items: center;
  padding: 14px 34px 14px 14px;
  border: 1px solid #F3F8FE;
  border-radius: 4px;
}
.sticky-widget a:hover {
  background: #f3f8fe;
}
.sticky-widget a .icon {
  position: absolute;
  top: 8px;
  right: 8px;
  -webkit-mask-size: 12px;
  mask-size: 12px;
}
.sticky-widget img {
  width: 52px;
  min-width: 52px;
  margin-right: 16px;
}
.sticky-widget .icon {
  background-color: #667894;
}
.make-step {
  position: relative;
  background: #F6F7FB;
  border-radius: 4px;
  margin: 40px 0 0;
  padding: 24px;
}
@media (min-width: 1200px) {
  .make-step {
    margin: 80px 0 0;
    padding: 40px 40px 48px;
  }
}
.make-step.tablet-reverse {
  display: none;
}
@media (min-width: 1024px) {
  .make-step.tablet-reverse {
    display: block;
  }
}
.make-step.tablet-reverse p {
  max-width: 50%;
  margin: 0 0 12px;
  font-size: 16px;
  line-height: 24px;
  text-align: left;
}
@media (min-width: 1024px) {
  .make-step.tablet-reverse p {
    font-size: 20px;
    line-height: 30px;
    margin: 0 0 0 auto;
  }
}
.make-step.tablet-reverse b {
  font-weight: 700;
  font-size: 20px;
  line-height: 25px;
  margin: 0 0 8px;
}
@media (min-width: 1024px) {
  .make-step.tablet-reverse b {
    font-size: 28px;
    line-height: 32px;
    margin: 0 0 10px;
  }
}
.make-step.tablet-reverse form {
  display: block;
  max-width: 50%;
  margin: 12px 0 0;
}
@media (min-width: 1024px) {
  .make-step.tablet-reverse form {
    display: flex;
    margin: 20px 0 0 auto;
  }
}
.make-step.tablet-reverse input {
  margin: 0 0 16px;
}
@media (min-width: 1024px) {
  .make-step.tablet-reverse input {
    margin: 0 20px 0 0;
  }
}
.make-step.tablet-reverse img {
  position: absolute;
  display: block;
  left: auto;
  right: 30px;
  bottom: 0;
  max-width: 42%;
  max-height: 100%;
}
@media (min-width: 1024px) {
  .make-step.tablet-reverse img {
    left: 18px;
    right: auto;
    max-width: 80%;
  }
}
.make-step p {
  margin: 0 0 24px;
  color: #667894;
  font-size: 20px;
  line-height: 1.5;
}
.make-step b {
  display: block;
  margin: 0 0 16px;
  font-size: 28px;
  line-height: 1.3;
  color: #242F39;
}
@media (min-width: 1200px) {
  .make-step b {
    font-size: 40px;
    line-height: 1;
  }
}
@media (min-width: 768px) {
  .make-step form {
    display: flex;
    flex-wrap: wrap;
    max-width: 552px;
  }
}
@media (min-width: 1200px) {
  .make-step .input-icon {
    top: 18px;
  }
}
.make-step .input-wrap {
  margin: 0 0 16px;
}
@media (min-width: 768px) {
  .make-step .input-wrap {
    flex-grow: 1;
    margin: 0 16px 0 0;
  }
}
.make-step .btn {
  width: 100%;
  height: 56px;
  font-weight: 500;
}
@media (min-width: 768px) {
  .make-step .btn {
    width: 192px;
  }
}
.disclosure {
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: #667894;
  margin: 12px 0 0 0;
}
.disclosure a {
  font-weight: 500;
  color: #667894;
  border-bottom: 1px solid #6678944A;
}
.popup-body .disclosure:last-child {
  margin-top: 12px;
}
.calc-box .disclosure {
  margin-top: 12px;
}
.make-step .disclosure {
  font-size: 12px;
  margin-top: 12px;
  margin-bottom: 0px;
}
.get-updates .disclosure {
  margin-top: 12px;
  margin-bottom: 0px;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: #667894;
  margin: 12px 0 0 0;
}
.read-us .disclosure {
  font-size: 12px;
  margin-top: 12px;
  line-height: 18px;
  font-weight: 400;
  text-transform: none;
}
.read-us .disclosure a {
  font-weight: 500;
  color: #667894;
  border-bottom: 1px solid #6678944A;
}
.distributor {
  margin: 0 -16px;
  padding: 40px 16px 0;
}
@media (min-width: 1024px) {
  .distributor {
    margin: 56px -30px 0;
    padding: 40px 30px 0;
    border-top: 1px solid #DCE8FA;
  }
}
.distributor-title {
  margin: 0 0 8px;
  font-size: 32px;
}
@media (min-width: 1200px) {
  .distributor-title {
    font-size: 40px;
  }
}
.distributor-logo {
  display: block;
  max-height: 32px;
  margin: 0 0 40px;
}
@media (min-width: 1200px) {
  .distributor-wrap {
    display: grid;
    grid-template-columns: 1fr 373px;
    gap: 40px;
  }
}
.distributor-wrap .tab-nav {
  margin-bottom: 24px;
}
.distributor-wrap .tab-nav li {
  margin-right: 16px;
  flex-grow: initial;
}
.distributor-wrap .tab-nav a,
.distributor-wrap .tab-nav span {
  width: auto;
  height: 30px;
  padding: 0;
  background: transparent;
  color: #667894;
  border-radius: 0 !important;
  border-bottom: 4px solid transparent;
}
.distributor-wrap .tab-nav a:hover,
.distributor-wrap .tab-nav span:hover {
  color: #117FF5;
}
.distributor-wrap .tab-nav a.active,
.distributor-wrap .tab-nav span.active {
  background: transparent;
  border-color: #117FF5;
  color: #117FF5;
}
.distributor-wrap .tab-content {
  max-width: 840px;
}
.distributor-wrap .tab-body {
  padding: 0;
}
.distributor-wrap .category-text {
  max-width: 840px;
}
.distributor-wrap .section-title {
  display: none;
}
.distributor-wrap .articles {
  margin: 0 !important;
}
.distributor-wrap .article {
  margin: 24px 0 0 !important;
  padding: 24px 0 0 !important;
}
@media (min-width: 1200px) {
  .distributor-wrap .article:first-child {
    border-top: 1px solid #DCE8FA !important;
  }
}
.distributor-wrap .article-main {
  width: 100% !important;
  padding: 0 !important;
}
.distributor-wrap .article-main-title {
  margin: 0 !important;
  font-size: 16px;
  line-height: 1.33;
}
@media (min-width: 768px) {
  .distributor-wrap .article-main-title {
    font-size: 20px;
  }
}
@media (min-width: 1024px) {
  .distributor-wrap .article-main-title {
    font-size: 24px !important;
  }
}
.distributor-wrap .article-lists {
  width: 100% !important;
}
.distributor-wrap .article-lists .article-title {
  font-weight: normal;
}
.distributor-wrap .article-lists .btn-more {
  margin-top: 24px;
}
.distributor-wrap .article-title {
  font-size: 16px;
  line-height: 1.33;
}
@media (min-width: 768px) {
  .distributor-wrap .article-title {
    font-size: 20px;
  }
}
@media (min-width: 1024px) {
  .distributor-wrap .article-title {
    font-size: 24px;
  }
}
.distributor-top {
  margin: 0 0 40px;
}
@media (min-width: 1440px) {
  .distributor-top {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px 24px;
    max-width: 840px;
  }
}
.distributor-cert {
  display: block;
  margin: 0 0 16px;
  transition: all 0.2s;
}
@media (min-width: 1440px) {
  .distributor-cert {
    min-width: 208px;
    max-width: 208px;
    margin: 0;
  }
}
.distributor-cert a {
  display: inline-block;
  vertical-align: top;
  transition: all 0.3s;
}
.distributor-cert a:hover {
  opacity: 0.8;
}
.distributor-cert img {
  display: block;
  border-radius: 8px;
  border: 1px solid #DCE8FA;
}
.distributor-cert-alt {
  color: #117FF5;
  font-weight: 500;
  white-space: nowrap;
}
@media (min-width: 1440px) {
  .distributor-cert-alt {
    order: 1;
  }
}
.distributor-list {
  flex-grow: 1;
  margin: 24px 0 0;
  padding: 0;
  list-style-type: none;
}
@media (min-width: 1440px) {
  .distributor-list {
    max-width: calc(100% - 232px);
    margin: 0;
  }
}
.distributor-list li {
  position: relative;
  padding: 0 0 0 28px;
}
.distributor-list li:not(:last-child) {
  margin: 0 0 24px;
}
@media (min-width: 1200px) {
  .distributor-list li:not(:last-child) {
    margin: 0 0 16px;
  }
}
.distributor-list li:before {
  position: absolute;
  top: 2px;
  left: 0;
  display: block;
  height: 18px;
  width: 18px;
  background-color: #242F39;
  font-style: normal;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-image: url(/resources/3bda3405bfb515e0dcdd.svg);
  mask-image: url(/resources/3bda3405bfb515e0dcdd.svg);
  mask-size: contain;
  -webkit-mask-size: contain;
  content: '';
}
@media (min-width: 1200px) {
  .distributor-sidebar--mobile {
    display: none;
  }
}
.distributor-sidebar--desktop {
  display: none;
}
@media (min-width: 1200px) {
  .distributor-sidebar--desktop {
    display: block;
  }
}
.distributor-sidebar__title {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 8px;
  font-weight: 700;
  font-size: 24px;
  line-height: 1.5;
}
.distributor-sidebar__link {
  display: flex;
  align-items: center;
  gap: 4px;
  margin: 0 0 24px;
  font-weight: 500;
  color: #117FF5;
}
.distributor-sidebar__link .icon {
  background-color: #117FF5;
}
.distributor-info {
  max-width: 520px;
  margin: 0 0 24px;
  border: 1px solid #DCE8FA;
  border-radius: 4px;
}
.distributor-photos {
  display: grid;
  gap: 16px;
  margin: 0 0 40px;
}
@media (min-width: 1024px) {
  .distributor-photos {
    grid-template-columns: repeat(2, 1fr);
    margin: 0 0 24px;
  }
}
.distributor-photos img {
  display: block;
  width: 100%;
  border-radius: 4px;
}
.distributor-seo {
  margin: 16px 0 40px;
  padding: 16px;
  border: 1px solid #DCE8FA;
  border-radius: 4px;
}
.distributor-seo .user {
  display: flex;
  align-items: center;
  margin: 0 0 16px;
}
.distributor-seo .name {
  font-weight: 700;
  font-size: 16px;
}
.distributor-seo .gray {
  font-size: 14px;
  line-height: 1.5;
}
.distributor-seo img {
  min-width: 56px;
  max-width: 56px;
  margin-right: 12px;
  border-radius: 50%;
}
.distributor-seo p {
  font-size: 16px;
  font-style: italic;
}
.distributor-more {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-top: 24px;
  font-weight: 500;
  color: #117FF5;
}
.distributor-more .icon {
  background-color: #117FF5;
  transition: all 0.3s;
}
.distributor-more:hover {
  color: #FB7234;
}
.distributor-more:hover .icon {
  background-color: #FB7234;
}
.distributor--inproduct {
  margin: 56px 0 40px;
  padding: 0;
  border: 0;
}
.distributor--inproduct .distributor-wrap {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
}
.distributor--inproduct .distributor-title {
  font-size: 24px;
}
@media (min-width: 1024px) {
  .distributor--inproduct .distributor-title {
    font-size: 40px;
  }
}
.video-wrapper {
  position: relative;
  margin: 0 0 16px;
  padding-bottom: 56.25%;
  overflow: hidden;
}
.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-width: 0;
  outline-width: 0;
}
.bwidget-backdrop {
  display: none;
}
.bwidget-show {
  position: fixed;
  right: 16px;
  bottom: 126px;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: #117FF5;
  border: 0;
  border-radius: 50%;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .bwidget-show {
    right: 20px;
    bottom: 16px;
    gap: 10px;
    height: 40px;
    width: auto;
    padding: 4px 16px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.12);
  }
}
@media (min-width: 768px) {
  .bwidget-show img {
    display: none;
  }
}
.bwidget-show__dialog {
  position: absolute;
  right: 0;
  bottom: 100%;
  margin: 0 0 12px;
  padding: 10px;
  font-weight: 700;
  font-size: 14px;
  background: #fff;
  box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.12);
  border-radius: 12px;
}
@media (min-width: 768px) {
  .bwidget-show__dialog {
    display: none !important;
  }
}
.bwidget-show__dialog:after {
  position: absolute;
  right: 14px;
  bottom: -5px;
  display: block;
  width: 12px;
  height: 12px;
  transform: rotate(45deg);
  background: #fff;
  border-radius: 2px;
  content: '';
}
.bwidget-show__text {
  display: none;
}
@media (min-width: 768px) {
  .bwidget-show__text {
    display: block;
    font-weight: 700;
    font-size: 16px;
  }
}
.bwidget-show .icon {
  display: none;
}
@media (min-width: 768px) {
  .bwidget-show .icon {
    display: block;
    transform: rotate(180deg);
    background-color: #667894;
  }
}
.bwidget-show:hover .bwidget-show__text {
  color: #117FF5;
}
.bwidget-show:hover .icon-down {
  background-color: #117FF5;
}
.bwidget-content {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 8;
  padding: 32px 16px;
  background: #fff;
  transform: translateY(105%);
  transition: all 0.3s;
}
@media (min-width: 768px) {
  .bwidget-content {
    right: 20px;
    left: auto;
    z-index: 4;
    width: 442px;
    padding: 24px;
    box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.12);
    border-radius: 4px 4px 0 0;
  }
}
.bwidget-close {
  display: none;
  position: absolute;
  right: 12px;
  top: -40px;
  width: 24px;
  height: 24px;
  padding: 0;
  background: transparent;
  border: 0;
}
@media (min-width: 768px) {
  .bwidget-close {
    right: 16px;
    top: 16px;
  }
}
@media (max-width: 768px) {
  .bwidget-close .icon {
    mask-size: 20px;
    -webkit-mask-size: 20px;
    background-color: #fff;
  }
}
@media (min-width: 768px) {
  .bwidget-close .icon-close {
    display: none;
  }
}
.bwidget-close .icon-down {
  display: none;
}
@media (min-width: 768px) {
  .bwidget-close .icon-down {
    display: block;
  }
}
@media (min-width: 768px) {
  .bwidget-top {
    display: grid;
    grid-template-columns: 40px 1fr;
    gap: 16px;
  }
}
@media (min-width: 768px) {
  .bwidget-top br {
    display: none;
  }
}
.bwidget-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 67px;
  height: 67px;
  margin: 0 auto 24px;
  background: #F6F7FB;
  border-radius: 16px;
}
@media (min-width: 768px) {
  .bwidget-icon {
    width: 40px;
    height: 40px;
    border-radius: 4px;
  }
}
@media (min-width: 768px) {
  .bwidget-icon img {
    width: 26px;
  }
}
.bwidget-img {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
@media (min-width: 768px) {
  .bwidget-img {
    margin: 2px 0 0;
  }
}
.bwidget-dot {
  position: relative;
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #69DD82;
}
.bwidget-dot:before {
  position: absolute;
  top: -8px;
  left: -8px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: rgba(105, 221, 130, 0.31);
  animation: pulse 1.3s ease-in-out infinite;
  content: '';
}
.bwidget-success {
  display: none;
}
.bwidget-success p {
  text-align: center;
}
.bwidget-success img {
  display: block;
  margin: 0 auto 16px;
}
.bwidget-title {
  margin: 0 0 12px;
  font-weight: 500;
  font-size: 24px;
  text-align: center;
}
@media (min-width: 768px) {
  .bwidget-title {
    margin: 0 0 4px;
    text-align: left;
    font-size: 20px;
  }
}
.bwidget-text {
  margin: 0 0 16px;
  text-align: center;
}
@media (min-width: 768px) {
  .bwidget-text {
    text-align: left;
  }
}
.bwidget-form .input-wrap .helptext {
  display: none;
}
.bwidget-form .input-wrap.is-error .helptext {
  display: block !important;
}
.bwidget-form .btn {
  width: 100%;
  height: 56px;
}
.bwidget.is-open .bwidget-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 8;
  display: block;
  background: rgba(0, 0, 0, 0.54);
}
@media (min-width: 768px) {
  .bwidget.is-open .bwidget-backdrop {
    display: none;
  }
}
.bwidget.is-open .bwidget-close {
  display: block;
}
.bwidget.is-open .bwidget-content {
  transform: translateY(0);
}
.bwidget.is-success .bwidget-form,
.bwidget.is-success .bwidget-top {
  display: none;
}
.bwidget.is-success .bwidget-close .icon-close {
  display: block;
  mask-size: 20px;
  -webkit-mask-size: 20px;
}
.bwidget.is-success .bwidget-close .icon-down {
  display: none;
}
.bwidget.is-success .bwidget-success {
  display: block;
}
@media (min-width: 768px) {
  .bwidget--quiz .bwidget-top {
    grid-template-columns: 55px 1fr;
  }
}
.bwidget--quiz .bwidget-show {
  padding: 0;
}
@media (min-width: 768px) {
  .bwidget--quiz .bwidget-show {
    padding: 16px;
  }
}
.bwidget--quiz .bwidget-icon {
  width: 55px;
  height: 55px;
}
.bwidget--quiz .bwidget-icon img {
  width: 100%;
}
.bwidget--quiz .btn {
  width: 100%;
  height: 56px;
  gap: 18px;
}
.bwidget--quiz.is-open ~ .crisp-client #crisp-chatbox-chat {
  margin-bottom: 120px !important;
}
@keyframes pulse {
  0% {
    transform: scale(0.4);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.4);
  }
}
.product-page ~ .bwidget .bwidget-show {
  bottom: 136px;
}
.crisp-toggle {
  position: fixed;
  z-index: 2;
  right: 16px;
  bottom: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  background: #117FF5;
  border: 0;
  border-radius: 50%;
  transition: all 0.2s;
}
@media (min-width: 768px) {
  .crisp-toggle {
    right: 30px;
    bottom: 16px;
  }
}
.crisp-toggle.opened img {
  display: none;
}
.crisp-toggle.opened .icon {
  display: block;
}
.crisp-toggle .icon {
  display: none;
  background-color: #fff;
}
.crisp-toggle .icon:hover {
  background-color: #fff;
}
.crisp-toggle:hover {
  opacity: 0.9;
}
@media (min-width: 768px) {
  .crisp-toggle:not([style="display:none;"]) ~ .bwidget .bwidget-show {
    right: 86px;
  }
}
.crisp-client #crisp-chatbox > div > div[role="button"] {
  display: none !important;
}
.crisp-client #crisp-chatbox-chat {
  margin: 0 !important;
}
.crisp-client #crisp-chatbox-button {
  display: none !important;
}
.crisp-client [data-id="general_entice"] {
  display: none !important;
}
.takeaways {
  margin: 0 0 24px;
  padding: 16px;
  border: 1px solid #DCE8FA;
  border-radius: 4px;
}
.takeaways p:last-child,
.takeaways ul:last-child,
.takeaways ol:last-child {
  margin: 0;
}
.iframe-video {
  margin: 0 0 24px;
  height: 300px;
  width: 100%;
  background: #e9e9e9;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #555;
  font-family: Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  border: 1px solid #ccc;
  /* Лёгкая рамка для обозначения границ */
}
.iframe-video::before {
  content: "Youtube iframe";
}
.iframe-youtube {
  margin: 0 0 24px;
  height: 300px;
  width: 100%;
}
.info-success {
  margin: 0 0 24px;
  padding: 24px;
  border-radius: 4px;
  background: #EDFFEA;
}
.info-header {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 0 0 16px;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.33;
}
@media (min-width: 1024px) {
  .info-header {
    font-size: 24px;
  }
}
.info-header .emoji {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 56px;
  width: 56px;
  height: 56px;
  font-size: 20px;
  border-radius: 50%;
  background: #FBFBFB;
}
.info-header h2,
.info-header h3 {
  margin: 0;
  font-size: inherit;
}
@media (min-width: 1024px) {
  .info-body {
    font-size: 20px;
    line-height: 1.5;
  }
}
.list-steps {
  display: grid;
  gap: 32px;
  margin: 0 0 24px;
  padding: 0;
  list-style-type: none;
  counter-reset: counter;
}
@media (min-width: 1024px) {
  .list-steps {
    font-size: 20px;
  }
}
.list-steps li {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  min-height: 55px;
  padding-left: 80px;
  counter-increment: counter;
}
.list-steps li:before {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  font-weight: 700;
  font-size: 24px;
  background: #F3F8FE;
  content: counter(counter) "";
}
.list-steps li b:first-child {
  display: block;
  width: 100%;
  font-size: 20px;
  line-height: 1.3;
}
@media (min-width: 1024px) {
  .list-steps li b:first-child {
    font-size: 24px;
  }
}
.compare-cols {
  display: grid;
  gap: 16px;
  margin: 0 0 24px;
}
@media (min-width: 1024px) {
  .compare-cols {
    grid-template-columns: 1fr 1fr;
    font-size: 20px;
    line-height: 1.5;
  }
}
.compare-cols p,
.compare-cols ul,
.compare-cols ol {
  margin: 0 0 16px;
}
.compare-cols p:last-child,
.compare-cols ul:last-child,
.compare-cols ol:last-child {
  margin: 0;
}
.compare-cols ul,
.compare-cols ol {
  display: grid;
  gap: 8px;
}
.compare-title {
  font-weight: 700;
  font-size: 24px;
  line-height: 1.33;
}
.compare-plus,
.compare-minus {
  padding: 16px;
  border: 1px solid #DCE8FA;
  border-radius: 4px;
}
.compare-plus {
  background: #EDFFF1;
}
.compare-minus {
  background: #FFEDED;
}
.share {
  position: relative;
  z-index: 1;
  display: inline-block;
  margin-left: auto;
}
.share-toggle {
  display: flex;
  align-items: center;
  gap: 4px;
  width: 100%;
  height: 40px;
  margin: 0 0 16px;
  padding: 0 12px;
  background: #F3F8FE;
  border: 0;
  border-radius: 4px;
}
.share-toggle:hover {
  background: #E4EDF9;
}
.share-toggle:hover .icon {
  background-color: #242F39;
}
.share-dropdown {
  position: absolute;
  top: 100%;
  right: 0;
  display: none;
  margin: 8px 0 0;
  background: #fff;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.06);
  border-radius: 4px;
}
@media (min-width: 1024px) {
  .share-dropdown {
    min-width: 356px;
  }
}
.share-dropdown.is-open {
  display: block;
}
.share-copy {
  width: calc(100% - 32px);
  margin: 0 16px;
  padding: 16px 0;
  background: transparent;
  border: 0;
  border-bottom: 1px solid #DCE8FA;
}
.share-copy div {
  display: flex;
  align-items: center;
  gap: 6px;
}
.share-lists {
  display: grid;
  align-items: flex-start;
  gap: 16px 24px;
  padding: 16px;
}
@media (min-width: 1024px) {
  .share-lists {
    grid-template-columns: repeat(2, 1fr);
  }
}
.share-list {
  display: grid;
  gap: 16px 24px;
  list-style-type: none;
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
.share-list li:nth-child(even) {
  order: 1;
}
@media (min-width: 1024px) {
  .share-list li:nth-child(even) {
    order: initial;
  }
}
.share-list a {
  display: flex;
  align-items: center;
  gap: 6px;
}
.share-list a:hover {
  color: #242F39;
  opacity: 0.75;
}
.share-list .icon,
.share-list img {
  min-width: 24px;
  max-width: 24px;
}
.subscribing {
  margin: 0 0 56px;
  padding: 40px 16px 0;
  border: 1px solid #DCE8FA;
  border-radius: 24px;
}
@media (min-width: 1024px) {
  .subscribing {
    margin: 0 0 100px;
    padding: 56px;
    background: url('/assets/img/subscribing-pc.png') no-repeat right center;
    background-size: contain;
  }
}
.subscribing__title {
  margin: 0 0 16px;
  font-weight: 700;
  font-size: 32px;
  line-height: 1.2;
}
@media (min-width: 1024px) {
  .subscribing__title {
    font-size: 56px;
  }
}
.subscribing__text {
  max-width: 360px;
  margin: 0 0 24px;
}
@media (min-width: 1024px) {
  .subscribing form {
    display: grid;
    grid-template-columns: 1fr 192px;
    width: 553px;
    gap: 8px 16px;
  }
}
.subscribing .btn {
  width: 100%;
  height: 56px;
  margin: 0 0 16px;
}
.subscribing .disclosure {
  margin: 0;
}
@media (min-width: 1024px) {
  .subscribing .disclosure {
    grid-column: span 2;
  }
}
.subscribing img {
  display: block;
  width: 345px;
  margin: -24px auto 0;
}
@media (min-width: 1024px) {
  .subscribing img {
    display: none;
  }
}
/* Other */
*::-webkit-scrollbar {
  width: 4px;
  height: 5px;
  background-color: #f5f5f5;
}
*::-webkit-scrollbar-thumb {
  background-color: #117FF5;
  border: 0;
}
*::-webkit-scrollbar-track {
  background-color: #F3F8FE;
  width: 4px;
  height: 5px;
}
.no-scrollbar::-webkit-scrollbar-button {
  display: none;
}
.no-scrollbar::-webkit-scrollbar-track {
  display: none;
}
.no-scrollbar::-webkit-scrollbar-thumb {
  display: none;
}
.no-scrollbar::-webkit-scrollbar:horizontal {
  display: none;
}
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.header {
  position: relative;
  z-index: 5;
  transition: all 0.3s;
}
.header.empty {
  border-bottom: 0;
}
.header.is-sticky {
  position: fixed;
  top: -97px;
  right: 0;
  left: 0;
}
@media (min-width: 1024px) {
  .header.is-sticky {
    position: relative;
  }
  .header.is-sticky .content {
    z-index: 1;
  }
  .header.is-sticky .submenu {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: auto;
    z-index: 2;
    backdrop-filter: blur(4px);
    background: rgba(255, 255, 255, 0.71);
  }
}
.header.is-sticky ~ .header-placeholder {
  display: block;
}
@media (max-width: 1024px) {
  .header.is-sticky .header-logo {
    display: none;
  }
}
.header.is-sticky .backdrop {
  top: 56px;
}
.header.is-sticky .submenu-address [data-tippy-root] {
  display: none;
}
.header.is-show {
  transform: translateY(97px);
}
@media (min-width: 1024px) {
  .header.is-show {
    transform: none;
  }
}
.header-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  height: 56px;
  background: #fff;
  padding: 12px 16px;
  line-height: 1;
  border-bottom: 1px solid #DCE8FA;
}
@media (min-width: 1024px) {
  .header-content {
    justify-content: flex-start;
    gap: 16px;
    height: 48px;
    padding: 0 30px;
    z-index: 3;
  }
}
@media (min-width: 1200px) {
  .header-content {
    gap: 24px;
  }
}
.header-checkout {
  border-bottom: 1px solid #DCE8FA;
}
.header-checkout .content {
  padding: 8px 15px;
}
@media (min-width: 1024px) {
  .header-checkout .content {
    padding: 8px 30px;
  }
}
.header-checkout .header-logo img {
  height: 22px;
}
.header-checkout .icon {
  background-color: #fff;
}
@media (min-width: 1024px) {
  .header-checkout .icon {
    margin: 0 5px 0 0;
  }
}
.header-checkout .text {
  display: none;
}
@media (min-width: 1024px) {
  .header-checkout .text {
    display: block;
    background: rgba(210, 220, 235, 0.05);
  }
}
.header-zip {
  position: relative;
  z-index: 3;
  width: 100%;
  min-height: 36px;
  padding: 8px;
  border: 0;
  background: #117FF5;
  border-bottom: 1px solid #DCE8FA;
  color: #fff;
  font-size: 14px;
  line-height: 1.4;
  transition: transform 0.3s;
}
@media (min-width: 1024px) {
  .header-zip {
    display: none;
    height: 0;
  }
}
.header-zip__autozip {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
}
.header-zip.is-sticky {
  position: fixed;
  top: -100px;
}
.header-zip.is-show {
  transform: translateY(97px);
}
@media (min-width: 1024px) {
  .header-zip.is-show {
    transform: none;
  }
}
.header-zip .icon-down {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -8px;
  background-color: #fff;
}
.header-zip b {
  font-weight: 500;
}
.header-placeholder {
  display: none;
  height: 93px;
}
@media (min-width: 1024px) {
  .header-placeholder {
    display: block;
    height: 48px;
    margin-top: 8px;
  }
}
.header-placeholder.empty {
  display: none !important;
}
@media (min-width: 1024px) {
  .header--procatalog .submenu,
  .header--procatalog ~ .header-placeholder {
    display: none !important;
  }
}
.header-blackout {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9;
  background: rgba(0, 0, 0, 0.96);
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 25px;
  line-height: 1.1;
  overflow: hidden;
}
.header-blackout__toggle {
  display: none;
}
@media (min-width: 1200px) {
  .header-blackout__toggle {
    display: flex;
    align-items: flex-start;
    height: 48px;
  }
}
.header-blackout__toggle img {
  height: 46px;
}
.header-blackout__toggle.off img:last-child {
  display: none;
}
.header-blackout__toggle.on img:first-child {
  display: none;
}
.header-blackout.fade {
  animation: blackout-fade 2s ease-in-out;
}
.header-blackout.lamp .circle {
  animation: blackout-circle 3.6s ease-in-out;
}
.header-blackout.read .text {
  color: #fff;
}
.header-blackout .circle {
  position: absolute;
  left: 0;
  z-index: 1;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: #fff;
}
@media (min-width: 1024px) {
  .header-blackout .circle {
    width: 273px;
    height: 273px;
  }
}
.header-blackout .text {
  position: relative;
  z-index: 2;
  color: #000;
  user-select: none;
  transition: all 0.3s;
}
@media (min-width: 1024px) {
  .header-blackout .text {
    font-size: 99px;
  }
}
.header-logo--mobile {
  min-width: 24px;
}
@media (min-width: 1024px) {
  .header-logo--mobile {
    display: none;
  }
}
.header-logo--desktop {
  display: none;
}
@media (min-width: 1024px) {
  .header-logo--desktop {
    display: block;
    max-height: 22px;
    max-width: 160px;
  }
  .header-logo--desktop.christmas {
    height: 14px;
  }
}
.header-search {
  position: relative;
  flex-grow: 1;
  margin: 0 auto 0 0;
}
.header-search__backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: none;
  background: rgba(0, 0, 0, 0.54);
}
.header-search__form {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  gap: 16px;
  background: #fff;
}
@media (min-width: 1024px) {
  .header-search__form {
    background: transparent;
  }
}
.header-search__form input[type="text"] {
  width: 100%;
  height: 32px;
  padding: 0 40px;
  background: #f6f6f6;
  border: 0;
  border-radius: 320px;
  color: #242F39;
  font-size: 16px;
  transition: none;
}
@media (min-width: 1440px) {
  .header-search__form input[type="text"] {
    font-size: 16px;
  }
}
.header-search__form input[type="text"]::-webkit-input-placeholder {
  opacity: 1;
  color: #667894 !important;
}
.header-search__form input[type="text"]::-moz-placeholder {
  opacity: 1;
  color: #667894 !important;
}
.header-search__form input[type="text"]:-moz-placeholder {
  opacity: 1;
  color: #667894 !important;
}
.header-search__form input[type="text"]:-ms-input-placeholder {
  opacity: 1;
  color: #667894 !important;
}
.header-search__form input[type="text"]::placeholder {
  opacity: 1;
  color: #667894 !important;
}
.header-search__form .icon {
  position: absolute;
  top: 4px;
}
.header-search__form .icon-search {
  left: 12px;
  mask-size: 20px;
  -webkit-mask-size: 20px;
}
.header-search__form .icon-close {
  right: 12px;
  mask-size: 20px;
  -webkit-mask-size: 20px;
  background-color: #667894;
  cursor: pointer;
}
.header-search__input {
  position: relative;
  flex-grow: 1;
}
.header-search__results {
  position: absolute;
  top: 0;
  left: -2px;
  right: -2px;
  z-index: 2;
  display: none;
  height: 100vh;
  padding: 56px 16px 24px;
  background: #fff;
  overflow: auto;
}
@media (min-width: 1024px) {
  .header-search__results {
    height: auto;
    padding: 30px 16px 24px;
    border-radius: 16px;
    border: 2px solid #D9D9D9;
    overflow: initial;
  }
}
.header-search__results.is-open {
  display: block;
}
.header-search__results ul {
  display: grid;
  gap: 12px;
  list-style-type: none;
  padding: 0;
  margin: 0 0 16px;
}
.header-search__results ul:last-child {
  margin: 0;
}
.header-search__results ul.tab-nav {
  gap: 16px;
}
.header-search__results a {
  display: flex;
  align-items: flex-start;
  font-size: 14px;
  line-height: 1.5;
}
.header-search__results .icon {
  margin: -2px 8px 0 0;
  flex-shrink: 0;
  background-color: #667894;
}
.header-search__results .tab-nav {
  position: relative;
  display: flex;
  justify-content: center;
  margin: 24px auto 0;
  padding: 0 0 16px;
}
.header-search__results .tab-nav:after {
  position: absolute;
  right: 0;
  bottom: -15px;
  left: 0;
  display: block;
  height: 16px;
  background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.01), #fff);
  content: '';
}
.header-search__results .tab-nav .as-a {
  font-weight: 700;
  color: #667894;
}
.header-search__results .tab-nav .active {
  color: #117FF5;
}
.header-search__results .tab-body {
  max-height: calc(100vh - 200px);
  margin: 0 -16px;
  padding: 24px 16px 0;
  overflow: auto;
}
.header-search__results .tab-body::-webkit-scrollbar {
  width: 4px;
  height: 5px;
  background-color: #fff;
}
.header-search__results .tab-body::-webkit-scrollbar-thumb {
  background-color: #242F39;
  border: 0;
}
.header-search__results .tab-body::-webkit-scrollbar-track {
  background-color: transparent;
  width: 4px;
  height: 5px;
}
.header-search__subtitle {
  margin: 24px 0;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.2;
}
.header-search__subtitle:first-child {
  margin-top: 0;
}
.header-search__img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  min-width: 56px;
  height: 56px;
  margin-right: 16px;
  background: #F6F7FB;
  border-radius: 4px;
  overflow: hidden;
}
.header-search__suggestions li {
  background: url(/resources/81059a1f53eac9c94649.svg) no-repeat left center;
}
.header-search__banners {
  display: grid;
  gap: 16px;
  margin: 0 0 24px;
}
.header-search__banners a {
  display: block;
  padding: 16px;
  background: #F3F8FE;
  border-radius: 4px;
}
.header-search__banners div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 16px;
}
.header-search__banners b {
  display: block;
  margin: 0 0 8px;
}
.header-search__banners .gray {
  font-size: 14px;
}
.header-search__banners .icon {
  background-color: #667894;
}
.header-search__cancel {
  display: none;
  font-size: 14px;
  color: #828282;
}
.header-search__empty {
  padding: 15vh 24px;
  color: #667894;
  text-align: center;
}
.header-search.is-open {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
}
@media (min-width: 1024px) {
  .header-search.is-open {
    position: relative;
  }
}
.header-search.is-open .header-search__form {
  width: 100%;
  padding: 12px 16px;
  border-bottom: 1px solid #DCE8FA;
}
@media (min-width: 1024px) {
  .header-search.is-open .header-search__form {
    padding: 0;
    border: 0;
  }
}
@media (min-width: 1024px) {
  .header-search.is-open .header-search__form input[type="text"] {
    box-shadow: 0 0 0 2px #D9D9D9;
    background: #fff;
  }
}
.header-search.is-open .header-search__form .icon-close {
  display: block;
}
.header-search.is-open .header-search__cancel {
  display: block;
}
@media (min-width: 1024px) {
  .header-search.is-open .header-search__cancel {
    display: none;
  }
}
.header-search.is-open .header-search__backdrop {
  display: block;
}
@media (max-width: 1440px) {
  .header-search.is-open ~ .header-toolbar .header-toolbar__item {
    display: none;
  }
}
.header-search.is-open .icon-close {
  background-color: #242F39;
}
.header-toolbar {
  display: none;
}
@media (min-width: 1024px) {
  .header-toolbar {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0 0 0 auto;
  }
}
@media (min-width: 1200px) {
  .header-toolbar {
    gap: 16px;
  }
}
.header-toolbar__item .btn-blue {
  height: 32px;
  color: #fff;
}
.header-toolbar__item .submenu {
  display: none;
  list-style-type: none;
}
.header-toolbar__item .submenu-item:last-child {
  display: none;
}
@media (min-width: 1024px) {
  .header-toolbar__item .submenu-item:last-child {
    display: flex;
    margin-left: auto;
    padding: 0;
  }
}
.header-toolbar__link {
  position: relative;
  display: flex;
  align-items: center;
  height: 48px;
  font-weight: 500;
  color: #242F39;
  font-size: 14px;
  white-space: nowrap;
}
@media (min-width: 1440px) {
  .header-toolbar__link {
    font-size: 16px;
  }
}
.header-toolbar__link:hover {
  color: #238DFF;
}
.header-toolbar__link:before {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  height: 4px;
  transition: all 0.2s;
  content: '';
}
.header-toolbar__link.is-active {
  color: #117FF5;
}
.header-toolbar__link.is-active:before {
  background-color: #117FF5;
}
.header-toolbar__link.is-active + .submenu {
  display: flex;
}
.header-toolbar__link--leads span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  margin-left: 6px;
  font-weight: 600;
  font-size: 11px;
  line-height: 1;
  color: #fff;
  background: #117FF5;
  border-radius: 9px;
}
.header-lang {
  display: none;
}
@media (min-width: 1024px) {
  .header-lang {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0;
    font-weight: 700;
    color: #117FF5;
    font-size: 14px;
  }
}
.header-lang img {
  margin: 0 0 2px;
}
.header-cart {
  position: relative;
  display: block;
  min-width: 24px;
  width: 24px;
  height: 24px;
}
@media (min-width: 1024px) {
  .header-cart {
    display: none;
  }
}
.header-cart img {
  width: 100%;
}
.header-cart span {
  position: absolute;
  top: -2px;
  right: -2px;
  min-width: 14px;
  height: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 2px;
  font-weight: 500;
  font-size: 10px;
  line-height: 1;
  background: #117FF5;
  color: #fff;
  border-radius: 50%;
}
.header-account {
  display: none;
}
@media (min-width: 1024px) {
  .header-account {
    position: relative;
    display: block;
    margin: auto 0;
  }
}
.header-account.is-open .header-account__toggle .icon {
  transform: rotate(180deg);
}
.header-account.is-open .header-account__box {
  display: block;
}
.header-account__mobile {
  min-width: 24px;
  width: 24px;
  margin: auto 0;
}
@media (min-width: 1024px) {
  .header-account__mobile {
    display: none;
  }
}
.header-account__mobile .header-account__letter img {
  position: absolute;
  top: -4px;
  left: 50%;
  display: block;
  transform: translateX(-50%);
}
.header-account__toggle.as-a {
  display: flex;
  align-items: center;
  gap: 4px;
  font-weight: 500;
  font-size: 14px;
}
@media (min-width: 1440px) {
  .header-account__toggle.as-a {
    font-size: 16px;
  }
}
.header-account__toggle.as-a:hover .icon {
  background: #117FF5;
}
.header-account__toggle.as-a .icon {
  -webkit-mask-size: 10px;
  mask-size: 10px;
  transition: background 0.2s ease-in-out;
}
.header-account__box {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 3;
  display: none;
  min-width: 214px;
  margin-top: 12px;
  padding: 24px;
  white-space: nowrap;
  background: #fff;
  box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.04);
  border: 1px solid #DCE8FA;
  border-radius: 0 0 4px 4px;
  overflow: auto;
}
.header-account__box form {
  padding: 16px;
}
.header-account__box .input-wrap {
  margin: 0 0 8px;
}
.header-account__box .input-wrap.is-filled input + .input-label {
  top: 6px;
  left: 14px;
}
.header-account__box .input-wrap input:focus {
  padding: 20px 11px 8px 11px;
}
.header-account__box .input-wrap input:focus + .input-label {
  top: 6px;
  left: 14px;
}
.header-account__box .input-wrap input + .input-label {
  top: 12px;
  left: 14px;
}
.header-account__box .input-label {
  font-size: 14px;
}
.header-account__box input {
  height: 44px;
  padding: 20px 12px 8px 12px;
  font-size: 14px;
}
.header-account__box .btn {
  width: 100%;
  height: 32px;
  margin-top: 24px;
}
.header-account__cols {
  position: relative;
  display: grid;
  margin: -24px 0 0;
  line-height: 1.5;
}
@media (min-width: 1024px) {
  .header-account__cols {
    grid-template-columns: 1fr 1fr;
    width: 312px;
  }
}
@media (min-width: 1024px) {
  .header-account__cols.is-auth {
    grid-template-columns: 1fr 1fr 1fr;
    width: 540px;
  }
}
.header-account__cols ul {
  display: grid;
  align-self: start;
  list-style-type: none;
  padding: 0;
  margin: 0;
  gap: 12px;
  margin: 24px 0 0;
}
.header-account__cols b {
  font-weight: 700;
  font-size: 18px;
}
@media (min-width: 1024px) {
  .header-account__col:not(:last-child) {
    border-right: 1px solid #DCE8FA;
  }
}
@media (min-width: 1024px) {
  .header-account__col:not(:first-child) {
    padding-left: 24px;
  }
}
.header-account__letter {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  min-width: 24px;
  height: 24px;
  margin: -4px 0;
  padding: 0 4px;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 1;
  color: #fff;
  background: #117FF5;
  border-radius: 32px;
  transition: all 0.3s;
}
@media (min-width: 1024px) {
  .header-account__letter {
    min-width: 32px;
    height: 32px;
    font-size: 16px;
  }
}
.header-account__letter:hover {
  background: #238DFF;
}
@media (min-width: 1024px) {
  .header-account__letter div:not(:last-child) {
    margin-left: 8px;
  }
}
.header-account__letter img {
  display: none;
  max-height: 24px;
  flex-shrink: 0;
}
@media (min-width: 1024px) {
  .header-account__letter img {
    display: block;
  }
}
.backdrop {
  position: fixed;
  z-index: 1;
  top: 112px;
  right: 0;
  left: 0;
  pointer-events: none;
  transition: background-color 0.3s, backdrop-filter 0.2s;
}
.backdrop.is-show {
  bottom: 0;
  background: rgba(0, 0, 0, 0.54);
  backdrop-filter: blur(2px);
}
@keyframes blackout-fade {
  0% {
    background: rgba(0, 0, 0, 0);
  }
  33% {
    background: rgba(0, 0, 0, 0.54);
  }
  66% {
    background: rgba(0, 0, 0, 0.32);
  }
  100% {
    background: rgba(0, 0, 0, 0.96);
  }
}
@keyframes blackout-circle {
  0% {
    left: 0;
  }
  33% {
    left: 100%;
    transform: translateX(-100%);
  }
  66% {
    left: 50%;
  }
  100% {
    left: -100%;
  }
}
@media (min-width: 1024px) {
  @keyframes blackout-circle {
    0% {
      left: 0;
    }
    33% {
      left: 90%;
      transform: translateX(-100%);
    }
    66% {
      left: 35%;
    }
    100% {
      left: -100%;
    }
  }
}
.delivery-to-form {
  min-width: 350px;
}
.delivery-to-label {
  margin: 0 0 12px;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.5;
}
.delivery-to-backdrop {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.12);
}
.delivery-to .gray {
  margin: 0 0 24px;
}
.delivery-to .input-wrap {
  margin: 0 0 6px;
}
.delivery-to .input-label {
  transition: all 0.2s ease-in-out;
}
.delivery-to .btn {
  width: 100%;
  height: 56px;
}
.menu {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
  padding: 0;
}
@media (min-width: 1200px) {
  .menu {
    gap: 16px;
  }
}
@media (min-width: 1440px) {
  .menu {
    gap: 24px;
  }
}
.menu-show {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1024px) {
  .menu-show {
    display: none;
  }
}
.menu-wrapper {
  display: none;
}
@media (min-width: 1024px) {
  .menu-wrapper {
    display: block;
  }
}
.menu-wrapper .backdrop {
  top: 104px;
}
.menu-item.is-active .menu-link {
  color: #117FF5;
}
.menu-item.is-active .menu-link:before {
  background: #117FF5;
}
.menu-item.is-active .submenu {
  display: flex;
}
.menu-link {
  position: relative;
  display: flex;
  align-items: center;
  height: 48px;
  font-weight: 500;
  color: #667894;
  font-size: 14px;
}
@media (min-width: 1440px) {
  .menu-link {
    font-size: 16px;
  }
}
.menu-link:hover {
  color: #117FF5;
}
.menu-link:before {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  height: 4px;
  transition: all 0.2s;
  content: '';
}
.menu .parent--101 {
  position: relative;
}
.menu .parent--101 .dropdown {
  left: 0;
}
.menu .parent.is-show .dropdown {
  display: block;
}
.menu .btn-orange-o {
  position: relative;
  width: 120px;
  margin: 0;
  padding: 0 10px;
  font-weight: 500;
  font-size: 16px;
  text-align: center;
}
.menu .country-switch {
  width: 83px;
  color: #fff;
  background: #48A0FF;
}
.menu li {
  list-style-type: none;
}
.submenu {
  position: absolute;
  z-index: 2;
  top: 100%;
  left: 0;
  right: 0;
  display: none;
  align-items: center;
  width: 100%;
  height: 56px;
  margin: 0;
  padding: 0 30px;
  background: #fff;
  border-bottom: 1px solid #DCE8FA;
}
.submenu-item {
  padding-right: 16px;
}
.submenu-item:hover .submenu-link:before {
  background: #117FF5;
  opacity: 0.54;
}
.submenu-link {
  position: relative;
  display: flex !important;
  align-items: center;
  width: 100%;
  height: 56px;
  padding: 4px 0;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.2;
  color: #242F39;
}
@media (min-width: 1440px) {
  .submenu-link {
    font-size: 16px;
  }
}
div.submenu-link {
  cursor: default;
}
.submenu-link:before {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  height: 4px;
  transition: all 0.2s;
  content: '';
}
.submenu-link:hover,
.submenu-link:focus {
  color: #242F39;
}
.submenu-link.is-active {
  color: #117FF5;
}
.submenu-link.is-active:before {
  background: #117FF5;
}
.submenu-tooltipe {
  position: absolute;
  top: 30px;
  right: 16px;
  margin: 0;
}
@media (min-width: 1024px) {
  .submenu-tooltipe {
    position: relative;
    top: 0;
    right: 0;
    display: flex;
    margin: auto 0 auto auto;
  }
}
.submenu-address {
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin-right: 16px;
  padding-right: 16px;
  color: #98CAFF;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.2;
  text-align: left;
}
.submenu-address + .submenu-address {
  min-width: 90px;
}
.submenu-address span {
  display: block;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  color: #242F39;
  white-space: nowrap;
}
.submenu-address span:hover {
  color: #238DFF;
}
.submenu-address button {
  color: #667894;
  font-size: 13px;
  line-height: 1.2;
  text-align: left;
}
.submenu-cart {
  position: relative;
  display: flex;
  align-items: center;
  min-width: 32px;
}
.submenu-cart:hover path,
.submenu-cart:focus path {
  fill: #238DFF;
}
.submenu-cart span {
  position: absolute;
  top: 2px;
  right: -2px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 14px;
  height: 14px;
  padding: 0 2px;
  color: #fff;
  font-weight: 500;
  font-size: 10px;
  line-height: 1;
  background: #117FF5;
  border-radius: 8px;
}
.submenu-cart path {
  transition: all 0.15s;
}
.submenu .track-title {
  margin: 0 0 24px;
  font-weight: 500;
  font-size: 32px;
  color: #fff;
}
.submenu .btn-blue-o {
  width: 100%;
  height: 56px;
  background: #4199EB;
  color: #fff;
}
.dropdown {
  display: none;
  position: absolute;
  top: 100%;
  left: 30px;
  z-index: 2;
  margin-top: 8px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(1, 26, 50, 0.1);
  transition: all 0.3s ease-in;
}
.dropdown > * {
  position: relative;
  z-index: 1;
}
.dropdown:before {
  position: absolute;
  top: -8px;
  right: -24px;
  bottom: -24px;
  left: -24px;
  z-index: 0;
  content: '';
}
.dropdown-row {
  position: relative;
  display: grid;
  grid-template-columns: 200px 1fr;
}
@media (min-width: 1440px) {
  .dropdown-row {
    grid-template-columns: 322px 1fr;
  }
}
.dropdown-row:before {
  position: absolute;
  top: 0;
  left: 200px;
  bottom: 0;
  width: 1px;
  background: #DCE8FA;
  content: '';
}
@media (min-width: 1440px) {
  .dropdown-row:before {
    left: 322px;
  }
}
.dropdown-nav {
  margin: 0;
  padding: 16px 0;
  list-style-type: none;
}
.dropdown-nav ul {
  margin: 0;
  padding: 0;
}
.dropdown-nav ul a,
.dropdown-nav ul span {
  padding-left: 40px;
}
.dropdown-nav a,
.dropdown-nav span {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-height: 40px;
  padding: 8px 24px;
  line-height: 1.2;
  cursor: pointer;
}
.dropdown-nav a:after,
.dropdown-nav span:after {
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  transform: rotate(135deg);
  transition: all 0.2s;
  content: '';
}
.dropdown-nav a.is-hover,
.dropdown-nav span.is-hover {
  color: #117FF5;
  background: #F3F8FE;
}
.dropdown-nav a.is-hover:after,
.dropdown-nav span.is-hover:after {
  border-color: #117FF5;
}
.dropdown-nav a.is-active,
.dropdown-nav span.is-active {
  color: #117FF5;
  font-weight: 500;
}
.dropdown-categories {
  display: flex;
  flex-direction: column;
}
.dropdown-categories > * {
  width: 100%;
}
.dropdown-category {
  display: none;
}
.dropdown-category.is-open {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.dropdown-cols {
  display: grid;
  gap: 24px;
  padding: 24px 24px 40px 40px;
}
@media (min-width: 1440px) {
  .dropdown-cols {
    display: flex;
    gap: 0;
    width: 100%;
  }
}
.dropdown-cols.center {
  align-items: center;
}
.dropdown-cols .dropdown-all-products {
  display: block;
  width: 100%;
  margin-top: auto;
  padding: 8px 10px;
  color: #242F39;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  background: #F3F8FE;
  border-radius: 4px;
  text-align: center;
}
@media (min-width: 1440px) {
  .dropdown-cols .dropdown-all-products {
    width: calc(100% - 40px);
  }
}
.dropdown-cols .dropdown-all-products:hover,
.dropdown-cols .dropdown-all-products:focus {
  color: #117FF5;
}
.dropdown-cols .dropdown-all {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 24px 0 0;
  top: 0;
  right: 0;
  width: 100%;
  color: #242F39;
}
.dropdown-cols .dropdown-all:hover {
  color: #117FF5;
}
.dropdown-cols .dropdown-cards {
  flex-grow: 1;
  justify-content: flex-end;
}
.dropdown-col {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.dropdown-params {
  display: flex;
  width: 100%;
  padding-bottom: 8px;
}
.dropdown-params__title {
  margin: 0 40px 12px 0;
  font-weight: 700;
  font-size: 24px;
}
.dropdown-links {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  width: 100%;
}
@media (min-width: 1440px) {
  .dropdown-links--column {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 1440px) {
  .dropdown-links--column > a:first-child {
    margin-top: 36px;
  }
}
@media (min-width: 1440px) {
  .dropdown-links--equipments {
    grid-template-columns: repeat(3, 1fr);
  }
}
.dropdown-links--equipments .dropdown-links__img {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 293px;
  height: 174px;
  border-radius: 4px;
  background-color: #F3F8FE;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.dropdown-links--equipments a {
  background: #fff;
}
.dropdown-links--equipments a::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
}
@media (min-width: 1440px) {
  .dropdown-links__img {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-width: 234px;
    height: 236px;
    border-radius: 4px;
    background-color: #F3F8FE;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }
  .dropdown-links__img--clearance {
    background-image: url('/assets/img/header/clearance.jpg');
  }
  .dropdown-links__img--wholesale {
    background-image: url('/assets/img/header/wholesale.jpg');
  }
  .dropdown-links__img--standby {
    height: 308px;
    background-image: url('/assets/img/header/standby.jpg');
  }
  .dropdown-links__img--multi-zone {
    height: 300px;
    background-image: url('/assets/img/header/multi-z.jpg');
  }
  .dropdown-links__img--single-zone {
    height: 300px;
    background-image: url('/assets/img/header/single-z.jpg');
  }
  .dropdown-links__img--microinverters {
    background-image: url('/assets/img/header/microinverters.jpg');
  }
  .dropdown-links__img--string-inverters {
    background-image: url('/assets/img/header/string-inverters.jpg');
  }
  .dropdown-links__img--lifep04 {
    height: 308px;
    background-image: url('/assets/img/header/lifep04.jpg');
  }
  .dropdown-links__img--lead-acid {
    height: 308px;
    background-image: url('/assets/img/header/lead-acid.jpg');
  }
  .dropdown-links__img--roof-top {
    background-image: url('/assets/img/header/roof-top.jpg');
  }
  .dropdown-links__img--ground-mounted {
    background-image: url('/assets/img/header/ground-mounted.jpg');
  }
  .dropdown-links__img--stone-coated {
    height: 308px;
    background-image: url('/assets/img/header/stone-coated.jpg');
  }
  .dropdown-links__img--rubberized {
    background-image: url('/assets/img/header/rubberized.jpg');
  }
  .dropdown-links__img--pickup {
    background-image: url('/assets/img/header/pickup.jpg');
  }
  .dropdown-links__img--delivery {
    background-image: url('/assets/img/header/delivery.jpg');
  }
  .dropdown-links__img--pallet {
    height: 372px;
    background-image: url('/assets/img/header/pallet.jpg');
  }
  .dropdown-links__img--container {
    height: 372px;
    background-image: url('/assets/img/header/container.jpg');
  }
  .dropdown-links__img--batteries-n {
    background-image: url('/assets/img/header/batteries-n.jpg');
  }
  .dropdown-links__img--carts {
    background-image: url('/assets/img/header/carts.jpg');
  }
  .dropdown-links__img--150 {
    height: 372px;
    background-image: url('/assets/img/header/150.jpg');
  }
  .dropdown-links__img--200 {
    height: 372px;
    background-image: url('/assets/img/header/200.jpg');
  }
  .dropdown-links__img--bifacial {
    height: 372px;
    background-image: url('/assets/img/header/bifacial.jpg');
  }
  .dropdown-links__img--wattage {
    height: 372px;
    background-image: url('/assets/img/header/wattage.jpg');
  }
  .dropdown-links__img--controllers {
    height: 372px;
    background-image: url('/assets/img/header/controllers.jpg');
  }
  .dropdown-links__img--addons {
    height: 372px;
    background-image: url('/assets/img/header/addons.jpg');
  }
  .dropdown-links__img a {
    background: #fff;
  }
  .dropdown-links__img a::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
  }
}
@media (min-width: 1440px) and (min-resolution: 2dppx) {
  .dropdown-links__img--clearance {
    background-image: url('/assets/img/header/clearance@2x.jpg');
  }
}
@media (min-width: 1440px) and (min-resolution: 2dppx) {
  .dropdown-links__img--wholesale {
    background-image: url('/assets/img/header/wholesale@2x.jpg');
  }
}
@media (min-width: 1440px) and (min-resolution: 2dppx) {
  .dropdown-links__img--standby {
    background-image: url('/assets/img/header/standby@2x.jpg');
  }
}
@media (min-width: 1440px) and (min-resolution: 2dppx) {
  .dropdown-links__img--multi-zone {
    background-image: url('/assets/img/header/multi-z@2x.jpg');
  }
}
@media (min-width: 1440px) and (min-resolution: 2dppx) {
  .dropdown-links__img--single-zone {
    background-image: url('/assets/img/header/single-z@2x.jpg');
  }
}
@media (min-width: 1440px) and (min-resolution: 2dppx) {
  .dropdown-links__img--microinverters {
    background-image: url('/assets/img/header/microinverters@2x.jpg');
  }
}
@media (min-width: 1440px) and (min-resolution: 2dppx) {
  .dropdown-links__img--string-inverters {
    background-image: url('/assets/img/header/string-inverters@2x.jpg');
  }
}
@media (min-width: 1440px) and (min-resolution: 2dppx) {
  .dropdown-links__img--lifep04 {
    background-image: url('/assets/img/header/lifep04@2x.jpg');
  }
}
@media (min-width: 1440px) and (min-resolution: 2dppx) {
  .dropdown-links__img--lead-acid {
    background-image: url('/assets/img/header/lead-acid@2x.jpg');
  }
}
@media (min-width: 1440px) and (min-resolution: 2dppx) {
  .dropdown-links__img--roof-top {
    background-image: url('/assets/img/header/roof-top@2x.jpg');
  }
}
@media (min-width: 1440px) and (min-resolution: 2dppx) {
  .dropdown-links__img--ground-mounted {
    background-image: url('/assets/img/header/ground-mounted@2x.jpg');
  }
}
@media (min-width: 1440px) and (min-resolution: 2dppx) {
  .dropdown-links__img--stone-coated {
    background-image: url('/assets/img/header/stone-coated@2x.jpg');
  }
}
@media (min-width: 1440px) and (min-resolution: 2dppx) {
  .dropdown-links__img--rubberized {
    background-image: url('/assets/img/header/rubberized@2x.jpg');
  }
}
@media (min-width: 1440px) and (min-resolution: 2dppx) {
  .dropdown-links__img--pickup {
    background-image: url('/assets/img/header/pickup@2x.jpg');
  }
}
@media (min-width: 1440px) and (min-resolution: 2dppx) {
  .dropdown-links__img--delivery {
    background-image: url('/assets/img/header/delivery@2x.jpg');
  }
}
@media (min-width: 1440px) and (min-resolution: 2dppx) {
  .dropdown-links__img--pallet {
    background-image: url('/assets/img/header/pallet@2x.jpg');
  }
}
@media (min-width: 1440px) and (min-resolution: 2dppx) {
  .dropdown-links__img--container {
    background-image: url('/assets/img/header/container@2x.jpg');
  }
}
@media (min-width: 1440px) and (min-resolution: 2dppx) {
  .dropdown-links__img--batteries-n {
    background-image: url('/assets/img/header/batteries-n@2x.jpg');
  }
}
@media (min-width: 1440px) and (min-resolution: 2dppx) {
  .dropdown-links__img--carts {
    background-image: url('/assets/img/header/carts@2x.jpg');
  }
}
@media (min-width: 1440px) and (min-resolution: 2dppx) {
  .dropdown-links__img--150 {
    background-image: url('/assets/img/header/150@2x.jpg');
  }
}
@media (min-width: 1440px) and (min-resolution: 2dppx) {
  .dropdown-links__img--200 {
    background-image: url('/assets/img/header/200@2x.jpg');
  }
}
@media (min-width: 1440px) and (min-resolution: 2dppx) {
  .dropdown-links__img--bifacial {
    background-image: url('/assets/img/header/bifacial@2x.jpg');
  }
}
@media (min-width: 1440px) and (min-resolution: 2dppx) {
  .dropdown-links__img--wattage {
    background-image: url('/assets/img/header/wattage@2x.jpg');
  }
}
@media (min-width: 1440px) and (min-resolution: 2dppx) {
  .dropdown-links__img--controllers {
    background-image: url('/assets/img/header/controllers@2x.jpg');
  }
}
@media (min-width: 1440px) and (min-resolution: 2dppx) {
  .dropdown-links__img--addons {
    background-image: url('/assets/img/header/addons@2x.jpg');
  }
}
.dropdown-links__img--e-panels {
  background-image: url('/assets/img/header/e-panel.jpg');
}
@media (min-resolution: 2dppx) {
  .dropdown-links__img--e-panels {
    background-image: url('/assets/img/header/e-panel@2x.jpg');
  }
}
.dropdown-links__img--e-batteries {
  background-image: url('/assets/img/header/e-batteries.jpg');
}
@media (min-resolution: 2dppx) {
  .dropdown-links__img--e-batteries {
    background-image: url('/assets/img/header/e-batteries@2x.jpg');
  }
}
.dropdown-links__img--e-addons {
  background-image: url('/assets/img/header/e-addons.jpg');
}
@media (min-resolution: 2dppx) {
  .dropdown-links__img--e-addons {
    background-image: url('/assets/img/header/e-addons@2x.jpg');
  }
}
.dropdown-links__img--e-inverters {
  background-image: url('/assets/img/header/e-inverters.jpg');
}
@media (min-resolution: 2dppx) {
  .dropdown-links__img--e-inverters {
    background-image: url('/assets/img/header/e-inverters@2x.jpg');
  }
}
.dropdown-links__img--e-controllers {
  background-image: url('/assets/img/header/e-controllers.jpg');
}
@media (min-resolution: 2dppx) {
  .dropdown-links__img--e-controllers {
    background-image: url('/assets/img/header/e-controllers@2x.jpg');
  }
}
.dropdown-links__img--e-kits {
  background-image: url('/assets/img/header/e-kits.jpg');
}
@media (min-resolution: 2dppx) {
  .dropdown-links__img--e-kits {
    background-image: url('/assets/img/header/e-kits@2x.jpg');
  }
}
.dropdown-links__fluid {
  grid-column: span 2;
}
.dropdown-links a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 16px;
  color: #242F39;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  background: #F3F8FE;
  border-radius: 4px;
}
.dropdown-links a:after {
  display: block;
  height: 20px;
  width: 20px;
  margin-left: 2px;
  background-color: #242F39;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-image: url(/resources/58f2182f187d670c1049.svg);
  mask-image: url(/resources/58f2182f187d670c1049.svg);
  transition: all 0.2s;
  content: '';
}
.dropdown-links a:hover {
  color: #117FF5;
}
.dropdown-links a:hover:after {
  background-color: #117FF5;
}
.dropdown-links span {
  margin: 0 0 0 10px;
  padding: 0 12px;
  color: #fff;
  text-transform: uppercase;
  white-space: nowrap;
  font-weight: 700;
  font-size: 12px;
  line-height: 24px;
  background: #FB7234;
  border-radius: 30px;
}
.dropdown-all {
  display: block;
  width: calc(100% - 40px);
  margin-top: auto;
  padding: 8px 10px;
  color: #242F39;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  background: #F3F8FE;
  border-radius: 4px;
  text-align: center;
}
.dropdown-all:hover,
.dropdown-all:focus {
  color: #117FF5;
}
.dropdown-power {
  gap: 8px 24px;
  margin: 0;
  padding: 0 40px 16px 0;
  list-style-type: none;
  column-count: 2;
}
.dropdown-power--triple {
  column-count: 3;
}
.dropdown-power--column {
  column-count: 1;
}
.dropdown-power li:nth-child(n + 17) {
  display: none;
}
.dropdown-power a {
  display: flex;
  align-items: flex-start;
}
.dropdown-power a:hover .watt {
  color: #117FF5;
}
.dropdown-power .big {
  font-size: 24px;
  line-height: 32px;
}
.dropdown-power .watt {
  margin: 4px 0 0 4px;
  font-size: 12px;
  line-height: 16px;
  color: #667894;
  transition: all 0.2s;
}
.dropdown-brands {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  margin: 0;
  padding: 0 40px 16px 0;
  list-style-type: none;
}
.dropdown-brands--triple {
  grid-template-columns: repeat(3, 1fr);
}
.dropdown-brands--column {
  grid-template-columns: 1fr;
}
.dropdown-brands li:nth-child(n + 11) {
  display: none;
}
.dropdown-brands a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 95px;
  height: 40px;
  padding: 6px;
  border-radius: 4px;
  background: #F3F8FE;
  transition: all 0.2s;
}
.dropdown-brands a:hover {
  opacity: 0.8;
}
.dropdown-brands img {
  max-height: 100%;
  width: 100%;
  object-fit: cover;
}
.dropdown-groups {
  display: grid;
  grid-gap: 24px;
  grid-template-columns: 660px 320px;
}
.dropdown-groups--roofing {
  grid-template-columns: 660px;
}
.dropdown-group {
  position: relative;
  display: grid;
  gap: 24px;
  grid-template-columns: 170px 1fr;
  padding: 24px;
}
.dropdown-group:first-child {
  padding: 24px;
}
.dropdown-group--vertical {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 12px;
}
.dropdown-group--vertical a:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
}
.dropdown-group--batteries {
  order: 1;
}
.dropdown-group--addons {
  order: 2;
}
.dropdown-group .list {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 24px;
  max-width: 210px;
  margin: 0;
  padding: 0 0 16px;
}
.dropdown-group .list a {
  line-height: 1.5;
}
.dropdown-group .img {
  display: flex;
  align-items: center;
  justify-content: center;
}
.dropdown-group img {
  display: block;
}
.dropdown-group .text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.dropdown-group .title {
  display: inline-block;
  margin: 16px 0;
  font-weight: 700;
  font-size: 24px;
  line-height: 1.33;
  border: 0;
}
.dropdown-group .title:last-child {
  margin: 0;
}
.dropdown-group .title a {
  display: flex;
  align-items: center;
  gap: 4px;
}
.dropdown-group .title a:hover .icon {
  background-color: #117FF5;
}
.dropdown-group .title a:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  content: '';
}
.dropdown-group .title a .icon-right {
  -webkit-mask-size: 28px;
  mask-size: 28px;
  transition: all 0.2s;
}
.dropdown-group .dropdown-brands {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0;
}
.dropdown-group .dropdown-brands a {
  width: 72px;
  height: 30px;
  padding: 4px;
}
.dropdown-topics,
.dropdown-customer,
.dropdown-resources {
  display: grid;
  gap: 32px;
  padding: 24px;
}
.dropdown-topics ul,
.dropdown-customer ul,
.dropdown-resources ul {
  display: grid;
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.dropdown-topics ul a,
.dropdown-customer ul a,
.dropdown-resources ul a {
  display: block;
  color: #667894;
  font-size: 14px;
  line-height: 1.4;
}
.dropdown-topics ul a:hover b,
.dropdown-customer ul a:hover b,
.dropdown-resources ul a:hover b {
  color: #117FF5;
}
.dropdown-topics ul a.articles,
.dropdown-customer ul a.articles,
.dropdown-resources ul a.articles {
  display: flex;
  align-items: center;
  gap: 16px;
}
.dropdown-topics ul b,
.dropdown-customer ul b,
.dropdown-resources ul b {
  display: block;
  margin: 0 0 4px;
  color: #242F39;
  font-size: 16px;
  transition: all 0.2s;
}
.dropdown-topics ul .img,
.dropdown-customer ul .img,
.dropdown-resources ul .img {
  min-width: 48px;
  width: 48px;
  border-radius: 8px;
  overflow: hidden;
}
.dropdown-topics {
  grid-template-columns: repeat(4, 280px);
}
.dropdown-customer {
  grid-template-columns: repeat(3, 280px);
}
.dropdown-resources {
  grid-template-columns: 250px;
}
.dropdown-damaged {
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 280px;
  padding: 24px;
  background: #F3F8FE;
  border-radius: 4px;
  font-size: 24px;
  line-height: 1.33;
}
.dropdown-damaged:hover {
  color: #242F39;
}
.dropdown-damaged div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.dropdown-damaged .icon {
  background-color: #667894;
}
.dropdown-damaged .btn {
  width: 100%;
  height: 56px;
  margin-top: auto;
  font-size: 16px;
}
.dropdown-editors {
  display: inline-block;
  margin: 0 24px 24px;
  font-weight: 700;
  color: #117FF5;
}
.dropdown-editors:hover {
  color: #FB7234;
}
.dropdown-service {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: auto;
  padding: 16px 40px;
  font-size: 16px;
  line-height: 1.5;
  background: #F3F8FE;
}
.dropdown-service:hover {
  color: #242F39;
}
.dropdown-service:hover b {
  color: #117FF5;
}
.dropdown-service img {
  width: 44px;
}
.dropdown-service b {
  display: block;
  margin: 0 0 4px;
  transition: all 0.3s;
}
.dropdown-service .icon {
  margin-left: auto;
}
.dropdown .tag-list {
  flex-wrap: wrap;
}
.subscribe {
  margin: 30px 0;
}
@media (min-width: 1024px) {
  .subscribe {
    display: flex;
    flex-wrap: wrap;
    min-width: 420px;
    margin: 120px 20px 0 0;
  }
}
.subscribe-label {
  display: block;
  width: 100%;
  margin: 0 0 4px;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  font-weight: 500;
  color: #667894;
}
.subscribe .input-wrap {
  width: 100%;
}
@media (min-width: 1024px) {
  .subscribe .input-wrap {
    width: 260px;
    margin: 0 16px 0 0;
  }
}
.subscribe .btn {
  height: 56px;
}
.search-cities {
  position: relative;
}
.search-cities__results {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 3;
  width: 100%;
  max-width: 670px;
  display: none;
  max-height: calc(100vh - 104px);
  padding: 10px 20px;
  background: #fff;
  border-radius: 0 0 4px 4px;
  box-shadow: 0 8px 10px rgba(1, 26, 50, 0.1);
  overflow: auto;
}
.search-cities__results.is-open {
  display: block;
}
.search-cities__results p {
  font-size: 12px;
  line-height: 18px;
  color: #667894;
  margin: 8px 0;
}
.search-cities__results ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.search-cities__results a {
  display: block;
  margin: 0 -16px;
  padding: 0 16px;
  color: #242F39;
  font-size: 16px;
  line-height: 40px;
}
.search-cities__results a:hover {
  color: #242F39;
  background: #F3F8FE;
}
.search-cities__empty {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 96px;
  color: #667894;
}
.ajax-loader {
  display: none;
  position: fixed;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  z-index: 100001;
}
.ajax-loader_visible {
  display: flex;
}
.ajax-loader__text {
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  color: #FFFFFF;
  z-index: 100001;
  margin: -52px 0 20px;
  height: 32px;
}
.ajax-loader__overlay {
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 100000;
  transition: background 600ms cubic-bezier(0.45, 0.05, 0.55, 0.95);
}
.ajax-loader__overlay_darken {
  background: #0000009c;
}
.ajax-loader__box {
  min-height: 52px;
  width: 52px;
  background: url(/resources/36ac227508ace15d4337.svg) no-repeat 10px 10px #0d0d0d;
  opacity: 0.8;
  border-radius: 5px;
  z-index: 100001;
}
.header-offer {
  background: #B22334C7;
  display: flex;
  padding: 16px;
  position: relative;
}
@media (min-width: 1024px) {
  .header-offer {
    padding: 9px 30px;
  }
}
.header-offer__icon {
  display: flex;
  width: 30px;
  height: 30px;
  padding: 5px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 4px;
  background: #FFF;
}
.header-offer__text {
  margin-left: 16px;
}
@media (min-width: 1024px) {
  .header-offer__text {
    display: flex;
    align-content: center;
    flex-wrap: wrap;
  }
}
.header-offer__text a {
  color: #FFF;
  text-decoration: underline;
}
.header-offer__text p {
  color: #FFF;
  font-size: 14px;
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .header-offer__text p {
    font-size: 15px;
  }
}
.header-offer__amount {
  display: inline-block;
}
.header-offer__close {
  cursor: pointer;
}
@media (min-width: 1024px) {
  .header-offer__close {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-left: auto;
  }
}
.header-offer__close i {
  height: 16px;
  width: 16px;
  mask-size: 16px;
  background: #FFF;
}
.header-offer--orange {
  background: #FB7234;
}
.header-offer--blue {
  background: #117FF5;
}
.header-offer--blackout {
  background: #000;
}
.header-offer b {
  font-weight: 700;
}
.popper__auto-detect-zip {
  left: 8px;
}
@media (max-width: 1024px) {
  .popper__auto-detect-zip {
    display: none;
    height: 0;
  }
}
@media (min-width: 1024px) {
  .popper-mobile__auto-detect-zip {
    display: none;
    height: 0;
  }
}
.zip-right {
  padding: 4px !important;
}
@media (min-width: 1024px) {
  .zip-right {
    padding: 12px 8px !important;
  }
}
.zip-right-ancor {
  width: 65%;
}
.zip-right-content {
  display: flex;
  align-items: center;
  gap: 4px;
  font-weight: 500;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .zip-right-content {
    padding: 2px;
  }
}
.zip-right-content button {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  padding: 0 4px;
  background: transparent;
}
.zip-right-content .icon {
  background-color: #242F39;
}
.zip-right-content .icon:hover {
  background-color: #242F39;
}
@media (min-width: 1024px) {
  .auth-wrap {
    padding: 0 16px;
  }
}
.auth-back {
  position: absolute;
  top: 24px;
  left: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background: transparent;
  border: 0;
  padding: 0;
}
.auth-back path {
  transition: all 0.3s;
}
.auth-back:hover path {
  fill: #117FF5;
}
.auth-pro {
  margin: 0 auto 12px;
}
.auth-title {
  margin: 0 0 24px;
  font-weight: 700;
  font-size: 24px;
  line-height: 1.2;
  text-align: center;
}
@media (min-width: 1024px) {
  .auth-title {
    font-size: 40px;
  }
}
.auth-subtitle {
  margin: -12px 0 24px;
  text-align: center;
}
.auth-subtitle a {
  color: #117FF5;
}
.auth-subtitle a:hover {
  opacity: 0.8;
}
.auth-form .btn {
  margin-top: 8px;
}
.auth-resend {
  margin: -8px 0 16px;
  color: #667894;
  font-size: 14px;
}
.auth-link {
  display: block;
  width: max-content;
  margin: 24px auto;
  color: #117FF5;
  border: 0;
  padding: 0;
  background: transparent;
}
.auth-link:hover {
  opacity: 0.8;
}
.auth-pass {
  position: relative;
  min-height: 88px;
  margin: 0 0 16px;
}
.auth-forgot {
  position: absolute;
  top: 64px;
  right: 0;
  z-index: 1;
  border: 0;
  padding: 0;
  background: transparent;
  color: #117FF5;
  transition: all 0.2s;
}
.auth-forgot:hover {
  opacity: 0.8;
}
.auth-social a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 56px;
  font-weight: 500;
  border: 1px solid #DCE8FA;
  border-radius: 4px;
}
.auth-social a:hover {
  border-color: #117FF5;
}
.auth-social svg {
  width: 24px;
  height: 24px;
}
.fade-enter-active {
  transition: all 0.2s ease-in-out;
}
.fade-leave-active {
  position: absolute;
  transition: none;
  opacity: 0;
}
.fade-enter-from,
.fade-leave-to {
  opacity: 0;
}
.sidenav-opened {
  overflow: hidden;
}
@media (min-width: 1024px) {
  .sidenav-opened {
    overflow: initial;
  }
}
.sidenav-opened header.is-sticky {
  transform: translateX(320px) translateY(97px);
}
@media (max-width: 375px) {
  .sidenav-opened header.is-sticky {
    transform: translateX(calc(100% - 56px)) translateY(97px);
  }
}
.sidenav-opened .sidenav-content {
  transform: translateX(0);
}
.sidenav-opened .sidenav-backdrop {
  display: block;
}
@media (max-width: 1025px) {
  .sidenav-opened .header,
  .sidenav-opened .header-offer,
  .sidenav-opened .header-blackout,
  .sidenav-opened .header-zip,
  .sidenav-opened .content,
  .sidenav-opened .bwidget {
    transition: transform 0.3s;
    transform: translateX(320px);
  }
}
@media (max-width: 375px) {
  .sidenav-opened .header,
  .sidenav-opened .header-offer,
  .sidenav-opened .header-blackout,
  .sidenav-opened .header-zip,
  .sidenav-opened .content,
  .sidenav-opened .bwidget {
    transform: translateX(calc(100% - 56px));
  }
}
.sidenav-opened .crisp-toggle {
  display: none;
}
.sidenav-content {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 6;
  display: flex;
  flex-direction: column;
  width: 320px;
  max-width: calc(100% - 56px);
  padding: 0 16px 16px;
  background: #fff;
  border-right: 1px solid #DCE8FA;
  overflow: auto;
  transform: translateX(-100%);
  transition: all 0.3s;
}
@media (min-width: 1024px) {
  .sidenav-content {
    display: none;
  }
}
.sidenav-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 320px;
  z-index: 6;
  display: none;
}
@media (max-width: 375px) {
  .sidenav-backdrop {
    left: calc(100% - 56px);
  }
}
.sidenav-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 56px;
  padding: 4px 0;
}
.sidenav-logo {
  width: 165px;
}
.sidenav-lang {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 0;
  font-weight: 700;
  font-size: 16px;
  color: #117FF5;
  background: transparent;
  border: 0;
}
.sidenav-lang img {
  width: 22px;
}
.sidenav-nav {
  flex-grow: 1;
  margin: 0 0 auto;
}
.sidenav-menu {
  display: flex;
  flex-direction: column;
  height: 100%;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.sidenav-menu li {
  margin: 0 0 24px;
}
.sidenav-menu li:last-child {
  margin: 0;
}
.sidenav-menu li.is-open {
  display: flex;
  flex-direction: column;
  height: 100%;
  margin: 0;
}
.sidenav-menu li.is-open > .sidenav-submenu {
  display: block;
}
.sidenav-menu li.is-open > .sidenav-submenu__toggle {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  margin: 0 0 16px;
  padding: 24px 0;
  color: #667894;
}
.sidenav-menu li.is-open > .sidenav-submenu__toggle .icon {
  transform: rotate(180deg);
}
.sidenav-menu li.is-open > .sidenav-submenu__toggle .sidenav-all {
  display: block !important;
}
.sidenav-menu li.is-open .sidenav-signout {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 32px;
  margin-top: auto;
  padding: 0;
  font-weight: 700;
  font-size: 16px;
  background: #F3F8FE;
  border: 0;
  border-radius: 4px;
}
.sidenav-menu > li:first-child,
.sidenav-menu > li:last-child {
  margin: 0;
}
.sidenav-menu a {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px 6px;
}
.sidenav-menu .gray {
  font-size: 14px;
}
.sidenav-submenu {
  display: none;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.sidenav-submenu__toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  cursor: pointer;
}
.sidenav-submenu__toggle .icon,
.sidenav-submenu__toggle .icon:hover {
  background-color: rgba(0, 0, 0, 0.45);
}
.sidenav-submenu__toggle.is-sub {
  padding-left: 16px;
}
.sidenav-submenu .gray {
  display: block;
  width: 100%;
}
.sidenav-off {
  margin-left: auto;
  padding: 4px 12px;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  color: #fff;
  border-radius: 333px;
  background: #FB7234;
}
.sidenav-subtitle {
  margin: 0 0 12px;
  font-weight: 700;
  font-size: 24px;
}
.sidenav-damaged {
  display: grid !important;
  gap: 16px !important;
  padding: 16px;
  margin: 16px 0 0;
  background: #F3F8FE;
  border-radius: 4px;
}
.sidenav-damaged div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sidenav-damaged .icon {
  background-color: rgba(0, 0, 0, 0.45);
}
.sidenav-damaged .btn {
  width: 100%;
  height: 56px;
}
.sidenav-wattage,
.sidenav-brands {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.sidenav-wattage li,
.sidenav-brands li {
  margin: 0;
}
.sidenav-wattage {
  gap: 8px 16px;
}
.sidenav-wattage a {
  font-size: 24px;
}
.sidenav-wattage span {
  margin: 4px 0 auto;
  color: #667894;
  font-size: 12px;
}
.sidenav-brands {
  gap: 16px;
}
.sidenav-brands a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 92px;
  height: 40px;
  padding: 4px;
  background: #F3F8FE;
  border-radius: 4px;
}
.sidenav-brands img {
  max-height: 100%;
}
.sidenav-groups {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.sidenav-groups li {
  margin: 0 0 16px;
}
.sidenav-groups a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 40px;
  padding: 0 22px;
  background: #F3F8FE;
  border-radius: 4px;
}
@media (max-width: 375px) {
  .sidenav-groups a {
    gap: 4px;
    padding: 0 8px;
    font-size: 15px;
  }
}
.sidenav-services {
  margin: 0 -16px -16px;
  padding: 16px;
  background: #F3F8FE;
}
.sidenav-services:hover {
  color: #242F39;
}
.sidenav-services div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin: 12px 0 0;
}
.sidenav-all {
  position: relative;
  display: none !important;
  margin-left: auto;
  color: #117FF5;
}
.sidenav-zip {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  margin: 0 0 16px;
  padding: 16px 0 16px;
  color: #242F39;
  font-size: 16px;
  background: transparent;
  border: 0;
  border-bottom: 1px solid #DCE8FA;
}
.sidenav-zip span {
  margin-left: auto;
}
.sidenav-zip .icon,
.sidenav-zip .icon:hover {
  background-color: rgba(0, 0, 0, 0.45);
}
.sidenav-signin {
  min-height: 56px;
  height: 56px;
  margin: 24px 0 16px;
}
.sidenav-signout {
  display: none !important;
}
.sidenav-pro {
  margin-top: auto !important;
}
.sidenav-pro img {
  display: block;
}
.sidenav-compilations {
  display: grid;
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.sidenav-compilations li {
  margin: 0;
}
.sidenav-compilation__img {
  min-width: 48px;
  width: 48px;
  height: 48px;
  border-radius: 8px;
  background: #F6F7FB;
  overflow: hidden;
}
.sidenav-compilation b {
  display: block;
  margin: 0 0 4px;
}
.sidenav-divider {
  margin: -8px 0 16px !important;
  border-bottom: 1px solid #DCE8FA;
}
.sidenav.hide-signin .sidenav-signin {
  display: none !important;
}
.lead-center-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  margin-left: 6px;
  font-weight: 600;
  font-size: 11px;
  line-height: 1;
  color: #fff;
  background: #117FF5;
  border-radius: 9px;
  vertical-align: middle;
}
.footer {
  position: relative;
  z-index: 1;
  background: #F6F7FB;
  padding: 16px;
}
@media (min-width: 1024px) {
  .footer {
    padding: 30px;
    border-radius: 20px 20px 0 0;
  }
}
.footer-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 20px;
}
@media (min-width: 1024px) {
  .footer-top {
    margin: 0 0 32px;
  }
}
.footer-top .footer-shopper {
  display: block;
}
@media (min-width: 1024px) {
  .footer-top .footer-shopper {
    display: none;
  }
}
.footer-social {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.footer-social a {
  display: block;
}
.footer-social .icon {
  display: block;
  width: 20px;
  height: 20px;
}
.footer-privacy {
  order: 1;
  margin-top: 20px;
}
@media (min-width: 1024px) {
  .footer-privacy {
    order: initial;
    margin-top: 0;
  }
}
.footer-privacy__text {
  max-width: 630px;
  margin: 0 0 16px;
  color: #667894;
  font-size: 12px;
  line-height: 16px;
}
.footer-privacy__text a {
  color: inherit;
  text-decoration: underline;
}
.footer-privacy__list {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 12px;
  line-height: 16px;
}
.footer-privacy a:hover {
  color: #117FF5;
}
.footer-nav {
  margin: 0 0 20px;
}
.footer-menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
@media (min-width: 1024px) {
  .footer-menu {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 56px;
  }
}
@media (min-width: 1200px) {
  .footer-menu {
    flex-wrap: nowrap;
  }
}
.footer-menu br {
  display: none;
}
@media (min-width: 1024px) {
  .footer-menu br {
    display: block;
  }
}
.footer-menu > li {
  border-top: 1px solid #DCE8FA;
}
@media (min-width: 1024px) {
  .footer-menu > li {
    border: 0;
  }
}
.footer-menu > li:last-child {
  border-bottom: 1px solid #DCE8FA;
}
@media (min-width: 1024px) {
  .footer-menu > li:last-child {
    border: 0;
  }
}
@media (min-width: 1024px) {
  .footer-menu > li:first-child {
    width: 100% !important;
  }
}
@media (min-width: 1200px) {
  .footer-menu > li:first-child {
    width: auto !important;
    flex-grow: 1;
    margin-right: auto;
  }
}
.footer-menu ul {
  display: none;
  list-style-type: none;
  padding: 0;
  margin: 0 0 16px;
}
@media (min-width: 1024px) {
  .footer-menu ul {
    display: block !important;
    margin: 0;
  }
}
.footer-menu a {
  display: block;
  padding: 4px 0;
}
.footer-menu a:hover {
  color: #117FF5;
}
.footer-menu .footer-title {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 40px;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  white-space: nowrap;
}
@media (min-width: 1024px) {
  .footer-menu .footer-title {
    pointer-events: none;
  }
}
.footer-menu .footer-title:after {
  position: absolute;
  top: 7px;
  right: 0;
  display: block;
  height: 24px;
  width: 24px;
  background: url(/resources/89ce7d08581d79ebd3b1.svg) no-repeat center center;
  transition: all 0.2s;
  content: '';
}
@media (min-width: 1024px) {
  .footer-menu .footer-title:after {
    display: none;
  }
}
.footer-menu .open .footer-title:after {
  transform: rotate(180deg);
}
.footer-title {
  font-weight: 700;
  text-transform: uppercase;
}
.footer-bottom {
  display: grid;
}
@media (min-width: 1024px) {
  .footer-bottom {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
  }
}
.footer-bottom .footer-shopper {
  display: none;
}
@media (min-width: 1024px) {
  .footer-bottom .footer-shopper {
    display: block;
    flex-shrink: 0;
    margin: 0 0 0 auto;
  }
}
.footer-usfcr {
  margin: 0 0 20px;
  color: #667894;
  line-height: 1;
}
@media (min-width: 1024px) {
  .footer-usfcr {
    margin: 0;
    text-align: right;
  }
}
.footer-usfcr a {
  display: inline-block;
  vertical-align: top;
  margin: 0 0 12px;
  line-height: 1;
}
.footer-usfcr img {
  display: block;
  filter: grayscale(1);
}
.footer-shopper {
  margin: 0 0 0 auto;
  line-height: 1;
}
@media (min-width: 1024px) {
  .footer-shopper {
    flex-shrink: 0;
    margin: 0 20px 18px auto;
  }
}
.footer-shopper a,
.footer-shopper img {
  display: block !important;
}
.footer-shopper img {
  max-width: 120px;
}
.country-switch {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  height: 40px;
  color: #117FF5;
  font-weight: 700;
  font-size: 16px;
  background: #E1EFFF;
  border: 0;
  border-radius: 4px;
  transition: all 0.2s;
}
@media (min-width: 1024px) {
  .country-switch {
    width: 83px;
    margin: 0;
  }
}
.country-switch:hover {
  background: rgba(17, 127, 245, 0.2);
}
@media (min-width: 1024px) {
  .country-switch.mobile {
    display: none;
  }
}
.country-switch.desktop {
  display: none;
}
@media (min-width: 1024px) {
  .country-switch.desktop {
    display: flex;
  }
}
.country-switch__label {
  display: flex;
  align-items: center;
  gap: 4px;
  margin: 0 0 8px;
  line-height: 1.2;
}
.country-switch__value {
  margin: 0 0 20px !important;
}
.country-switch__text {
  line-height: 1.3;
}
.country-switch__toggle {
  display: flex;
  align-items: center;
  padding: 4px 0;
  font-size: 14px;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .country-switch__toggle {
    font-size: 16px;
  }
}
.country-switch__toggle:hover {
  color: rgba(255, 255, 255, 0.9);
}
.country-switch__toggle:hover .icon {
  background-color: rgba(255, 255, 255, 0.9);
}
.country-switch__toggle .icon {
  width: 20px;
  height: 20px;
}
.country-switch__toggle .icon:last-child {
  margin-left: 4px;
}
.country-switch__toggle img {
  max-height: 20px;
  max-width: 22px;
  margin: 0 0 3px;
  border: 1.5px solid #fff;
  border-radius: 4px;
}
.country-switch__toggle b {
  display: block;
  margin: 0 4px;
}
.country-switch__geo {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 8px 15px;
  font-size: 14px;
  color: #fff;
  background: #117FF5;
}
@media (min-width: 576px) {
  .country-switch__geo {
    justify-content: center;
    font-size: 16px;
  }
}
@media (min-width: 1024px) {
  .country-switch__geo {
    padding: 12px 15px;
  }
}
.country-switch__geo .icon {
  background-color: #fff;
}
.country-switch__geo-close {
  display: block;
  padding: 0;
  background: transparent;
  border: 0;
}
@media (min-width: 576px) {
  .country-switch__geo-close {
    position: absolute;
    top: 12px;
    right: 16px;
  }
}
@media (min-width: 1024px) {
  .country-switch__geo-close {
    top: 16px;
  }
}
.country-switch__geo-close .icon {
  mask-size: 20px;
}
.country-switch__geo .btn {
  margin-left: 8px;
  padding: 0 24px;
}
.billing .address-form {
  display: none;
  margin-bottom: -16px;
  padding: 16px 0 0;
}
.billing-toggle.is-open .icon {
  transform: rotate(180deg);
}
.billing-toggle:hover .icon {
  background-color: #FB7234;
}
.billing .cart-subtitle {
  margin: 0 0 24px;
}
.billing .btn {
  height: auto;
  padding: 0;
}
.billing-same {
  display: grid;
  gap: 4px;
}
@media (min-width: 576px) {
  .billing-same {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
  }
}
.billing-kyc {
  display: flex;
  align-items: center;
  gap: 6px;
  width: 210px;
  margin: 4px 0 0;
  padding: 0 10px;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  background: #F6F7FB;
  border-radius: 32px;
  white-space: nowrap;
}
@media (min-width: 576px) {
  .billing-kyc {
    margin: 0;
  }
}
.billing-kyc .icon {
  background-color: #667894;
}
.billing--order {
  position: relative;
  margin: -24px 0 0;
  padding: 0 24px 20px;
  background: #fafcff;
  border: 1px solid #dce8fa;
  border-top: 0;
  border-radius: 0 0 4px 4px;
}
.shipping {
  margin: 0 0 32px;
}
@media (min-width: 1024px) {
  .address-form .input-icon {
    top: 18px;
  }
}
.address-form .input-wrap {
  width: 100%;
  margin: 0 0 16px;
}
@media (min-width: 1024px) {
  .address-form-line .input-wrap {
    margin-bottom: 0;
  }
}
.address-form textarea {
  height: 112px;
}
@media (min-width: 1024px) {
  .address-location-1 {
    display: flex;
    gap: 16px;
  }
}
.address-location-1 .input-wrap {
  flex-grow: 1;
}
.address-location-2 {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 1024px) {
  .address-location-2 .input-wrap {
    width: calc(33% - 8px) !important;
  }
}
@media (min-width: 1024px) {
  .address-location-2 .input-wrap:last-child {
    width: calc(33% - 10px) !important;
  }
}
@media (min-width: 1024px) {
  .address-location-2 .input-wrap:not(:last-child) {
    margin-right: 16px !important;
  }
}
.address-location-2 .input-select-chosen {
  height: 56px;
}
.address-location-2 .input-select-custom.is-open .input-select-chosen {
  height: 58px;
}
.address-location {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 1024px) {
  .address-location .input-state {
    flex-grow: 1;
    max-width: 76%;
  }
}
@media (min-width: 1024px) {
  .address-location .input-state:first-child {
    margin-right: 16px;
  }
}
@media (min-width: 1024px) {
  .address-location .zip {
    max-width: calc(24% - 16px);
  }
}
@media (min-width: 1024px) {
  .address-location .zip:first-child {
    margin-right: 16px;
  }
}
@media (min-width: 1024px) {
  .address-location--big-zip .input-state {
    max-width: 59%;
  }
}
@media (min-width: 1024px) {
  .address-location--big-zip .zip {
    max-width: calc(41% - 16px);
  }
}
@media (min-width: 1024px) {
  .address-contact,
  .address-name {
    display: flex;
  }
}
@media (min-width: 1024px) {
  .address-contact .input-wrap,
  .address-name .input-wrap {
    width: calc(50% - 8px);
  }
}
@media (min-width: 1024px) {
  .address-contact .input-wrap:not(:last-child),
  .address-name .input-wrap:not(:last-child) {
    margin-right: 16px;
  }
}