@font-face {
  font-family: "Roboto";
  font-weight: 100;
  src: url(/fonts/Roboto-Thin.ttf?c38fab23fc1c36894f10dd8014479b53) format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-weight: 300;
  src: url(/fonts/Roboto-Light.ttf?0cea39826bd36bbfe33076c544e3a1af) format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-weight: 400;
  src: url(/fonts/Roboto-Regular.ttf?03523cf578d69fa923226ff457b92d90) format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-weight: 500;
  src: url(/fonts/Roboto-Medium.ttf?13a29228654d5c5ec9c482a267efa4af) format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-weight: 700;
  src: url(/fonts/Roboto-Bold.ttf?4f39c5796e60c9d8e7327a00e9a4442e) format("truetype");
}
@font-face {
  font-family: "Inter";
  font-weight: 200;
  src: url(/fonts/Inter-ExtraLight.ttf?fbcf1d9ad9d7bac9f6deba88c69fc3f0) format("truetype");
}
@font-face {
  font-family: "Inter";
  font-weight: 300;
  src: url(/fonts/Inter-Light.ttf?02850f2802778858073313a327b0455d) format("truetype");
}
@font-face {
  font-family: "Noto Sans Condensed";
  font-weight: 300;
  src: url(/fonts/NotoSansArmenian_Condensed-Light.ttf?e8dd9e3537fb4b79e2aa0ae724ed049b) format("truetype");
}
@font-face {
  font-family: "Noto Sans Condensed";
  font-weight: 400;
  src: url(/fonts/NotoSansArmenian_Condensed-Regular.ttf?eee68abfb656687e894d72cb6f3bbb32) format("truetype");
}
@font-face {
  font-family: "Noto Sans Condensed";
  font-weight: 500;
  src: url(/fonts/NotoSansArmenian_Condensed-Medium.ttf?f6e664ad98cc869a1e751a3eb78547ab) format("truetype");
}
@font-face {
  font-family: "Noto Sans Condensed";
  font-weight: 600;
  src: url(/fonts/NotoSansArmenian_Condensed-SemiBold.ttf?a871854ee3a78e467c2e2b415e18513f) format("truetype");
}
@font-face {
  font-family: "Noto Sans Condensed";
  font-weight: 700;
  src: url(/fonts/NotoSansArmenian_Condensed-Bold.ttf?306bef3b4a872e1759e490b105d53e62) format("truetype");
}
@font-face {
  font-family: "Noto Sans Armenian";
  font-weight: 300;
  src: url(/fonts/NotoSansArmenian-Light.ttf?da4bc5e2fa24fb09cc80d14126ba1e4d) format("truetype");
}
@font-face {
  font-family: "Noto Sans Armenian";
  font-weight: 400;
  src: url(/fonts/NotoSansArmenian-Regular.ttf?8b40f5639ff36df8f319adaa440ef496) format("truetype");
}
@font-face {
  font-family: "Noto Sans Armenian";
  font-weight: 500;
  src: url(/fonts/NotoSansArmenian-Medium.ttf?f26e0fa4c3024718622de170adfcf74d) format("truetype");
}
@font-face {
  font-family: "Noto Sans Armenian";
  font-weight: 600;
  src: url(/fonts/NotoSansArmenian-SemiBold.ttf?3904c300f6e896df0d2982a958bd2e2b) format("truetype");
}
@font-face {
  font-family: "Noto Sans Armenian";
  font-weight: 700;
  src: url(/fonts/NotoSansArmenian-Bold.ttf?591dd3563779f9c00963fb2b774ed1da) format("truetype");
}
@font-face {
  font-family: "Noto Sans Armenian";
  font-weight: 800;
  src: url(/fonts/NotoSansArmenian-ExtraBold.ttf?34720b3cb84d4beb8a6616fe8b0bae1f) format("truetype");
}
@font-face {
  font-family: "Noto Sans Armenian";
  font-weight: 900;
  src: url(/fonts/NotoSansArmenian-Black.ttf?9d7ec022e3c8d3fc1272431f451aede6) format("truetype");
}
@font-face {
  font-family: "Cambay";
  font-weight: 400;
  src: url(/fonts/Cambay-Regular.ttf?b308371429c819a7fbd01713528bd476) format("truetype");
}
@font-face {
  font-family: "Cambay";
  font-weight: 700;
  src: url(/fonts/Cambay-Bold.ttf?1f3a219347014fa405dcadda694836f1) format("truetype");
}
@font-face {
  font-family: "Calibri";
  src: url(/fonts/Calibri-LightItalic.eot?0cba91ff77f37e9f85607296c2388a9b);
  src: url(/fonts/Calibri-LightItalic.eot?0cba91ff77f37e9f85607296c2388a9b?#iefix) format("embedded-opentype"), url(/fonts/Calibri-LightItalic.woff2?4f89513749fae758d3afe881954e1bfb) format("woff2"), url(/fonts/Calibri-LightItalic.woff?9e481bce14faeff6310a03d9068a2929) format("woff"), url(/fonts/Calibri-LightItalic.ttf?ff5fc7e76943a03132e2e2bd6032cb66) format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Calibri";
  src: url(/fonts/Calibri-Light.eot?ad605117bb11573d483d27beb7f441d3);
  src: url(/fonts/Calibri-Light.eot?ad605117bb11573d483d27beb7f441d3?#iefix) format("embedded-opentype"), url(/fonts/Calibri-Light.woff2?9467b48d01453dcfb608d2399c568e38) format("woff2"), url(/fonts/Calibri-Light.woff?dfbd2e9bf389906b0787f279fc9544dc) format("woff"), url(/fonts/Calibri-Light.ttf?6e65bc1d87d060380573759553761e5c) format("truetype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Calibri";
  src: url(/fonts/Calibri-Bold.eot?0d3a43601dc8893bfd3775a5b2b1323e);
  src: url(/fonts/Calibri-Bold.eot?0d3a43601dc8893bfd3775a5b2b1323e?#iefix) format("embedded-opentype"), url(/fonts/Calibri-Bold.woff2?1aa982ab4f16e7b7108896f9aaac682f) format("woff2"), url(/fonts/Calibri-Bold.woff?d803ea5603a58342835303da89635246) format("woff"), url(/fonts/Calibri-Bold.ttf?f2d2f1a65726922b3c49b26e121d1d81) format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Calibri";
  src: url(/fonts/Calibri.eot?1144fef81641e2c8c8402e84b325101a);
  src: url(/fonts/Calibri.eot?1144fef81641e2c8c8402e84b325101a?#iefix) format("embedded-opentype"), url(/fonts/Calibri.woff2?6d82cfabc309b9253a3636697a50398c) format("woff2"), url(/fonts/Calibri.woff?b79e6a3ae8c63fb5b57b7ee760dcf36e) format("woff"), url(/fonts/Calibri.ttf?e5dd7b9573d9f08c448cf3919114c25e) format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Winston-Thin";
  src: url(/fonts/WinstonGeo1ThinMtavruli.eot?65f8aee36e487fcd0f18642c5597c7bc);
  /* IE9 Compat Modes */
  src: url(/fonts/WinstonGeo1ThinMtavruli.eot?65f8aee36e487fcd0f18642c5597c7bc?#iefix) format("embedded-opentype"), url(/fonts/WinstonGeo1ThinMtavruli.woff?c8bd843507439a344ace56e667ab87ff) format("woff"), url(/fonts/WinstonGeo1ThinMtavruli.ttf?9a6c70404acf99f070de65aec9db3f1a) format("truetype"), url(/fonts/WinstonGeo1ThinMtavruli.otf?8f7ec76df31fc683e802c88a60a0d9a9) format("opentype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Winston-Bold";
  src: url(/fonts/WinstonGeo1BoldMtavruli.eot?51c84d4ce40b3dfb0b1e817d7fbdb487);
  /* IE9 Compat Modes */
  src: url(/fonts/WinstonGeo1BoldMtavruli.eot?51c84d4ce40b3dfb0b1e817d7fbdb487?#iefix) format("embedded-opentype"), url(/fonts/WinstonGeo1BoldMtavruli.woff?c933076280ce41784b7339a2a41a399a) format("woff"), url(/fonts/WinstonGeo1BoldMtavruli.ttf?494b44fcce4be8d73bf55b339dd25249) format("truetype"), url(/fonts/WinstonGeo1BoldMtavruli.otf?924fc11689d47c1f67cf7f56bb7e7f07) format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Winston-Medium";
  src: url(/fonts/WinstonGeo1MediumMtavruli.eot?d0bfbaa353dc79c369561eed728b7e40);
  /* IE9 Compat Modes */
  src: url(/fonts/WinstonGeo1MediumMtavruli.eot?d0bfbaa353dc79c369561eed728b7e40?#iefix) format("embedded-opentype"), url(/fonts/WinstonGeo1MediumMtavruli.woff?1913306e7fa07fc09b2f92feebebe3c8) format("woff"), url(/fonts/WinstonGeo1MediumMtavruli.ttf?85630ef9f5049afd718fefc2efb0fa51) format("truetype"), url(/fonts/WinstonGeo1MediumMtavruli.otf?50a8a8bfa65c359c8edb1ddb19873f8a) format("opentype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "WinstonArmenian";
  src: url(/fonts/WinstonArmenian-Bold.otf?f3e9f5f8a25bc7dd6ad2e0f28e2db144) format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "WinstonArmenian";
  src: url(/fonts/WinstonArmenian-Extrabold.otf?37dd1bf42407c55f5edd921ac077539f) format("opentype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "WinstonArmenian";
  src: url(/fonts/WinstonArmenian-Regular.otf?27b0fbe56bd2b240c563312b12f4ef8c) format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "WinstonArmenian";
  src: url(/fonts/WinstonArmenian-Thin.otf?54875962e181fe873cab803e2b7680d1) format("opentype");
  font-weight: 100;
  font-style: normal;
}
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

:root {
  --radio-size-60: 60px;
  --radio-dot-size-24: 24px;
  --white: #fff;
  --black: #000;
  --primary-color: #0e3087;
  --primary-active-color: #1543ba;
  --blue-120: #93D5F5;
  --blue-130: #8199D5;
  --blue-150: #74c7ee;
  --blue-170: #6dc4ec;
  --blue-180: #37CEFF;
  --blue-185: #68CCE0;
  --blue-190: #00BFDB;
  --blue-195: #4CC3F0;
  --blue-200: #1ca2c4;
  --blue-250: #24A4DD;
  --blue-260: #1C9AD6;
  --blue-300: #028bcb;
  --blue-320: #276AB8;
  --blue-350: #3c76fb;
  --blue-355: #0D5EAE;
  --blue-360: #0F4F91;
  --blue-370: #045CAD;
  --blue-390: #032BCD;
  --blue-400: #0c3186;
  --blue-500: #0032FF;
  --blue-600: #183483;
  --blue-800: #003f6a;
  --blue-820: #143964;
  --blue-900: #213140;
  --dark-200: #7d7d7d;
  --dark-400: #5b5e5e;
  --dark-500: #4B463B;
  --dark-700: #323232;
  --dark-720: #2F2F2F;
  --dark-740: #2B2B2B;
  --dark-750: #2C2B2B;
  --dark-800: #2a2d31;
  --dark-820: #1F2328;
  --dark-850: #19191a;
  --dark-870: #141515;
  --dark-880: #0C0C0C;
  --dark-900: #050007;
  --yellow-100: #ebe4d8;
  --yellow-300: #ffe1a9;
  --yellow-400: #eacc8c;
  --yellow-600: #A18F6B;
  --yellow-900: #a66848;
  --orange-290: #FF9500;
  --orange-300: #FF8515;
  --orange-310: #F28620;
  --orange-330: #FF7F05;
  --orange-500: #AC5233;
  --yellow: #ffee00;
  --error: #c50022;
  --btn-gradient: linear-gradient(91deg, #EDDDBA 14.37%, #FBFBFB 29.93%, #D3B26A 72.84%);
  --shadow-i: 0 4px 4px 0 rgba(0, 0, 0, .25) inset;
  --shadow: 0 4px 4px 0 rgba(0, 0, 0, .25);
  --shadow-text: 1px 1px 1px var(--blue-370), 1px -1px 1px var(--blue-370), -1px 1px 1px var(--blue-370), -1px -1px 1px var(--blue-370);
  --shadow-text-v2: 0px 4px 4px rgba(0, 0, 0, .25);
  --shadow-filter: drop-shadow(0px 4px 4px rgb(0 0 0 / 0.25));
  --gradient-v2: linear-gradient(90deg, #0076E3 0%, #04FCFC 100%);
  --sob-game-gold1: #CDB584;
  --sob-game-gold2: #987C4D;
  --sob-game-gold3: #F2D19E;
  --sob-game-dark: #30302E;
  --sob-game-red: #D80102;
  --sob-gradient: linear-gradient(90deg, #987C4D 0%, #F2D19E 39.56%, #CDB584 100%);
  --win-bb-yellow: #EF7B0D ;
}

*, *:before, *:after {
  box-sizing: border-box;
}

html,
body {
  width: 100%;
  height: 100%;
}

.fullpage-scroll {
  overflow: hidden;
}

.full-page-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}

.section {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
}
.section > div {
  padding-top: 60px;
}

.section.active {
  visibility: visible;
  opacity: 1;
}

body {
  font-size: 16px;
  line-height: 1;
  font-weight: 400;
  font-family: Roboto, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.container {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media (min-width: 768px) {
  .container {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (min-width: 1170px) {
  .container {
    padding-left: 43px;
    padding-right: 43px;
  }
}

.main {
  width: 100%;
}
.main > div {
  height: 100%;
}

.page-title {
  display: flex;
  flex-direction: column;
  align-self: center;
  color: #000;
  font-size: 1.75em;
  font-family: Cambay, sans-serif;
  font-weight: 700;
  padding-top: 38px;
  padding-bottom: 45px;
  text-align: center;
  white-space: pre-line;
}
.page-title.white {
  color: #fff;
}
.page-title.white .page-title__divide {
  background-color: #fff;
  background-image: none;
}
.page-title.pink {
  font-size: 1.5em;
  padding-bottom: 20px;
}
.page-title.pink .page-title__divide {
  width: 208px;
  height: 4px;
  margin-top: 7px;
  margin-right: auto;
  margin-left: auto;
  background-image: linear-gradient(90deg, #e7a7b0 0%, #fdbc90 35%, #fd85ad 64%, #e83f37 100%);
}
.page-title__divide {
  display: inline-block;
  background-image: linear-gradient(90deg, #03c3c6 0%, #fdcd94 35%, #f8949a 66%, #cb75f0 100%);
  width: 100%;
  height: 6px;
  margin-top: 14px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) {
  .page-title {
    font-size: 2.5em;
    padding-bottom: 58px;
  }
  .page-title.pink {
    font-size: 1.875em;
    padding-bottom: 58px;
  }
  .page-title.pink .page-title__divide {
    height: 7px;
    margin-top: 17px;
  }
  .page-title__divide {
    height: 7px;
    margin-top: 22px;
  }
}

.triangle-bottom {
  position: absolute;
  left: 50%;
  bottom: 0.9375em;
  margin-left: -0.8125em;
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.8125em 0.8125em 0 0.8125em;
  border-color: #fff transparent transparent transparent;
}
.triangle-bottom.blue {
  border-color: #02aec3 transparent transparent transparent;
}
.triangle-bottom.hide {
  display: none;
}
@media (min-width: 768px) {
  .triangle-bottom {
    bottom: 2.1875em;
  }
}

.grecaptcha-badge {
  z-index: 3;
  bottom: 60px !important;
}

.page-background-image {
  width: 100%;
  height: 31%;
  position: absolute;
  bottom: 0;
  overflow: hidden;
  z-index: -1;
}
.page-background-image img {
  width: 144%;
  height: 100%;
  display: flex;
  position: absolute;
  left: -22%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}
@media (min-width: 480px) and (min-height: 720px) {
  .page-background-image img {
    width: 125%;
    left: -13%;
  }
}
@media (min-width: 580px) and (max-width: 767px) and (min-height: 720px) {
  .page-background-image img {
    width: 104%;
    left: -2%;
  }
}
@media (min-width: 768px) {
  .page-background-image {
    display: none;
  }
}

#root,
.wrapper {
  height: 100%;
}
#root.height-auto,
.wrapper.height-auto {
  height: auto;
}
#root.height-auto .header,
.wrapper.height-auto .header {
  position: sticky;
  top: 0;
}

.wrapper {
  position: relative;
  display: flex;
  flex-flow: column;
}
.wrapper .header, .wrapper .footer {
  flex: 0 0 auto;
}
.wrapper .main {
  flex: 1 0 auto;
}

p {
  margin: 0;
}

img {
  vertical-align: middle;
}

.preloader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 4px solid #fff;
  border-top-color: #2eb2b5;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  animation: spin 2s linear infinite;
}

.hidden {
  visibility: hidden;
}

.nowrap {
  white-space: nowrap;
}

@supports (((-webkit-background-clip: text) or (background-clip: text)) or (-webkit-background-clip: text)) and ((text-fill-color: transparent) or (-webkit-text-fill-color: transparent)) {
  .text-gradient {
    background: var(--yellow-300);
    background: linear-gradient(to left, #6d5237 0%, #cfb280 25%, #e9d7b4 34%, #e9d7b4 54%, #a9855a 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
  }
}
@supports (((-webkit-background-clip: text) or (background-clip: text)) or (-webkit-background-clip: text)) and ((text-fill-color: transparent) or (-webkit-text-fill-color: transparent)) {
  .text-gradient-v2 {
    background: var(--yellow-300);
    background: linear-gradient(to left, #cab486 0%, #ddc99d 25%, #e9d7b4 43%, #c3a67e 81%, #a9855a 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.main-page-container .header {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 20;
}

.main-page .main-tasks {
  display: flex;
  flex-wrap: wrap;
  background-color: #fff;
  height: 100%;
  position: relative;
}
.main-page .main-tasks__left {
  width: 100%;
  order: 1;
}
.main-page .main-tasks__right {
  display: flex;
  flex-direction: column;
  order: 0;
  width: 100%;
}
.main-page .main-tasks-map {
  height: 100%;
}
.main-page .main-tasks-map__bg {
  display: inline-block;
  width: 100%;
  height: 400px;
  min-height: 100%;
  background-image: url(/images/task_bg.jpg?66f7ce877a8d5cbb312822ab0641055e);
  background-repeat: no-repeat;
  background-size: cover;
}
.main-page .main-tasks-map > div {
  height: 400px;
  min-height: 100%;
}
.main-page .main-tasks-choose {
  width: 100%;
  padding: 0 30px;
  flex: auto;
}
.main-page .main-tasks-choose-btn {
  width: 100%;
  height: 3.2222222222em;
  border: none;
  border-radius: 5px;
  outline: none;
  margin: 0 0 20px;
  display: flex;
  align-items: center;
  padding: 0 25px 0 0;
  color: #fff;
  text-decoration: none;
  font-size: 1.125em;
  font-weight: 700;
  cursor: pointer;
  text-align: left;
}
.main-page .main-tasks-choose-btn a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  color: #fff;
  text-decoration: none;
}
.main-page .main-tasks-choose-btn__icon {
  margin-right: 10px;
  width: 2.8333333333em;
  height: 3.2222222222em;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.main-page .main-tasks-choose-btn__icon img {
  max-width: 100%;
  width: 1.3333333333em;
  height: 1.3333333333em;
  -o-object-fit: contain;
     object-fit: contain;
}
.main-page .main-tasks-choose-btn__prize-points {
  font-size: 0.8125em;
  font-weight: 300;
  margin-left: auto;
  flex-shrink: 0;
}
.main-page .main-tasks-choose-btn__prize-points strong {
  font-size: 1.3846153846em;
  font-weight: normal;
}
.main-page .main-tasks-choose-btn__prize-points span {
  display: none;
}
.main-page .main-tasks-choose-btn.census {
  background-color: #37c0be;
}
.main-page .main-tasks-choose-btn.retail {
  background-color: #fdb813;
}
.main-page .main-tasks-choose-btn.photo-shooting {
  background-color: #f05a72;
}
.main-page .main-tasks-choose-btn.survey {
  background-color: #14a2fc;
}
.main-page .main-tasks-choose-btn.photo-id {
  background-color: #b6c801;
}
.main-page .main-tasks-choose-btn.photo-id .main-tasks-choose-btn__icon img {
  width: 1.5em;
}
.main-page .main-tasks-choose-btn.active {
  background-color: #000;
}
.main-page .main-tasks-choose-btn.active.census .main-tasks-choose-btn__icon {
  background-color: #37c0be;
}
.main-page .main-tasks-choose-btn.active.retail .main-tasks-choose-btn__icon {
  background-color: #fdb813;
}
.main-page .main-tasks-choose-btn.active.photo-shooting .main-tasks-choose-btn__icon {
  background-color: #f05a72;
}
.main-page .main-tasks-choose-btn.active.photo-id .main-tasks-choose-btn__icon {
  background-color: #b6c801;
}
.main-page .main-tasks-choose-btn.active.survey .main-tasks-choose-btn__icon {
  background-color: #14a2fc;
}
.main-page .main-tasks-choose-btn.active .main-tasks-choose-btn__icon {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.main-page .main-tasks-choose-btn[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}
.main-page .main-tasks-select__label {
  margin-bottom: 19px;
  font-size: 1.125em;
  color: #636363;
  text-align: center;
}
.main-page .main-tasks-select .react-select__menu {
  z-index: 25;
}
.main-page .main-tasks .gmap-info {
  padding: 8px;
}
.main-page .main-tasks .popup {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 30;
  background: url(/images/shop-popup-bg.png?d22e2256b161e629c6a95fd296727efb) no-repeat;
  background-position: center;
  background-size: cover;
  padding: 60px 0 80px;
}
.main-page .main-tasks .popup.attention {
  background-image: linear-gradient(180deg, #e7a7b0 0%, #fdbc90 35%, #fd85ad 64%, #e83f37 100%);
  background: url(/images/shop-popup-attention-bg.png?8ca3bc666c87177c819fb43804d850f2) no-repeat;
  background-size: cover;
}
.main-page .main-tasks .popup__close {
  width: 1.375em;
  height: 1.375em;
  background: url(/images/icon-x.png?8e4e88fbfd8e9eb4af5ea6efcc70431e) no-repeat;
  background-size: contain;
  position: absolute;
  top: 1.1875em;
  right: 1.25em;
  cursor: pointer;
}
.main-page .main-tasks .popup__wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.main-page .main-tasks .popup__img {
  width: 75px;
  margin-bottom: 40px;
}
.main-page .main-tasks .popup__text {
  margin-bottom: 10px;
  max-width: 100%;
  font-size: 1.125em;
  font-weight: 400;
  text-align: center;
  white-space: pre-line;
}
.main-page .main-tasks .popup__link {
  color: rgba(0, 0, 0, 0.7);
  font-size: 0.9375em;
  font-weight: 300;
  margin-top: 30px;
}
.main-page .presentation {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  position: relative;
  background-color: #02baaf;
}
.main-page .presentation .page-title {
  padding-top: 0;
}
.main-page .presentation__image {
  width: 15.625em;
  height: 15.625em;
  margin: 0 auto;
  text-align: center;
  visibility: hidden;
}
.main-page .presentation__image img {
  max-width: 100%;
  height: inherit;
}
.main-page .presentation__btn {
  position: relative;
  width: 10.9976798144em;
  margin: 3.125em auto 0;
}
.main-page .presentation__btn.active .btn {
  visibility: visible;
  opacity: 1;
}
.main-page .presentation__btn .btn {
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s;
}
.main-page .presentation .footer {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  bottom: 0;
  z-index: -1;
}
.main-page .presentation .footer-wrap {
  padding-top: 20px;
  padding-bottom: 25px;
}
.main-page .presentation .footer-contact {
  margin-top: 15px;
  margin-bottom: 20px;
}
.main-page .how-it {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: 100%;
  position: relative;
  background-color: #fff;
}
.main-page .how-it__sub-title {
  color: #707070;
  font-size: 1.125em;
  font-weight: 300;
  max-width: 16.6666666667em;
  text-align: center;
  margin: 0 auto;
}
.main-page .how-it-slider {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 3.75em;
}
.main-page .how-it-slider__slide {
  display: none;
  flex-direction: column;
  align-items: center;
  width: 13.75em;
  margin: 0 35px;
}
.main-page .how-it-slider__slide.active {
  display: flex;
}
.main-page .how-it-slider__image {
  width: 5.5em;
  height: 5.5em;
  margin-bottom: 2.375em;
}
.main-page .how-it-slider__text {
  font-size: 1.125em;
  font-weight: 300;
  color: #707070;
  text-align: center;
  white-space: pre-line;
  min-height: 5em;
}
.main-page .how-it-slider__dots {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.main-page .how-it-slider__dots span {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 0 5px;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
}
.main-page .how-it-slider__dots span.active {
  background-color: #000;
}
.main-page .how-it .footer {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  bottom: 0;
  z-index: -1;
}
.main-page .how-it .footer-wrap {
  padding-top: 20px;
  padding-bottom: 25px;
}
.main-page .how-it .footer-contact {
  margin-top: 15px;
  margin-bottom: 20px;
}
.main-page .join-us {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  height: 100%;
  background: url(/images/join-us-bg.png?742c3d2f5523405c96d9360372c24f6d) no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  padding-bottom: 7.5em;
}
.main-page .join-us .page-title {
  color: #fff;
}
.main-page .join-us .page-title__divide {
  width: 100% !important;
}
.main-page .join-us__image {
  width: 15.625em;
  height: 10.625em;
  margin: 0 auto;
  text-align: center;
}
.main-page .join-us__image img {
  max-width: 100%;
  height: inherit;
}
.main-page .join-us__guiding-text {
  margin-top: 0;
  margin-bottom: 1.1111111111em;
  color: #fff;
  font-size: 1.125em;
  font-weight: 300;
  text-align: center;
  max-width: 13.8888888889em;
  white-space: pre-line;
}
.main-page .join-us .btn {
  width: 10.9976798144em;
}
.main-page .section-footer .footer {
  position: absolute;
  bottom: 0;
  z-index: 10;
  height: 100%;
}
.main-page .section-footer .footer-wrap {
  padding-top: 20px;
  padding-bottom: 25px;
  justify-content: center;
}
.main-page .section-footer .footer-contact {
  margin-top: 15px;
  margin-bottom: 20px;
}
.main-page .fullpage-media {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  -o-object-position: center;
     object-position: center;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 768px) {
  .main-page .main-tasks__left {
    width: 63%;
    order: inherit;
  }
  .main-page .main-tasks__right {
    width: 37%;
    order: inherit;
  }
  .main-page .main-tasks-map__bg {
    height: 100%;
  }
  .main-page .main-tasks-choose {
    width: 70%;
    padding: 0;
    margin: 0 auto;
  }
  .main-page .main-tasks-choose-btn__prize-points span {
    display: inline-block;
  }
  .main-page .main-tasks-choose-btn__icon {
    margin-right: 0.6666666667em;
  }
  .main-page .main-tasks-select__label {
    text-align: left;
  }
  .main-page .main-tasks .popup {
    padding: 50px 0 90px;
    z-index: 3;
  }
  .main-page .main-tasks .popup__close {
    top: 1.5em;
    right: 1.875em;
  }
  .main-page .main-tasks .popup__img {
    width: 6.5625em;
  }
  .main-page .main-tasks .popup__text {
    max-width: 27.5em;
    font-size: 1.25em;
  }
  .main-page .main-tasks .popup__link {
    font-size: 1.1875em;
  }
  .main-page .section-footer {
    display: none;
  }
  .main-page .presentation {
    align-items: center;
  }
  .main-page .presentation__image {
    width: 18.75em;
    height: 18.75em;
  }
  .main-page .presentation__btn {
    width: 14.8125em;
    margin: auto auto 6.25em;
  }
  .main-page .presentation .footer {
    visibility: visible;
    opacity: 1;
    z-index: 10;
  }
  .main-page .presentation .footer-contact {
    margin-top: 0;
    margin-bottom: 0;
  }
  .main-page .presentation .footer-wrap {
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-page .presentation .footer-contact {
    margin-top: 0;
    margin-bottom: 0;
  }
  .main-page .presentation .triangle-bottom {
    display: none;
  }
  .main-page .section.active > .how-it .footer {
    visibility: visible;
    opacity: 1;
  }
  .main-page .how-it {
    justify-content: center;
    padding-bottom: 60px;
  }
  .main-page .how-it .page-title {
    padding-top: 0;
  }
  .main-page .how-it__sub-title {
    font-size: 1.625em;
    max-width: 23.4615384615em;
  }
  .main-page .how-it-slider {
    flex-direction: row;
    align-items: stretch;
    margin-top: 5.9375em;
  }
  .main-page .how-it-slider__slide {
    display: flex;
  }
  .main-page .how-it-slider__text {
    font-size: 1.25em;
    min-height: auto;
  }
  .main-page .how-it-slider__dots {
    display: none;
  }
  .main-page .how-it .footer {
    z-index: 10;
  }
  .main-page .how-it .footer-contact {
    margin-top: 0;
    margin-bottom: 0;
  }
  .main-page .how-it .footer-wrap {
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-page .how-it .footer-contact {
    margin-top: 0;
    margin-bottom: 0;
  }
  .main-page .join-us {
    justify-content: center;
    padding-bottom: 60px;
    background-position: top;
  }
  .main-page .join-us .page-title {
    padding-top: 0;
    white-space: normal;
  }
  .main-page .join-us .page-title__divide {
    width: 223px !important;
  }
  .main-page .join-us__image {
    height: auto;
  }
  .main-page .join-us__guiding-text {
    margin-top: 1.2666666667em;
    margin-bottom: 1.6666666667em;
    font-size: 1.875em;
    max-width: 15.5em;
    white-space: normal;
  }
  .main-page .fullpage-media {
    width: auto;
    height: calc(100% - 60px);
    top: 60px;
    right: inherit;
    bottom: inherit;
    left: inherit;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center;
       object-position: center;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .main-page .main-tasks__left {
    width: 55%;
  }
  .main-page .main-tasks__right {
    width: 45%;
  }
}
@media (min-width: 1280px) {
  .main-page .join-us {
    justify-content: flex-end;
    padding-bottom: 100px;
  }
}
@media (min-width: 1280px) and (min-height: 901px) and (max-height: 1050px) {
  .main-page {
    font-size: 1.125em;
  }
}
@media (min-width: 1280px) and (min-height: 650px) and (max-height: 700px) {
  .main-page {
    font-size: 0.875em;
  }
}
@media (min-width: 1280px) and (max-height: 649px) {
  .main-page {
    font-size: 0.75em;
  }
}
@media (min-width: 1400px) and (min-height: 901px) and (max-height: 1050px) {
  .main-page {
    font-size: 1.1875em;
  }
}
@media (min-width: 1600px) and (min-height: 901px) and (max-height: 1080px) {
  .main-page {
    font-size: 1.25em;
  }
}

.notify-prize-popup .popup {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 30;
  background-color: #fff;
  overflow-y: auto;
}
.notify-prize-popup .popup .page-title {
  padding-bottom: 30px;
}
.notify-prize-popup .popup__close {
  width: 1.375em;
  height: 1.375em;
  background: url(/images/blue-icon-x.png?c2092668af1b2e96806e93f4d531a312) no-repeat;
  background-size: contain;
  position: absolute;
  top: 1.1875em;
  right: 1.25em;
  cursor: pointer;
}
.notify-prize-popup .popup__wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: auto;
  min-height: 100%;
  padding: 35px 0;
}
.notify-prize-popup .popup__img {
  width: 120px;
  max-width: 100%;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  margin-left: -20px;
}
.notify-prize-popup .popup__text {
  margin-bottom: 5px;
  max-width: 100%;
  font-size: 0.9375em;
  font-weight: 400;
  color: rgba(35, 31, 32, 0.67);
  text-align: center;
  white-space: pre-line;
}
.notify-prize-popup .popup__greeting {
  font-size: 1.25em;
  font-family: Cambay, sans-serif;
  font-weight: 700;
  color: #5f6776;
  text-align: center;
  margin: 0 0 25px;
  max-width: 13.1578947368em;
  white-space: pre-line;
}
.notify-prize-popup .popup__btn.btn {
  width: 230px;
}
.notify-prize-popup.notify-popup img {
  width: 14.375em;
  max-width: 100%;
  margin-bottom: 3.125em;
}
.notify-prize-popup.notify-popup .text {
  margin-bottom: 1.5625em;
  max-width: 81%;
  font-size: 1.25em;
  font-weight: 400;
  line-height: 1.1;
  text-align: center;
  white-space: pre-line;
  color: #5f6776;
}
.notify-prize-popup.notify-popup .text:last-of-type {
  margin-bottom: 1.875em;
}
.notify-prize-popup.notify-popup .btn {
  width: 11.5625em;
}
@media (min-width: 768px) {
  .notify-prize-popup .page-title {
    padding-bottom: 40px;
  }
  .notify-prize-popup .popup__wrap {
    height: auto;
    padding: 60px 0 60px;
  }
  .notify-prize-popup .popup__text {
    font-size: 1.125em;
  }
  .notify-prize-popup .popup__img {
    margin-top: 1.25em;
    margin-bottom: 1.5625em;
    width: 9.0625em;
  }
  .notify-prize-popup .popup__greeting {
    font-size: 1.375em;
    max-width: 13.1818181818em;
    margin: 0 0 1.1363636364em;
  }
  .notify-prize-popup .popup__btn.btn {
    width: 10.6728538283em;
  }
  .notify-prize-popup.notify-popup img {
    margin-bottom: 4.375em;
    width: 23.75em;
  }
  .notify-prize-popup.notify-popup .text {
    margin-bottom: 1.25em;
    font-size: 1.75em;
    max-width: 13.9285714286em;
  }
  .notify-prize-popup.notify-popup .text:last-of-type {
    margin-bottom: 1.5625em;
  }
}

.open-notify {
  overflow: hidden;
}
@media (max-width: 767px) {
  .open-notify .notify-prize-popup .popup {
    position: fixed;
  }
}

.lang-ge .main-page .main-tasks-choose {
  padding: 0 25px;
}
.lang-ge .main-page .main-tasks-choose-btn {
  padding-right: 15px;
}
.lang-ge .notify-prize-popup.notify-popup .text {
  max-width: 100%;
}
@media (min-width: 768px) {
  .lang-ge .main-page .main-tasks-choose {
    padding: 0;
  }
  .lang-ge .main-page .join-us__guiding-text {
    max-width: 13.6363636364em;
  }
  .lang-ge .notify-prize-popup.notify-popup .text {
    max-width: 20em;
  }
}

@media (max-width: 767px) {
  .open-popup {
    overflow: hidden;
  }
  .open-popup .main-page .main-tasks .popup {
    position: fixed;
  }
}

.auth {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.auth__wrap {
  display: flex;
  flex-direction: column;
  width: 70%;
  margin: 0 auto;
  padding-bottom: 30px;
}
.auth__desc-wrap {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  text-align: center;
  padding-bottom: 32px;
  height: 100%;
}
.auth .user-greeting {
  font-size: 1.1em;
  font-weight: 300;
  color: #000;
  margin-bottom: 12px;
}
.auth .auth-desc {
  font-size: 1em;
  font-weight: 300;
  color: #636363;
}
.auth .auth-desc a {
  color: #636363;
}
.auth .form-error .user-greeting, .auth .form-error .auth-desc {
  display: none;
}
.auth .form-error .auth-error {
  display: block;
}
.auth .auth-error {
  display: none;
  font-size: 1.18em;
  font-weight: 300;
  color: #e5465f;
}
.auth .underline {
  display: inline-block;
  text-decoration: underline;
}
.auth__forgot {
  font-size: 0.8em;
  font-weight: 300;
  text-align: center;
  margin-top: 30px;
}
.auth__forgot a {
  color: #959595;
  text-decoration: underline;
}
.auth__form-wrap form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.auth__btns {
  width: 75%;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
}
.auth-col {
  width: 18.75em;
}
.auth-row {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.auth-group-wrap {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.auth-container .footer {
  display: none;
}
.auth .signup-rules {
  width: 80%;
  margin: 0 auto;
}
.auth .signup-rules__text {
  color: #7d7d7d;
  font-size: 0.875em;
  font-weight: 300;
  margin-bottom: 15px;
  height: 16.4285714286em;
}
.auth .signup-rules__text .page-title {
  padding: 10px 0 15px;
  color: inherit;
}
.auth .signup-rules__text .page-title__divide {
  display: none;
}
.auth .signup-rules__text .article-part {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 5px;
}
.auth .signup-rules__text .article-part__number {
  min-width: 48px;
  width: auto;
  margin: 0 10px 0 10px;
  font-size: 1em;
  line-height: 1;
}
.auth .signup-rules__text .article-part__text {
  font-size: 1em;
  line-height: 1;
}
.auth .signup-rules form {
  display: flex;
  flex-direction: column;
  padding-top: 20px;
}
.auth .radio-content__label {
  font-size: 1.18em;
  font-weight: 300;
  text-align: center;
  color: #000;
  margin-bottom: 14px;
}
.auth .radio-content label img {
  display: inline-block;
  margin-right: 6px;
  width: 22px;
  max-width: 100%;
}
@media (min-width: 650px) {
  .auth__wrap {
    width: 18.75em;
  }
  .auth__btns {
    width: 100%;
  }
  .auth__desc-wrap {
    height: 8.625em;
  }
  .auth__forgot {
    font-size: 0.875em;
  }
  .auth .user-greeting {
    font-size: 1.375em;
    margin-bottom: 25px;
  }
  .auth .auth-desc {
    font-size: 1.18em;
  }
}
@media (min-width: 768px) {
  .auth-container .footer {
    display: flex;
  }
  .auth__wrap {
    padding-bottom: 60px;
  }
  .auth-row {
    justify-content: space-between;
  }
  .auth .signup-rules {
    width: 100%;
  }
  .auth .signup-rules form {
    padding-top: 0;
  }
  .auth .signup-rules__text {
    font-size: 1em;
    margin-bottom: 22px;
    height: 16.25em;
  }
  .auth .signup-rules .checkbox-wrapper {
    margin-bottom: 34px;
  }
  .auth .radio-content label img {
    width: 1.0208816705em;
  }
}
@media (min-width: 1280px) and (max-width: 1365px) and (min-height: 901px) and (max-height: 1024px) {
  .auth.signin, .auth.password-reset, .auth.new-password {
    font-size: 1.1875em;
  }
  .auth.signup {
    font-size: 1.125em;
  }
}
@media (min-width: 1280px) and (min-height: 740px) and (max-height: 768px) {
  .auth.signup {
    font-size: 0.90625em;
  }
  .auth .signup__wrap {
    padding-bottom: 2.5em;
  }
  .auth.signin.step-1 .auth__desc-wrap {
    height: auto;
  }
}
@media (min-width: 1280px) and (min-height: 700px) and (max-height: 739px) {
  .auth.signup {
    font-size: 0.84375em;
  }
  .auth.signup.step-0 {
    font-size: 0.875em;
  }
  .auth.signup.step-3 .auth__btns {
    margin-top: 15px;
  }
  .auth .signup__wrap {
    padding-bottom: 2.5em;
  }
  .auth.signin {
    font-size: 0.88em;
  }
  .auth.signin.step-1 .auth__desc-wrap {
    height: auto;
  }
  .auth.new-password.start .auth__desc-wrap {
    height: auto;
  }
}
@media (min-width: 1400px) and (min-height: 901px) and (max-height: 1050px) {
  .auth.signin, .auth.password-reset, .auth.new-password {
    font-size: 1.1875em;
  }
  .auth.signup {
    font-size: 1.09375em;
  }
}
@media (min-width: 1400px) and (min-height: 801px) and (max-height: 900px) {
  .auth.signin, .auth.password-reset, .auth.new-password {
    font-size: 1.125em;
  }
}
@media (min-width: 1600px) and (min-height: 901px) and (max-height: 1080px) {
  .auth.signup {
    font-size: 1.1875em;
  }
}
@media (min-width: 1600px) and (min-height: 801px) and (max-height: 900px) {
  .auth.signin, .auth.password-reset, .auth.new-password {
    font-size: 1.125em;
  }
}
.password-reset.start .auth__desc-wrap {
  padding-bottom: 45px;
}
.password-reset.finish .form-field {
  display: none;
}
.password-reset .btn--blue {
  margin-top: 19px;
  font-weight: 400;
}
@media (max-width: 767px) {
  .password-reset .auth__wrap {
    padding-bottom: 120px;
  }
}
@media (min-width: 650px) {
  .password-reset.start .auth__desc-wrap {
    height: 4.875em;
    padding-bottom: 24px;
  }
}

.new-password.start .auth__desc-wrap {
  height: auto;
  padding: 0 25px 28px;
  max-width: 56.25em;
}
.new-password.start .auth__desc-wrap > .auth-desc {
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .new-password .auth__wrap {
    padding-bottom: 120px;
  }
}

.signup__wrap {
  width: 70%;
  max-width: 100%;
  padding-bottom: 30px;
}
.signup .auth__btns {
  text-align: center;
  margin-top: 28px;
}
.signup-image {
  margin: 0 auto;
  margin-bottom: 19px;
  height: 150px;
  vertical-align: middle;
  display: inline-block;
}
.signup-image img {
  display: flex;
  max-width: 100%;
  width: auto;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.signup-choose-btn {
  margin-bottom: 19px;
}
.signup-choose-btn__label {
  font-size: 1.18em;
  font-weight: 300;
  text-align: center;
  color: #000;
  margin-bottom: 14px;
}
.signup-choose-btn__btns {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.signup-choose-btn__btns button {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 48.3%;
}
.signup-choose-btn__btns button.active {
  background-color: #000;
}
.signup-choose-btn__btns button.active:hover {
  background-color: #000;
  box-shadow: 0 0 0 1px #000;
}
.signup .form-btn {
  margin-bottom: 19px;
}
.signup .city-wrap .btn:nth-child(n+3) {
  margin-top: 3.4%;
}
.signup .city-wrap .select-wrapper {
  margin-top: 20px;
}
.signup-finish {
  text-align: center;
}
.signup-finish__title {
  color: #000;
  font-size: 1em;
  font-weight: 700;
}
.signup-finish__text {
  font-size: 1em;
  color: #707070;
  margin-top: 20px;
  white-space: pre-line;
}
.signup-finish .btn {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 34px;
}
.signup-block {
  text-align: center;
}
.signup-block__text {
  font-size: 1em;
  color: #707070;
  margin-top: 20px;
  white-space: pre-line;
}
.signup-block .btn {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 34px;
}
.signup.step-0 .signup__wrap {
  width: 100%;
}
.signup.step-0 .auth__btns {
  margin-top: 0;
}
.signup.step-1 .radio-content + .form-field {
  margin-top: auto;
}
.signup.step-3 .auth__form-wrap form {
  justify-content: center;
}
@media (max-width: 767px) {
  .signup.step-4 .signup__wrap, .signup.step-5 .signup__wrap {
    padding-bottom: 100px;
  }
}
@media (min-width: 768px) {
  .signup__wrap {
    width: 39.375em;
    padding-bottom: 60px;
  }
  .signup-image {
    height: 11.625em;
  }
  .signup .btn[type=submit] {
    width: 10.6728538283em;
    align-self: center;
  }
  .signup.step-0 .signup__wrap {
    width: 39.375em;
  }
  .signup.step-2 .signup__wrap {
    margin-top: 42px;
  }
  .signup-finish {
    padding-top: 70px;
  }
  .signup-finish__title {
    font-size: 1.25em;
  }
  .signup-finish__text {
    font-size: 1.125em;
    margin-top: 27px;
  }
  .signup-finish .btn {
    width: 230px;
  }
  .signup-block__text {
    font-size: 1.125em;
  }
  .signup-block .btn {
    width: 230px;
  }
}

@media (max-width: 767px) {
  .signin .auth__wrap {
    padding-bottom: 160px;
  }
  .signin .error-element {
    position: static;
  }
}
@media (min-width: 650px) {
  .signin .auth-desc {
    font-size: 1.125em;
  }
}

.confirm-profile__wrap {
  width: 70%;
  max-width: 100%;
  padding-bottom: 30px;
}
.confirm-profile.step-2 .radio-content + .form-field {
  margin-top: auto;
}
.confirm-profile .auth__btns {
  text-align: center;
  margin-top: 28px;
}
.confirm-profile-start {
  text-align: center;
  padding-bottom: 3.75em;
  margin: 0 40px;
}
.confirm-profile-start__title {
  color: #000;
  font-size: 1.125em;
  font-weight: 700;
  max-width: 100%;
  margin: 0 auto;
}
.confirm-profile-start__text {
  color: #464646;
  font-size: 1em;
  font-weight: 300;
  margin: 30px 0 50px;
}
.confirm-profile-start__btn {
  width: 12.5em;
  margin: 0 auto;
}
.confirm-profile-start__btn .btn {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .confirm-profile.step-4 .signup__wrap, .confirm-profile.step-5 .signup__wrap {
    padding-bottom: 100px;
  }
}
@media (min-width: 768px) {
  .confirm-profile__wrap {
    width: 39.375em;
    padding-bottom: 60px;
  }
  .confirm-profile .btn[type=submit] {
    width: 10.6728538283em;
    align-self: center;
  }
  .confirm-profile-start__title {
    font-size: 1.25em;
    max-width: 21em;
  }
  .confirm-profile-start__text {
    font-size: 1.125em;
    margin: 45px 0 100px;
    max-width: 23.3333333333em;
  }
  .confirm-profile-start__btn {
    width: 14.375em;
  }
  .confirm-profile .old-user {
    width: 100%;
  }
  .confirm-profile .old-user .auth-group-wrap {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .confirm-profile .old-user .radio-content {
    width: 100%;
    margin: 0 auto;
  }
  .confirm-profile .old-user .radio-wrapper {
    width: 18.75em;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
  }
  .confirm-profile .old-user .form-field {
    width: 18.75em;
  }
}

.open-tasks__content {
  display: flex;
  flex-wrap: wrap;
  font-size: 1em;
}
.open-tasks__title {
  font-weight: 500;
  margin-right: 3px;
  margin-bottom: 8px;
}
.open-tasks__text {
  font-weight: 300;
  color: #898989;
}
.open-tasks-desc-image {
  margin-top: 18px;
  background-color: #f1f1f1;
}
.open-tasks-desc-image__wrap {
  padding: 23px 0 8px;
}
.open-tasks-desc-image__title {
  font-size: 1em;
  font-weight: 500;
  padding: 0 25px;
  margin-bottom: 15px;
}
.open-tasks-desc-image__sub-title {
  display: block;
  font-weight: 400;
  color: #7d7d7d;
}
.open-tasks-desc-image__product-img {
  text-align: center;
  height: 15.9375em;
}
.open-tasks-desc-image__product-img img {
  max-width: 100%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}
.open-tasks-desc-image__text {
  margin-top: 15px;
  font-size: 1em;
}
.open-tasks-desc-image__border {
  display: block;
  width: 100%;
  height: 7px;
  background-image: linear-gradient(90deg, #e7a7b0 0%, #fdbc90 35%, #fd85ad 64%, #e83f37 100%);
}
.open-tasks-desc-image__dots {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
}
.open-tasks-desc-image__dot {
  width: 0.6875em;
  height: 0.6875em;
  background-color: #000;
  border-radius: 50%;
  margin: 0 5px;
}
.open-tasks-desc-image__dot.active {
  background-color: #2eb2b5;
}
.open-tasks-desc__wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 56.25em;
  margin: 0 auto;
}
.open-tasks-desc__col, .open-tasks-desc .checkbox-wrapper, .open-tasks-desc .open-tasks__desc-btns {
  width: 100%;
}
.open-tasks-desc form {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 18px;
}
.open-tasks-desc .checkbox-wrapper {
  margin: 0 25px;
}
.open-tasks-desc .checkbox-wrapper .checkbox-text {
  font-size: 0.9em;
}
.open-tasks-desc .open-tasks__desc-btns {
  display: flex;
  justify-content: space-between;
  padding: 15px 0;
  margin: 0 25px;
  white-space: pre-line;
}
.open-tasks-desc .open-tasks__desc-btns .btn {
  flex-basis: 48.25%;
  height: 3.4802784223em;
}
.open-tasks-accept {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.open-tasks-accept__wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 24px;
}
.open-tasks-accept__img img {
  width: 7.125em;
}
.open-tasks-accept__text {
  max-width: 100%;
  padding: 0 10px;
  margin-top: 24px;
  text-align: center;
}
.open-tasks-accept__btn.btn {
  width: 12.0649651972em;
  margin: 30px 0 40px;
}
.open-tasks-accept__wait-banner {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: auto;
  font-size: 1.75em;
  font-weight: 700;
  text-align: center;
  color: #fff;
  background-image: linear-gradient(90deg, #03c3c6 0%, #fdcd94 35%, #f8949a 66%, #cb75f0 100%);
  height: 4.6428571429em;
  white-space: pre-line;
}
.open-tasks .file-upload {
  display: flex;
  justify-content: center;
}
.open-tasks .file-upload .error-element {
  width: 25em;
}
.open-tasks-finish.done .open-tasks-finish__img {
  background-image: linear-gradient(135deg, #03c3c6 0%, #fdcd94 35%, #f8949a 66%, #cb75f0 100%);
}
.open-tasks-finish.done .open-tasks-finish__img img {
  width: 55%;
}
.open-tasks-finish__wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.open-tasks-finish__img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 12.5em;
  height: 12.5em;
  border-radius: 50%;
  background-color: #959595;
}
.open-tasks-finish__img img {
  width: 40%;
  max-width: 100%;
}
.open-tasks-finish__prize-text {
  margin: 25px 0 35px;
  padding: 0 25px;
  text-align: center;
  white-space: pre-line;
  font-size: 1em;
  color: #636363;
}
.open-tasks-finish__btn.btn {
  width: 12.0649651972em;
}
.open-tasks .textarea-field {
  height: 100%;
}
.open-tasks .popup {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 30;
  background: url(/images/shop-popup-bg.png?d22e2256b161e629c6a95fd296727efb) no-repeat;
  background-position: center;
  background-size: cover;
  padding: 60px 0 80px;
}
.open-tasks .popup.attention {
  background: url(/images/shop-popup-attention-bg.png?8ca3bc666c87177c819fb43804d850f2) no-repeat center;
  background-size: cover;
}
.open-tasks .popup__close {
  width: 1.375em;
  height: 1.375em;
  background: url(/images/icon-x.png?8e4e88fbfd8e9eb4af5ea6efcc70431e) no-repeat;
  background-size: contain;
  position: absolute;
  top: 1.1875em;
  right: 1.25em;
  cursor: pointer;
}
.open-tasks .popup__wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.open-tasks .popup__img {
  width: 75px;
  margin-bottom: 40px;
}
.open-tasks .popup__img-invalid {
  width: 200px;
  margin-bottom: 40px;
}
.open-tasks .popup__text {
  margin-bottom: 10px;
  max-width: 100%;
  font-size: 1.125em;
  font-weight: 400;
  text-align: center;
  white-space: pre-line;
}
.open-tasks .popup__link {
  color: rgba(0, 0, 0, 0.7);
  font-size: 0.9375em;
  font-weight: 300;
  margin-top: 30px;
}
@media (min-width: 480px) and (max-width: 767px) {
  .open-tasks .open-tasks-desc-image__product-img img {
    width: auto;
  }
}
@media (max-width: 767px) {
  .open-tasks .file-upload .error-element {
    width: 18.75em;
  }
}
@media (min-width: 768px) {
  .open-tasks__content {
    font-size: 1.1875em;
  }
  .open-tasks__title {
    margin-bottom: 6px;
  }
  .open-tasks-desc-image__title {
    font-size: 1.1875em;
  }
  .open-tasks-desc-image__text {
    font-size: 1.125em;
  }
  .open-tasks-desc-image__dots {
    margin-top: 20px;
  }
  .open-tasks-desc-image__dot {
    width: 0.8125em;
    height: 0.8125em;
  }
  .open-tasks-desc__col, .open-tasks-desc .checkbox-wrapper, .open-tasks-desc .open-tasks__desc-btns {
    width: 25em;
    margin: 0 1.5625em;
  }
  .open-tasks-desc .checkbox-wrapper .checkbox-text {
    font-size: 1em;
  }
  .open-tasks .textarea-field {
    height: 100%;
  }
  .open-tasks-accept__text {
    max-width: 17.3684210526em;
    padding: 0;
    margin-top: 48px;
  }
  .open-tasks-accept__wait-banner {
    font-size: 2.5em;
    height: 3.55em;
    white-space: normal;
  }
  .open-tasks-finish__img {
    width: 15.625em;
    height: 15.625em;
  }
  .open-tasks-finish__prize-text {
    padding: 0;
    font-size: 1.1875em;
  }
  .open-tasks .popup {
    padding: 50px 0 90px;
    z-index: 3;
  }
  .open-tasks .popup__close {
    top: 1.5em;
    right: 1.875em;
  }
  .open-tasks .popup__img {
    width: 6.5625em;
  }
  .open-tasks .popup__img-invalid {
    width: 15em;
  }
  .open-tasks .popup__text {
    max-width: 27.5em;
    font-size: 1.25em;
  }
  .open-tasks .popup__link {
    font-size: 1.1875em;
  }
}
@media (min-width: 766px) and (max-width: 991px) {
  .open-tasks .open-tasks-desc-image__product-img {
    height: 17.5em;
  }
}
@media (min-width: 900px) {
  .open-tasks-desc-image {
    margin-top: 0;
  }
  .open-tasks-desc .open-tasks__desc-btns.pending {
    margin-left: auto;
  }
}
@media (min-width: 1280px) and (max-width: 1365px) and (min-height: 901px) and (max-height: 1024px) {
  .open-tasks .census, .open-tasks .survey {
    font-size: 1.125em;
  }
}
@media (min-width: 1280px) and (min-height: 769px) and (max-height: 800px) {
  .open-tasks .census {
    padding-bottom: 2.5em;
  }
  .open-tasks .census-submitting .field-wrap {
    padding-bottom: 0;
  }
  .open-tasks .survey {
    padding-bottom: 2.5em;
  }
}
@media (min-width: 1280px) and (min-height: 740px) and (max-height: 768px) {
  .open-tasks .census {
    padding-bottom: 2.1875em;
  }
  .open-tasks .census-submitting .field-wrap {
    padding-bottom: 0;
  }
  .open-tasks .survey {
    padding-bottom: 2.5em;
  }
}
@media (min-width: 1280px) and (min-height: 700px) and (max-height: 739px) {
  .open-tasks .census {
    padding-bottom: 1.875em;
  }
  .open-tasks .census-submitting .field-wrap {
    padding-bottom: 0;
  }
  .open-tasks .survey {
    padding-bottom: 2.5em;
  }
}
@media (min-width: 1400px) and (min-height: 901px) and (max-height: 1081px) {
  .open-tasks .census, .open-tasks .survey {
    font-size: 1.125em;
  }
}
@media (min-width: 1400px) and (min-height: 801px) and (max-height: 900px) {
  .open-tasks .census {
    padding-bottom: 3.4375em;
  }
  .open-tasks .survey {
    padding-bottom: 4.0625em;
  }
}

.open-popup .open-tasks {
  position: relative;
}
@media (max-width: 767px) {
  .open-popup .open-tasks .popup {
    position: fixed;
  }
}

.survey {
  padding-bottom: 40px;
}
.survey-wrap {
  max-width: 100%;
  margin: 0 auto;
}
.survey-info {
  display: flex;
  flex-wrap: wrap;
  padding-left: 24px;
  padding-right: 24px;
  margin-bottom: 28px;
}
.survey-info__col {
  width: 100%;
}
.survey-info__col:nth-child(2) .open-tasks__content {
  display: block;
}
.survey-info__col:nth-child(2) .open-tasks__title {
  display: inline-block;
}
.survey-info__col:nth-child(2) .open-tasks__text {
  display: inline;
}
.survey-form__col {
  width: 100%;
}
.survey-form__col + .error-element {
  position: static;
  margin-bottom: 6px;
}
.survey-form form {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.survey-form__field {
  position: relative;
  padding-left: 24px;
  padding-right: 24px;
  margin-bottom: 40px;
  border-radius: 8px;
}
.survey-form__field.error {
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.survey-form__field.error .error-element {
  bottom: 5px;
}
.survey-form__label {
  display: flex;
  font-size: 1em;
  font-weight: 400;
  color: #000;
  margin-bottom: 12px;
}
.survey-form__label.specific em {
  color: #2fadfc;
}
.survey-form__label em {
  font-weight: 400;
  color: #898989;
  font-size: 0.875em;
  margin: 5px 0;
  display: inline-block;
}
.survey-form__count-label {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  font-size: 1.65em;
  font-weight: 400;
  color: #fff;
  background-color: #2fadfc;
  border-radius: 5px;
  margin-right: 20px;
}
.survey-form__presentation-image {
  width: 100%;
  margin-bottom: 30px;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.survey-form__presentation-image.image-height img {
  height: auto;
}
.survey-form__presentation-image.image-small-size img {
  max-height: 4.375em;
}
.survey-form__presentation-image.image-square-size img {
  max-height: 6.875em;
}
.survey-form__presentation-image.image-with-label {
  margin-left: 68px;
  width: calc(100% - 68px);
}
.survey-form__presentation-image img {
  max-width: 100%;
  width: 100%;
  height: 14.6875em;
  -o-object-fit: contain;
     object-fit: contain;
}
.survey-form .survey-choice {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.survey-form .survey-choice__img {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 48px;
  height: 44px;
  margin-right: 1.25em;
}
.survey-form .survey-choice__img img {
  max-width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.survey-form .survey-choice .choice-img-ss {
  margin-right: 1.75em;
  width: 40px;
}
.survey-form .survey-choice__text {
  font-size: 1em;
  color: #606060;
  white-space: pre-line;
}
.survey-form .survey-choice__text span {
  font-size: 0.875em;
}
.survey-form .survey-choice__btns {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 20px;
}
.survey-form .survey-choice__btns .btn {
  margin-bottom: 17px;
}
.survey-form .survey-choice__btns .textarea-field {
  width: 100%;
  height: 6em;
  margin-bottom: 0;
}
.survey-form .survey-choice + .select-wrapper {
  margin-top: 15px;
  margin-bottom: 0;
}
.survey-form .survey-choice + .radio-wrapper {
  margin-top: 15px;
}
.survey-form__multi-checkbox {
  padding-top: 8px;
}
.survey-form__multi-checkbox + .textarea-field {
  margin-top: 15px;
  margin-bottom: 0;
}
.survey-form__multi-checkbox + .textarea-field textarea {
  height: 96px;
  font-weight: 300;
}
.survey-form__multi-checkbox + .textarea-field textarea[disabled] {
  background-color: rgba(112, 112, 112, 0.2);
}
.survey-form__multi-checkbox + .textarea-field textarea.error {
  border: 2px solid #f05a72;
}
.survey-form__multi-checkbox + .textarea-field textarea::-moz-placeholder {
  font-weight: 300;
}
.survey-form__multi-checkbox + .textarea-field textarea::placeholder {
  font-weight: 300;
}
.survey-form__multi-checkbox + .textarea-field textarea:-moz-placeholder {
  font-weight: 300;
}
.survey-form__multi-checkbox + .textarea-field textarea::-moz-placeholder {
  font-weight: 300;
}
.survey-form__multi-checkbox + .textarea-field textarea:-ms-input-placeholder {
  font-weight: 300;
}
.survey-form__multi-checkbox + .textarea-field textarea::-webkit-input-placeholder {
  font-weight: 300;
}
.survey-form .radio-wrapper {
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 0;
}
.survey-form .radio-wrapper + .textarea-field {
  margin-top: 15px;
  margin-bottom: 0;
}
.survey-form .radio-wrapper + .textarea-field textarea {
  height: 96px;
  font-weight: 300;
}
.survey-form .radio-wrapper + .textarea-field textarea[disabled] {
  background-color: rgba(112, 112, 112, 0.2);
}
.survey-form .radio-wrapper + .textarea-field textarea.error {
  border: 2px solid #f05a72;
}
.survey-form .radio-wrapper + .textarea-field textarea::-moz-placeholder {
  font-weight: 300;
}
.survey-form .radio-wrapper + .textarea-field textarea::placeholder {
  font-weight: 300;
}
.survey-form .radio-wrapper + .textarea-field textarea:-moz-placeholder {
  font-weight: 300;
}
.survey-form .radio-wrapper + .textarea-field textarea::-moz-placeholder {
  font-weight: 300;
}
.survey-form .radio-wrapper + .textarea-field textarea:-ms-input-placeholder {
  font-weight: 300;
}
.survey-form .radio-wrapper + .textarea-field textarea::-webkit-input-placeholder {
  font-weight: 300;
}
.survey-form .radio-wrapper .btn {
  text-transform: uppercase;
  text-align: center;
}
.survey-form .checkbox-wrapper {
  margin-bottom: 7px;
}
.survey-form .checkbox-wrapper .checkbox-container {
  border-width: 1px;
  background-color: #fff;
}
.survey-form .checkbox-wrapper .checkbox-text {
  color: #636363;
  font-size: 1em;
  font-weight: 300;
}
.survey-form .checkbox-wrapper .checkbox-text.active {
  color: #000;
  font-weight: 400;
}
.survey-form .checkbox-wrapper .checkmark:after {
  border-color: #2fadfc;
}
.survey-form__btns {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 14px;
  padding-left: 24px;
  padding-right: 24px;
}
.survey-form__btns button {
  width: 48.25%;
  height: 65px;
  white-space: pre-line;
}
.survey-form .select-wrapper .react-select__control {
  background-color: #fff;
}
.survey-form .select-wrapper .react-select__control--is-disabled {
  background-color: rgba(112, 112, 112, 0.2);
}
.survey-form .full-width .radio-wrapper > div {
  flex: 0 0 100%;
}
.survey-form .full-width .radio-wrapper > div:nth-child(1) {
  margin-bottom: 15px;
}
.survey-form .full-width .radio-wrapper > div:nth-child(3):not(.error-element) {
  margin: 15px 0;
}
.survey-form .radio-btn .radio-wrapper > div:not(.error-element) {
  flex: 0 0 100%;
  margin-bottom: 12px;
}
.survey-form .radio-btn .radio-wrapper label img {
  height: 40px;
  width: 40px;
  margin-right: 15px;
  -o-object-fit: contain;
     object-fit: contain;
  flex-shrink: 0;
}
.survey-form .radio-badges .radio-wrapper {
  justify-content: flex-start;
}
.survey-form .radio-badges .radio-wrapper > div:not(.error-element) {
  flex: 0 0 auto;
  margin-bottom: 18px;
}
.survey-form .comment-field.error textarea {
  border: 2px solid #f05a72;
}
.survey-form .comment-field .textarea-field {
  margin-bottom: 0;
}
.survey-form .comment-field .textarea-field.has-error textarea {
  border: 2px solid #f05a72;
}
.survey-form .comment-field textarea {
  height: 140px;
  font-weight: 300;
}
.survey-form .comment-field textarea::-moz-placeholder {
  font-weight: 300;
}
.survey-form .comment-field textarea::placeholder {
  font-weight: 300;
}
.survey-form .comment-field textarea:-moz-placeholder {
  font-weight: 300;
}
.survey-form .comment-field textarea::-moz-placeholder {
  font-weight: 300;
}
.survey-form .comment-field textarea:-ms-input-placeholder {
  font-weight: 300;
}
.survey-form .comment-field textarea::-webkit-input-placeholder {
  font-weight: 300;
}
.survey-form .range {
  position: relative;
  margin: 0 0 15px;
  padding: 18px 0 0;
}
.survey-form .range.range-full-width {
  margin: 0 -24px 15px;
  padding: 18px 24px 0;
  background-color: #f0f2f4;
}
.survey-form .range:last-child {
  margin-bottom: 0;
}
.survey-form .range__label, .survey-form .range-status-text {
  text-align: center;
  font-size: 1em;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 16px;
}
.survey-form .range-status-text {
  color: #959595;
}
.survey-form .range__custom-label {
  display: flex;
  text-align: left;
}
.survey-form .range__custom-label + .range-wrapper {
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 15px;
  background-color: #f4f4f4;
}
.survey-form .range__icon-label {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  background-color: #2fadfc;
  border-radius: 5px;
  margin-right: 15px;
  margin-top: -10px;
}
.survey-form .range__icon-label img {
  max-width: 100%;
  width: 16px;
  height: 16px;
  -o-object-fit: contain;
     object-fit: contain;
}
.survey-form__choice-picker {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.survey-form__choice-picker .pick-image {
  width: calc(50% - 9px);
  margin-bottom: 18px;
  margin-right: 18px;
  border-radius: 10px;
  cursor: pointer;
}
.survey-form__choice-picker .pick-image:nth-child(even) {
  margin-right: 0;
}
.survey-form__choice-picker .pick-image:nth-last-child(-n+2) {
  margin-bottom: 0;
}
.survey-form__choice-picker .pick-image.active {
  box-shadow: 0 0 0 4px #0cfff6;
}
.survey-form__choice-picker .pick-image img {
  max-width: 100%;
  border-radius: 10px;
}
.survey-form .select-survey.error .select-wrapper .react-select__control {
  border: 2px solid #f05a72;
}
.survey-form .select-survey .select-wrapper {
  margin-bottom: 0;
}
.survey-form__combine-checkbox {
  position: relative;
  margin-top: 35px;
}
.survey-form__combine-checkbox.error {
  padding-bottom: 20px;
}
.survey-form__combine-checkbox.error .error-element {
  bottom: 5px;
}
.survey-form__combine-checkbox > p {
  display: inline-block;
  margin-bottom: 10px;
  font-size: 1em;
  font-weight: 700;
}
.survey-form__combine-checkbox > p span {
  display: inline-block;
  width: 48px;
  margin-right: 20px;
}
.survey-done {
  margin-bottom: 15px;
}
.survey-done__wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.survey-done__img {
  width: 200px;
  height: 200px;
}
.survey-done__img img {
  max-width: 100%;
}
.survey-done__thank-text, .survey-done__prize-text {
  font-size: 1em;
  text-align: center;
  padding: 0 24px;
}
.survey-done__thank-text {
  color: #000;
  font-weight: 400;
  margin: 25px 0 15px;
}
.survey-done__prize-text {
  color: #636363;
  font-weight: 300;
}
.survey-done__btn.btn {
  margin-top: 40px;
  width: 200px;
}
@media (min-width: 768px) {
  .survey {
    padding-bottom: 80px;
  }
  .survey-wrap {
    max-width: 30.3125em;
  }
  .survey-info {
    padding-left: 40px;
    padding-right: 40px;
  }
  .survey-form__col + .error-element {
    margin-bottom: 14px;
  }
  .survey-form__field {
    margin-bottom: 28px;
    padding: 40px 40px 36px;
    background-color: #f0f2f4;
  }
  .survey-form__field.error {
    padding-bottom: 36px;
    margin-bottom: 28px;
  }
  .survey-form__field.error .error-element {
    bottom: 15px;
  }
  .survey-form__label {
    font-size: 1.1875em;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 16px;
  }
  .survey-form__label em {
    font-size: 0.8947368421em;
  }
  .survey-form__count-label {
    font-size: 2em;
    width: 1.5em;
    height: 1.5em;
    margin-right: 0.7894736842em;
  }
  .survey-form__btns {
    padding-left: 40px;
    padding-right: 40px;
  }
  .survey-form__btns button {
    height: 3.4802784223em;
  }
  .survey-form .survey-choice__img {
    width: 3.5em;
    height: 3.125em;
    margin-right: 1.875em;
  }
  .survey-form .survey-choice .choice-img-ss {
    margin-right: 2.625em;
    width: 2.75em;
  }
  .survey-form .survey-choice__text {
    font-size: 1.125em;
  }
  .survey-form .survey-choice__text span {
    font-size: 0.8888888889em;
  }
  .survey-form .checkbox-wrapper .checkbox-text {
    font-size: 1.125em;
  }
  .survey-form__presentation-image.surv-48 img {
    margin-top: -17px;
    height: 16.25em;
  }
  .survey-form__presentation-image.image-small-size img {
    max-height: 5em;
  }
  .survey-form__presentation-image.image-square-size img {
    max-height: 7.5em;
  }
  .survey-form__presentation-image.image-with-label {
    margin-left: 5em;
    width: calc(100% - 5em);
  }
  .survey-form__presentation-image.surv-90 img {
    height: 16.5625em;
  }
  .survey-form .radio-btn .radio-wrapper label img {
    height: 45px;
    width: 45px;
  }
  .survey-form .range {
    margin: 0 0 10px;
  }
  .survey-form .range.range-full-width {
    margin: 0 0 10px;
    padding: 18px 0 0;
    background-color: transparent;
  }
  .survey-form .range__label, .survey-form .range-status-text {
    font-size: 1.1875em;
    margin-bottom: 16px;
    font-weight: 400;
  }
  .survey-form .range__custom-label + .range-wrapper {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    background-color: transparent;
  }
  .survey-form .range__icon-label {
    width: 2.1052631579em;
    height: 2.1052631579em;
    margin-right: 1.0526315789em;
    margin-top: -0.5263157895em;
  }
  .survey-form .range__icon-label img {
    width: 1.0526315789em;
    height: 1.0526315789em;
  }
  .survey-form__choice-picker {
    justify-content: space-between;
  }
  .survey-form__choice-picker .pick-image {
    width: 12.0625em;
    border-radius: 12px;
    margin-right: 18px;
  }
  .survey-form__choice-picker .pick-image img {
    border-radius: 12px;
  }
  .survey-form__combine-checkbox.error {
    padding-bottom: 36px;
  }
  .survey-form__combine-checkbox.error .error-element {
    bottom: 15px;
  }
  .survey-form__combine-checkbox > p {
    font-size: 1.1875em;
  }
  .survey-form__combine-checkbox > p span {
    width: 3em;
    margin-right: 1.5789473684em;
  }
  .survey-done {
    margin-bottom: 0;
  }
  .survey-done__img {
    width: 15.625em;
    height: 15.625em;
  }
  .survey-done__thank-text, .survey-done__prize-text {
    font-size: 1.1875em;
    order: inherit;
  }
  .survey-done__thank-text {
    margin: 35px 0 8px;
  }
  .survey-done__prize-text {
    margin-bottom: 0;
  }
  .survey-done__btn.btn {
    margin-top: 40px;
    width: 12.0649651972em;
  }
}
@media (min-width: 1280px) and (max-height: 750px) {
  .survey-done .page-title {
    padding-bottom: 40px;
  }
  .survey-done__img {
    width: 14.6875em;
    height: 14.6875em;
  }
  .survey-done__thank-text {
    margin-top: 25px;
  }
  .survey-done__btn.btn {
    margin-top: 25px;
  }
}

.survey-refill-popup.popup {
  padding: 0;
}
.survey-refill-popup .popup__wrap {
  height: auto;
  padding: 50px 0 40px;
}
.survey-refill-popup .popup__text {
  margin-bottom: 5px;
}
.survey-refill-popup img {
  width: 120px;
  max-width: 100%;
  margin-left: -20px;
}
.survey-refill-popup__contact-us {
  font-size: 0.875em;
  font-weight: 300;
  text-align: center;
  margin: 15px 0 25px;
}
.survey-refill-popup__contact-us a {
  color: #000;
}
.survey-refill-popup__btn.btn {
  width: 230px;
}
@media (max-width: 767px) {
  .survey-refill-popup.popup {
    overflow-y: auto;
  }
  .survey-refill-popup .popup__text {
    font-size: 1em;
  }
}
@media (min-width: 768px) {
  .survey-refill-popup .popup__wrap {
    height: auto;
    padding: 50px 0 70px;
  }
  .survey-refill-popup img {
    width: 145px;
  }
  .survey-refill-popup__contact-us {
    font-size: 1.125em;
    max-width: 22.7777777778em;
    margin: 15px 0 30px;
  }
  .survey-refill-popup__btn.btn {
    width: 10.6728538283em;
  }
}
@media (min-width: 1280px) and (max-height: 750px) {
  .survey-refill-popup .page-title {
    padding-bottom: 35px;
  }
  .survey-refill-popup .popup__wrap {
    padding-bottom: 40px;
  }
  .survey-refill-popup__contact-us {
    max-width: 31.9444444444em;
  }
  .survey-refill-popup img {
    width: 130px;
  }
}

.review {
  padding-right: 6.25vw;
  padding-bottom: 40px;
  padding-left: 6.25vw;
  height: inherit;
}
.review > div {
  text-align: center;
}
.review img {
  max-width: 100%;
}
.review .sub-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 5.625vw;
  font-weight: 400;
  font-family: "Calibri", sans-serif;
  color: #0e3087;
  text-align: center;
  line-height: 1.1;
  letter-spacing: 0.01em;
  white-space: pre-line;
}
.review .next-btn {
  border: 0;
  padding: 0;
  width: 13.8541666667vw;
  background-color: transparent;
  outline: none;
  cursor: pointer;
}
.review .cigarette-pack {
  margin: 6.25vw 0 0;
  width: 100%;
}
.review .btns-wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-top: 6.7708333333vw;
  width: 100%;
}
.review .btns-wrap .btn {
  margin-bottom: 8px;
}
.review .btns-wrap .btn:last-of-type {
  margin-bottom: 0;
}
.review .btns-wrap .btn.active {
  background-color: #1543ba;
}
.review .btn-wrap {
  margin-top: auto;
  text-align: center;
}
.review .btn-wrap .next-btn {
  margin-top: 10.4166666667vw;
}
.review .brand-title {
  margin: 0;
  font-size: 9.1666666667vw;
  font-family: "Winston-Medium", sans-serif;
  font-weight: 500;
  color: #0e3087;
}
.review .step-0 {
  padding-right: 8.3333333333vw;
  padding-left: 8.3333333333vw;
}
.review .step-1 .cigarette-pack {
  margin-top: 6.7708333333vw;
  margin-bottom: 4.6875vw;
}
.review .step-1 .cigarette-pack-filters {
  margin-bottom: 3.6458333333vw;
}
.review .step-1 .brand-preview__type {
  padding-top: 4.1666666667vw;
  display: flex;
  justify-content: space-between;
}
.review .step-1 .brand-preview__type p {
  display: inline-block;
  width: 33.3%;
  text-align: center;
  font-size: 6.25vw;
  font-family: "Winston-Medium", sans-serif;
  font-weight: 500;
  color: #0e3087;
}
.review .step-1 .brand-preview__type p span {
  font-size: 0.9em;
}
.review .step-1 .brand-preview__text-wrap {
  text-align: left;
}
.review .step-1 .brand-preview__text-wrap p {
  margin-bottom: 5px;
  font-size: 3.6458333333vw;
  font-family: "Calibri", sans-serif;
  font-weight: 100;
  letter-spacing: 0.01em;
  color: #0e3087;
}
.review .step-1 .brand-preview__text-wrap p:last-of-type {
  margin-bottom: 0;
}
.review .step-1 .brand-preview sup {
  top: 0;
}
.review .step-2 .btns-wrap {
  padding-right: 6.25vw;
  padding-left: 6.25vw;
}
.review .finish {
  display: flex;
  flex-direction: column;
  height: inherit;
  color: #0e3087;
}
.review .finish-title {
  margin: 0;
  font-size: 6.25vw;
  font-family: "Calibri", sans-serif;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  white-space: pre-line;
}
.review .finish .refill-img {
  align-self: center;
  margin-top: 10%;
  margin-bottom: 10%;
  width: 24.2708333333vw;
}
.review .finish .greetings-text {
  margin-bottom: 1.5625vw;
  font-size: 6.7708333333vw;
  font-family: "Calibri", sans-serif;
  font-weight: 400;
  white-space: pre-line;
}
.review .finish .contact-us {
  margin-top: auto;
  font-size: 4.5833333333vw;
  font-family: "Calibri", sans-serif;
  font-weight: 100;
  white-space: pre-line;
}
.review .finish .contact-us a {
  display: block;
  padding-top: 2.0833333333vw;
  font-size: 1.4em;
  color: #0e3087;
}
.review .blocked {
  display: flex;
  flex-direction: column;
  height: inherit;
  color: #0e3087;
}
.review .blocked-img {
  align-self: center;
  margin-top: auto;
  width: 29.1666666667vw;
}
.review .blocked-title, .review .blocked-text {
  font-family: "Calibri", sans-serif;
  white-space: pre-line;
}
.review .blocked-title {
  margin-top: 13%;
  margin-bottom: 13%;
  font-size: 7.5vw;
  font-weight: 700;
  letter-spacing: 0.01em;
  text-transform: uppercase;
}
.review .blocked-text {
  margin: auto 0;
  font-size: 5.8333333333vw;
  font-weight: 400;
}
.review .review-unsubscribe {
  display: flex;
  flex-direction: column;
  height: inherit;
  padding-right: 8.3333333333vw;
  padding-left: 8.3333333333vw;
  color: #0e3087;
}
.review .review-unsubscribe.current-step-1 .btns-wrap {
  flex: auto;
  margin-bottom: 30px;
}
.review .review-unsubscribe.current-step-2 .review-unsubscribe-title:last-of-type {
  margin-top: 15px;
}
.review .review-unsubscribe > img {
  align-self: center;
  margin-bottom: 11.4583333333vw;
  width: 25.5208333333vw;
}
.review .review-unsubscribe-title {
  font-size: 6.0416666667vw;
  font-family: "Calibri", sans-serif;
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: 0.01em;
  white-space: pre-line;
}
.review .review-unsubscribe .btn--sec-blue {
  text-transform: inherit;
}
@media (max-width: 960px) {
  .review .review-unsubscribe .btn--sec-blue {
    font-size: 4.7916666667vw;
  }
}
.review .review-unsubscribe textarea {
  display: block;
  flex: auto;
  width: 100%;
  outline: none;
  border: 1px solid #0e3087;
  padding: 18px 25px;
  font-size: 19px;
  font-family: "Calibri", sans-serif;
  font-weight: 400;
  line-height: 1.1;
  color: #272828;
  background-color: #fff;
  resize: none;
}
.review .review-unsubscribe-steps {
  margin-top: auto;
}
.review .review-unsubscribe-steps .next-btn {
  margin-top: 5px;
}
.review .review-unsubscribe-steps .next-btn:nth-of-type(1) {
  margin-right: 15px;
  transform: rotate(180deg);
}
@media (min-width: 961px) {
  .review {
    padding: 0 0 70px;
  }
  .review > div {
    margin: 0 auto;
    max-width: 30.3125em;
  }
  .review .sub-title {
    font-size: 1.5em;
  }
  .review .next-btn {
    width: 4.0625em;
  }
  .review .cigarette-pack {
    margin-top: 28px;
  }
  .review .btns-wrap {
    margin-top: 2.5em;
  }
  .review .btn-wrap .next-btn {
    margin-top: 5em;
  }
  .review .brand-title {
    font-size: 2.875em;
  }
  .review .step-0 {
    padding: 0 4.375em;
  }
  .review .step-0 .cigarette-pack {
    width: 19.6875em;
  }
  .review .step-1 .cigarette-pack {
    margin-top: 2.8125em;
    margin-bottom: 1.5625em;
    width: 100%;
  }
  .review .step-1 .cigarette-pack-filters {
    margin-bottom: 1.875em;
  }
  .review .step-1 .brand-preview__type {
    padding-top: 1.875em;
  }
  .review .step-1 .brand-preview__type p {
    font-size: 1.5625em;
  }
  .review .step-1 .brand-preview__text-wrap p {
    font-size: 1.25em;
  }
  .review .step-2 .btns-wrap {
    padding: 0 3.75em;
  }
  .review .finish-title {
    font-size: 1.5625em;
  }
  .review .finish .refill-img {
    margin-top: 2.1875em;
    margin-bottom: 3.125em;
    width: 9.375em;
  }
  .review .finish .greetings-text {
    margin-bottom: 0.9375em;
    font-size: 1.6875em;
  }
  .review .finish .contact-us {
    margin-top: 3.125em;
    font-size: 1.5em;
  }
  .review .finish .contact-us a {
    padding-top: 0.3125em;
  }
  .review .blocked-img {
    width: 10.625em;
  }
  .review .blocked-title {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
    font-size: 1.8125em;
  }
  .review .blocked-text {
    font-size: 1.5em;
  }
  .review .review-unsubscribe {
    padding: 0 3.75em;
  }
  .review .review-unsubscribe > img {
    margin-bottom: 2.5em;
    width: 9.375em;
  }
  .review .review-unsubscribe-title {
    font-size: 1.5625em;
  }
}

.lang-ge .survey-form__label {
  font-weight: 500;
}
.lang-ge .survey-form__label.specific em + br {
  display: none;
}

.radio-button {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
}
.radio-button:last-child {
  margin-bottom: 0;
}
.radio-button.horizontal {
  margin-bottom: 0;
  margin-right: 30px;
}
.radio-button.horizontal:last-child {
  margin-right: 0;
}
.radio-button.horizontal input[type=radio] + label:before {
  content: "";
  width: 69px;
  height: 69px;
  border: none;
  left: 0;
}
.radio-button.horizontal input[type=radio]:checked + label:after {
  width: 33px;
  height: 33px;
  top: 50%;
  transform: translateY(-50%);
  left: 18px;
  margin-left: 0;
  background: var(--yellow-600);
}
.radio-button.horizontal label {
  padding-top: 0;
  padding-left: 83px;
  min-width: 69px;
  min-height: 69px;
  color: var(--yellow-600);
  font-family: "Noto Sans Armenian";
  font-size: 22px;
  line-height: normal;
  letter-spacing: 2.2px;
}
.radio-button input[type=radio] {
  display: none;
}
.radio-button input[type=radio] + label:before {
  content: "";
  width: var(--radio-size-60);
  height: var(--radio-size-60);
  border: 2px solid var(--dark-900);
  border-radius: 50%;
  background-color: var(--white);
  position: absolute;
  top: 0;
  left: inherit;
  transition: all 0.2s ease-out;
}
.radio-button input[type=radio]:checked + label {
  background-color: transparent;
}
.radio-button input[type=radio]:checked + label:after {
  content: "";
  position: absolute;
  width: var(--radio-dot-size-24);
  height: var(--radio-dot-size-24);
  top: 18px;
  left: 50%;
  margin-left: -12px;
  border-radius: 50%;
  background: var(--dark-800);
}
.radio-button input[type=radio]:checked + label:hover {
  background-color: transparent;
}
.radio-button input[type=radio]:checked + label:active {
  background-color: transparent;
}
.radio-button label {
  padding: 0;
  border: 0;
  outline: none;
  box-shadow: none;
  text-transform: uppercase;
  transition: all 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: var(--radio-size-60);
  height: inherit;
  min-height: var(--radio-size-60);
  padding-top: calc(var(--radio-size-60) + 10px);
  position: relative;
  color: var(--white);
  background-color: transparent;
  font-size: 18px;
  font-family: "Calibri", sans-serif;
  font-weight: 400;
  cursor: pointer;
  text-align: center;
}
@media (max-width: 1000px) {
  .radio-button {
    margin-bottom: 7.2916666667vw;
  }
  .radio-button.horizontal {
    margin-bottom: 0;
    margin-right: 6.25vw;
  }
  .radio-button.horizontal input[type=radio] + label:before {
    width: 14.375vw;
    height: 14.375vw;
  }
  .radio-button.horizontal input[type=radio]:checked + label:after {
    width: 6.875vw;
    height: 6.875vw;
    left: 3.75vw;
  }
  .radio-button.horizontal label {
    padding-left: 17.2916666667vw;
    min-width: 14.375vw;
    min-height: 14.375vw;
    font-size: 4.5833333333vw;
  }
  .radio-button label {
    font-size: 5vw;
  }
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  outline: transparent;
  outline-offset: 0;
  white-space: nowrap;
  -webkit-clip-path: inset(100%);
          clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
  visibility: hidden;
  pointer-events: none;
}

.dashboard .auth form {
  display: block;
}
.dashboard .auth__btns {
  margin: 0 auto;
  width: 100%;
}
.dashboard .dashboard-user-edit form {
  display: block;
}
.dashboard .dashboard-tasks {
  max-width: 992px;
  margin: 0 auto;
  padding-top: 50px;
}
.dashboard .dashboard-header {
  margin-bottom: 10px;
}
.dashboard .dashboard-input-label {
  display: inline-block;
  margin-bottom: 10px;
}
.dashboard form {
  display: flex;
  flex-wrap: wrap;
  max-width: 990px;
  margin: 0 auto;
  padding-top: 50px;
}
.dashboard .row {
  width: 50%;
  padding: 0 15px;
}
.dashboard .row .col-6 {
  display: flex;
  flex-direction: column;
}
.dashboard img {
  max-width: 100%;
}
.dashboard .back-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f0f0f0;
  border: 2px solid black;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  cursor: pointer;
}
.dashboard .back-btn img {
  width: 35px;
  transform: rotate(180deg);
}
.dashboard-photo-task-edit__wrap {
  max-width: 990px;
  margin: 0 auto;
  padding-top: 20px;
}
.dashboard .loading form {
  opacity: 0.5;
}

.ar-activity {
  max-width: 767px;
  margin: 0 auto;
  height: initial;
}
.ar-activity-main .header, .ar-activity-main .footer {
  display: none;
}
.ar-activity-main .steps > div {
  padding-right: 8%;
  padding-left: 8%;
  padding-bottom: 80px;
}
.ar-activity-main .main {
  background-color: var(--white);
}
.ar-activity-main-ss .main, .ar-activity-main-winxs .main {
  background: var(--white) url(/images/main-bg-v8.jpg?758839dc571dd36b10619089bd8dd21b) no-repeat center;
  background-size: 100% 100%;
}
.ar-activity-main-sobks .main {
  background: var(--white) url(/images/main-bg-v7.jpg?32fcd09d2aeb0663f46b3da21c4d3bb2) no-repeat center;
  background-size: 100% 100%;
}
.ar-activity-main-winxsv2 .main {
  background: var(--white) url(/images/main-bg-v11.jpg?ea980b34ca7d33f546062c5dd5317780) no-repeat center;
  background-size: 100% 100%;
}
.ar-activity-main-camel .main {
  background-color: var(--blue-800);
}
.ar-activity-main-camel .steps > div {
  position: relative;
}
.ar-activity-main-camel .steps > div::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  background-image: url(/images/y-tringle.png?acf5871798eed29ecefae196fd414ab9);
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: cover;
  width: 100%;
  z-index: 1;
}
.ar-activity-main-winsscaster .main:not(.ar-activity-step-0) {
  background: var(--white) url(/images/main-bg-v9.jpg?271938d8fc2e24fea420383f3b1a27e8) no-repeat center;
  background-size: 100% 100%;
}
.ar-activity-main-winsscaster .ar-activity-step-0 {
  background: var(--white) url(/images/main-bg-v9_a.jpg?d304761288c40e68f4d351c9344977e9) no-repeat center;
  background-size: 100% 100%;
}
.ar-activity-main-winsscaster .steps > div {
  padding-right: 6%;
  padding-left: 6%;
}
.ar-activity-main-sobsr .main {
  background-color: var(--dark-900);
}
.ar-activity-main-sobsrqr .main {
  background-color: var(--dark-900);
}
.ar-activity-main-winxstyle .main {
  background: var(--white) url(/images/main-bg-v13.jpg?80e70bba1d409b8af9c9f04ff84a7d3b) no-repeat center;
  background-size: 100% 100%;
}
.ar-activity-main-winxsv3 .main {
  background: var(--white) url(/images/main-bg-v14.jpg?07cca15a06ad5991c22a33cb59b4230d) no-repeat center;
  background-size: 100% 100%;
}
.ar-activity-main-sobcc .main {
  background: var(--white) url(/images/main-bg-v16.jpg?62a4c716ff5cb39e4a2e7f30bf7db4fc) no-repeat center;
  background-size: 100% 100%;
}
.ar-activity-main-wincompsiver .main {
  background: var(--white) url(/images/main-bg-v17.jpg?c3ed143b51c126a353f2ed8d87bbc992) no-repeat center;
  background-size: 100% 100%;
}
@media screen and (width: 375px) and (max-height: 812px) {
  .ar-activity-main-wincompsiver .steps > div {
    padding-bottom: 32.9166666667vw;
  }
}
@media only screen and (width: 390px) and (max-height: 844px) {
  .ar-activity-main-wincompsiver .steps > div {
    padding-bottom: 32.9166666667vw;
  }
}
@media only screen and (width: 414px) and (max-height: 896px) {
  .ar-activity-main-wincompsiver .steps > div {
    padding-bottom: 32.9166666667vw;
  }
}
@media only screen and (width: 428px) and (height: 926px) {
  .ar-activity-main-wincompsiver .steps > div {
    padding-bottom: 32.9166666667vw;
  }
}
@media (max-width: 991px) {
  .ar-activity-main-wincompsiver .steps > div {
    padding-bottom: 27.0833333333vw;
  }
}
.ar-activity-main.ar-activity-main-camelstrade .main {
  background-color: var(--blue-360);
  background-image: url(/images/main-bg-v18_b.png?180233734e794ce4ee2177f9393603fb), url(/images/main-bg-v18_a.png?de7029b9ef80bbe59b56f7b07ad32e25);
  background-repeat: no-repeat;
  background-position: center 100%, center center;
  background-size: 422px 233px, 100% 100%;
}
.ar-activity-main.ar-activity-main-camelstrade-rules .main {
  background-color: var(--blue-360);
}
@media screen and (width: 375px) and (max-height: 812px) {
  .ar-activity-main.ar-activity-main-camelstrade .steps > div {
    padding-bottom: 56.25vw;
  }
}
@media only screen and (width: 390px) and (max-height: 844px) {
  .ar-activity-main.ar-activity-main-camelstrade .steps > div {
    padding-bottom: 56.25vw;
  }
}
@media only screen and (width: 414px) and (max-height: 896px) {
  .ar-activity-main.ar-activity-main-camelstrade .steps > div {
    padding-bottom: 56.25vw;
  }
}
@media only screen and (width: 428px) and (height: 926px) {
  .ar-activity-main.ar-activity-main-camelstrade .steps > div {
    padding-bottom: 56.25vw;
  }
}
@media (max-width: 991px) {
  .ar-activity-main.ar-activity-main-camelstrade .main {
    background-position: 12.0833333333vw 100%, center center;
    background-size: 87.9166666667vw 48.5416666667vw, 100% 100%;
  }
  .ar-activity-main.ar-activity-main-camelstrade .steps > div {
    padding-bottom: 56.25vw;
  }
}
@media screen and (width: 375px) and (max-height: 812px) {
  .ar-activity-main.ar-activity-main-winxstyle .steps > div {
    padding-bottom: 12.5vw;
  }
}
@media only screen and (width: 390px) and (max-height: 844px) {
  .ar-activity-main.ar-activity-main-winxstyle .steps > div {
    padding-bottom: 12.5vw;
  }
}
@media only screen and (width: 414px) and (max-height: 896px) {
  .ar-activity-main.ar-activity-main-winxstyle .steps > div {
    padding-bottom: 12.5vw;
  }
}
@media only screen and (width: 428px) and (height: 926px) {
  .ar-activity-main.ar-activity-main-winxstyle .steps > div {
    padding-bottom: 12.5vw;
  }
}
@media screen and (width: 375px) and (max-height: 812px) {
  .ar-activity-main.ar-activity-main-winxsv3 .steps > div, .ar-activity-main.ar-activity-main-sobcc .steps > div {
    padding-bottom: 18.75vw;
  }
}
@media only screen and (width: 390px) and (max-height: 844px) {
  .ar-activity-main.ar-activity-main-winxsv3 .steps > div, .ar-activity-main.ar-activity-main-sobcc .steps > div {
    padding-bottom: 18.75vw;
  }
}
@media only screen and (width: 414px) and (max-height: 896px) {
  .ar-activity-main.ar-activity-main-winxsv3 .steps > div, .ar-activity-main.ar-activity-main-sobcc .steps > div {
    padding-bottom: 18.75vw;
  }
}
@media only screen and (width: 428px) and (height: 926px) {
  .ar-activity-main.ar-activity-main-winxsv3 .steps > div, .ar-activity-main.ar-activity-main-sobcc .steps > div {
    padding-bottom: 18.75vw;
  }
}
.ar-activity-main-rulesqr .main {
  background-color: var(--dark-800);
}
.ar-activity-main.ar-activity-main-cocktail .main {
  background-color: var(--black);
  background-image: url(/images/main-bg-v19.png?7d1313451dee09d3dbb5f894bc02cc60);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 480px 287px;
}
.ar-activity-main.ar-activity-main-cocktail .main.ar-activity-step-1 {
  background-image: none;
}
.ar-activity-main.ar-activity-main-cocktail .steps > div {
  padding-top: 0;
  padding-right: 50px;
  padding-left: 50px;
}
@media (max-width: 767px) {
  .ar-activity-main.ar-activity-main-cocktail .main {
    background-size: 100vw 59.7916666667vw;
  }
  .ar-activity-main.ar-activity-main-cocktail .steps > div {
    padding: 0 10.4166666667vw 31.25vw;
  }
}
.ar-activity-main.ar-activity-main-camelslims .main {
  background-color: var(--blue-360);
  background-image: url(/images/main-bg-v18_b.png?180233734e794ce4ee2177f9393603fb), url(/images/main-bg-v20.png?776d3076e21dbf9dfff89db250ee6e9d);
  background-repeat: no-repeat;
  background-position: center bottom 88px, center center;
  background-size: 422px 233px, 100% 100%;
}
@media (max-width: 991px) {
  .ar-activity-main.ar-activity-main-camelslims .main {
    background-position: left 12.0833333333vw bottom 18.3333333333vw, center center;
    background-size: 87.9166666667vw 48.5416666667vw, 100% 100%;
  }
  .ar-activity-main.ar-activity-main-camelslims .steps > div {
    padding-bottom: 70.8333333333vw !important;
  }
}
.ar-activity-main.ar-activity-main-winstonss .main {
  background-color: var(--blue-360);
  background-image: url(/images/main-bg-v22_a.png?efbb88c99fd0720a4c8b5aa226334030), url(/images/main-bg-v22.jpg?0a51f161196a57cf5b014db7b529b24b);
  background-repeat: no-repeat;
  background-position: center top, center center;
  background-size: 480px 1134px, 100% 100%;
}
@media (max-width: 991px) {
  .ar-activity-main.ar-activity-main-winstonss .main {
    background-size: 100vw 236.25vw, 100% 100%;
  }
  .ar-activity-main.ar-activity-main-winstonss .steps > div {
    padding-bottom: 23.5416666667vw !important;
  }
}
.ar-activity-main.ar-activity-main-winxtyleslims .main {
  background-color: var(--dark-200);
  background-image: url(/images/main-bg-v23.jpg?a7dfc693ad66b0cbe1c40dd47f82db32);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% 100%;
}
.ar-activity-main.ar-activity-main-winks .main {
  background-color: var(--blue-600);
  background-image: url(/images/main-bg-v25.jpg?6e8eed456b9f911fbe6d9fe353c58425);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
}
@media (min-width: 768px) {
  .ar-activity-main.ar-activity-main-winks .main {
    background-size: 480px 100%;
  }
}
.ar-activity-main.ar-activity-main-winqr .main {
  background-color: #0076E3;
  background-image: url(/images/main-bg-v26.jpg?27a1b78b14a9085e59b1fe2c5599b579);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 480px 100%;
}
@media (max-width: 1000px) {
  .ar-activity-main.ar-activity-main-winqr .main {
    background-size: 100% 100%;
  }
}
.ar-activity-main.ar-activity-main-win-com-b .main {
  background-image: url(/images/main-bg-v30_a.jpg?ee6226a431d6e1835306ec4a5dab0b78);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100vw 100%;
}
@media (min-width: 768px) {
  .ar-activity-main.ar-activity-main-win-com-b .main {
    background-size: 480px 100%;
  }
}
.ar-activity-main.ar-activity-main-cam-com-b .main {
  background-color: #0C56A7;
  background-image: url(/images/main-bg-v18_b.png?180233734e794ce4ee2177f9393603fb), url(/images/main-bg-v31.png?9a9b3abd10182509f3bda0521097aad4);
  background-repeat: no-repeat;
  background-position: center bottom 88px, center top;
  background-size: 422px 233px, 480px 636px;
}
@media (max-width: 991px) {
  .ar-activity-main.ar-activity-main-cam-com-b .main {
    background-position: left 12.0833333333vw bottom 18.3333333333vw, center top;
    background-size: 87.9166666667vw 48.5416666667vw, 100vw 132.5vw;
  }
}
.ar-activity-main.ar-activity-main-camel-111 .main {
  background-color: #0C56A7;
  background-image: url(/images/main-bg-v18_b.png?180233734e794ce4ee2177f9393603fb), url(/images/main-bg-v31.png?9a9b3abd10182509f3bda0521097aad4);
  background-repeat: no-repeat;
  background-position: center bottom 88px, center top;
  background-size: 422px 233px, 480px 636px;
}
@media (max-width: 991px) {
  .ar-activity-main.ar-activity-main-camel-111 .main {
    background-position: left 12.0833333333vw bottom 18.3333333333vw, center top;
    background-size: 87.9166666667vw 48.5416666667vw, 100vw 132.5vw;
  }
}
.ar-activity-main.ar-activity-main-win-com-blue-bb .main {
  background-color: #0C56A7;
  background-image: url(/images/main-bg-v33.jpg?bde312284b337f7b4a14def64020285a);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100vw 100%;
}
@media (min-width: 768px) {
  .ar-activity-main.ar-activity-main-win-com-blue-bb .main {
    background-size: 480px 100%;
  }
}
.ar-activity-main.ar-activity-main-win-mc .main {
  background-color: white;
  background-image: url(/images/main-bg-v35_a.jpg?1f7faad474f4191e8dce0d37fbefc3f8);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 480px 100%;
}
@media (max-width: 992px) {
  .ar-activity-main.ar-activity-main-win-mc .main {
    background-size: 100% 100%;
  }
}
.ar-activity-main.ar-activity-main-win-xs-ss .main {
  background-color: white;
  background-image: url(/images/main-bg-v36.jpg?7b03f6b8f74f4f7cf88d9f1b5dff6d55);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 480px 100%;
}
.ar-activity-main.ar-activity-main-win-xs-ss .ar-activity-step-blocked, .ar-activity-main.ar-activity-main-win-xs-ss .ar-activity-step-close_activity, .ar-activity-main.ar-activity-main-win-xs-ss .ar-activity-step-finish {
  background-image: url(/images/main-bg-v36_a.jpg?42677fd15186189863fa406f5521da32);
}
@media (max-width: 992px) {
  .ar-activity-main.ar-activity-main-win-xs-ss .main {
    background-size: 100% 100%;
  }
}
.ar-activity-main.ar-activity-main-camel-ks-legend .steps > div {
  padding-left: 0;
  padding-right: 0;
}
.ar-activity-main.ar-activity-main-camel-ks-legend .main {
  background-color: white;
  background-image: url(/images/main-bg-v37.jpg?ba9082100e57e2d22a8cbd857317da6c);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 480px 100%;
}
@media (max-width: 992px) {
  .ar-activity-main.ar-activity-main-camel-ks-legend .main {
    background-size: 100% 100%;
  }
}
.ar-activity-main-sob-quiz .main {
  background-color: #000;
}
.ar-activity-main-prize .main {
  background-color: var(--blue-360);
  background-image: url(/images/prize-qr-bg.png?ca9338f57ccc75a21c2b0f54c4a208bc);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.ar-activity-main-prize-qr .main {
  background-color: var(--dark-200);
  background-image: url(/images/bg-qr.png?ace873f3550863cb71b6c7070a8f3279);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 896px 100%;
}
@media (max-width: 481px) {
  .ar-activity-main-prize-qr .main {
    background-size: 100vw 100%;
  }
}
@media screen and (width: 375px) and (max-height: 812px) {
  .ar-activity-main .steps > div {
    padding-bottom: 130px;
  }
}
@media only screen and (width: 390px) and (max-height: 844px) {
  .ar-activity-main .steps > div {
    padding-bottom: 130px;
  }
}
@media only screen and (width: 414px) and (max-height: 896px) {
  .ar-activity-main .steps > div {
    padding-bottom: 130px;
  }
}
@media only screen and (width: 428px) and (height: 926px) {
  .ar-activity-main .steps > div {
    padding-bottom: 130px;
  }
}
.ar-activity > div {
  height: inherit;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 7.2916666667vw;
}
.ar-activity img, .ar-activity svg {
  max-width: 100%;
}
.ar-activity .next-square-btn {
  border: 0;
  margin-top: 5px;
  padding: 0;
  width: 61px;
  background-color: transparent;
  outline: none;
  box-shadow: none;
  cursor: pointer;
}
@media (max-width: 767px) {
  .ar-activity .next-square-btn--winston {
    width: 13.8541666667vw;
  }
}
.ar-activity .btn {
  outline: none;
  border: none;
  margin-bottom: 8px;
  border-radius: 8px;
  padding: 0;
  width: 100%;
  height: 55px;
  font-size: 20px;
  font-family: "Calibri", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  color: var(--white);
  background: var(--primary-color);
  box-shadow: none;
  cursor: pointer;
  transition: all 0.3s;
}
.ar-activity .btn.active {
  background: var(--primary-active-color);
}
.ar-activity .btn:hover {
  box-shadow: none;
}
.ar-activity .btn--dark {
  border: 1px solid var(--yellow-400);
  border-radius: 0;
  color: var(--white);
  background: var(--dark-400);
}
.ar-activity .btn--dark.active {
  background: var(--dark-700);
}
.ar-activity .btns-wrap {
  display: flex;
  flex-direction: column;
  margin-top: 18px;
  width: 100%;
}
.ar-activity .brand-title {
  margin: 0;
  font-size: 8.5416666667vw;
  font-family: "Winston-Medium", sans-serif;
  font-weight: 500;
  color: var(--primary-color);
  text-transform: uppercase;
}
.ar-activity .sub-title {
  margin-top: 3px;
  margin-bottom: 0;
  padding: 0;
  font-size: 6.0416666667vw;
  font-family: Calibri, sans-serif;
  color: var(--primary-color);
  font-weight: 400;
  text-align: center;
  line-height: 1.2;
}
.ar-activity .btn-wrap {
  margin-top: auto;
}
.ar-activity .btn-link {
  margin-top: 10px;
  outline: none;
  border: none;
  box-shadow: none;
  background-color: transparent;
  font-size: 5.625vw;
  font-family: "Calibri", sans-serif;
  font-weight: 400;
  letter-spacing: 0.01em;
  color: var(--primary-color);
  text-decoration: underline;
  cursor: pointer;
}
.ar-activity .brand-preview-type {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  margin-top: 10px;
  margin-bottom: 4.6875vw;
  display: flex;
  justify-content: space-between;
  color: var(--primary-color);
}
.ar-activity .brand-preview-type p {
  width: 33.3%;
  display: inline-block;
  text-align: center;
  font-size: 5vw;
  font-family: "Calibri", sans-serif;
  font-weight: 400;
}
.ar-activity .brand-preview-type p span {
  margin-top: 5px;
  display: inline-block;
  font-size: 0.87em;
  font-family: "Calibri", sans-serif;
  font-weight: 100;
  letter-spacing: 0.01em;
}
.ar-activity .brand-preview-type p span strong {
  font-weight: 100;
}
.ar-activity .brand-preview__text-wrap p {
  color: #000;
  margin-bottom: 5px;
  font-size: 15px;
  font-weight: 100;
}
.ar-activity .brand-preview__text-wrap p:last-of-type {
  margin-bottom: 0;
}
.ar-activity .brand-tooltip-wrap {
  width: 100%;
  text-align: right;
}
.ar-activity .brand-tooltip {
  display: inline-block;
  align-self: flex-end;
  margin-top: 5.2083333333vw;
  margin-right: -3.6458333333vw;
  padding: 2.1875vw 2.2916666667vw 5.8333333333vw;
  font-size: 6.1458333333vw;
  font-family: Calibri, sans-serif;
  color: var(--white);
  background: url(/images/popup_b.png?a95895c3b2d581859dad0950eb3d57a8) no-repeat;
  background-position: center;
  background-size: 100% 100%;
  white-space: nowrap;
}
.ar-activity .brand-tree-list {
  list-style: none;
  padding: 0;
  margin: 0;
  color: var(--primary-color);
}
.ar-activity .brand-tree-list li {
  margin-left: 17px;
  margin-bottom: 20px;
}
.ar-activity .brand-tree-list li > div {
  display: flex;
  align-items: center;
}
.ar-activity .brand-tree-list img {
  display: inline-block;
  margin-right: 10px;
  width: 50px;
  height: 50px;
  -o-object-fit: contain;
     object-fit: contain;
}
.ar-activity .brand-tree-list span {
  display: inline-block;
  font-size: 16px;
  font-family: "Calibri", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .ar-activity .brand-tree-list li {
    margin-left: 1.6666666667vw;
    margin-bottom: 2.0833333333vw;
  }
  .ar-activity .brand-tree-list img {
    flex-shrink: 0;
    margin-right: 3.6458333333vw;
    width: 10.4166666667vw;
    height: 10.4166666667vw;
  }
  .ar-activity .brand-tree-list span {
    font-size: 4.7916666667vw;
  }
}
.ar-activity .brand-notice {
  margin-bottom: 2.6041666667vw;
  width: 100%;
  font-size: 3.9583333333vw;
  font-family: "Calibri", sans-serif;
  font-weight: 400;
  color: var(--primary-color);
  letter-spacing: 0.01em;
  text-align: left;
}
.ar-activity .survey-question-wrap {
  width: 100%;
}
.ar-activity .question-title {
  margin-top: 0;
  font-size: 5.8333333333vw;
  font-family: "Calibri", sans-serif;
  font-weight: 400;
  letter-spacing: 0.01em;
  text-align: center;
  color: var(--primary-color);
}
.ar-activity .finish {
  display: flex;
  flex-direction: column;
  height: inherit;
  font-family: Calibri, sans-serif;
  color: var(--primary-color);
  text-align: center;
}
.ar-activity .finish-title {
  margin: 0;
  font-size: 25px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.01em;
}
.ar-activity .finish .refill-img {
  margin-top: 17%;
  margin-bottom: 7%;
  width: 30%;
}
.ar-activity .finish .greetings-text {
  margin-bottom: 10px;
  font-size: 25px;
  color: var(--primary-color);
}
.ar-activity .finish .contact-us {
  margin-top: auto;
  font-size: 17px;
  font-family: "Calibri", sans-serif;
  font-weight: 100;
  line-height: 1.1;
}
.ar-activity .finish .contact-us a {
  display: block;
  margin-top: 5px;
  font-size: 1.5em;
  text-decoration: underline;
}
.ar-activity .finish .contact-us, .ar-activity .finish .contact-us a {
  color: var(--primary-color);
}
@media only screen and (width: 375px) and (max-height: 812px) {
  .ar-activity .finish .refill-img {
    width: 46%;
  }
  .ar-activity .finish .greetings-text {
    font-size: 24px;
  }
  .ar-activity .finish .contact-us {
    font-size: 19px;
  }
}
@media (min-width: 768px) {
  .ar-activity .finish {
    margin: 0 auto;
  }
}
.ar-activity .step-0 .sub-title {
  margin-bottom: 10px;
}
.ar-activity .step-0 .next-square-btn {
  margin-top: 0;
}
.ar-activity .step-0 .btn-wrap {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.ar-activity .step-0 .cigarette-pack, .ar-activity .step-1 .cigarette-pack {
  display: inline-block;
  margin: 3.125vw 0 5.2083333333vw;
}
.ar-activity .blocked {
  display: flex;
  flex-direction: column;
  height: inherit;
  color: var(--primary-color);
  text-align: center;
}
.ar-activity .blocked-title {
  margin-top: 13%;
  margin-bottom: 13%;
  font-size: 30px;
  font-weight: 700;
  text-transform: uppercase;
}
.ar-activity .blocked-img {
  margin-top: auto;
  width: 40%;
}
.ar-activity .blocked-text {
  margin-bottom: auto;
  font-size: 20px;
  line-height: 1.1;
}
@media only screen and (width: 375px) and (max-height: 812px) {
  .ar-activity .blocked-img {
    width: 46%;
  }
  .ar-activity .blocked-text {
    font-size: 24px;
  }
}
.ar-activity .unsubscribe {
  text-align: center;
}
.ar-activity .unsubscribe > img, .ar-activity .unsubscribe > svg {
  display: block;
  margin: 0 auto;
  width: 80px;
}
.ar-activity .unsubscribe-title {
  margin: 5px 0 15px;
  font-size: 28px;
  font-family: "Calibri", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.01em;
  color: var(--primary-color);
}
.ar-activity .unsubscribe-text {
  margin-top: 25px;
  font-size: 23px;
  font-family: "Calibri", sans-serif;
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: 0.01em;
  color: var(--primary-color);
}
.ar-activity .unsubscribe .sobranie-btn {
  height: 51px;
  font-size: 17px;
  text-transform: none;
}
.ar-activity .unsubscribe-steps {
  margin-top: auto;
}
.ar-activity .unsubscribe-steps .next-square-btn:nth-of-type(1) {
  margin-right: 15px;
  transform: rotate(180deg);
}
.ar-activity .unsubscribe .textarea-wrap {
  width: 100%;
}
.ar-activity .unsubscribe textarea {
  display: block;
  flex: auto;
  width: 100%;
  outline: none;
  border: 1px solid var(--primary-color);
  margin-top: 18px;
  margin-bottom: 30px;
  padding: 18px 25px;
  font-size: 19px;
  font-family: "Calibri", sans-serif;
  font-weight: 400;
  line-height: 1.1;
  color: var(--primary-color);
  background-color: var(--white);
  resize: none;
}
.ar-activity .unsubscribe textarea::-moz-placeholder {
  color: var(--primary-color);
}
.ar-activity .unsubscribe textarea::placeholder {
  color: var(--primary-color);
}
.ar-activity .unsubscribe textarea:-moz-placeholder {
  color: var(--primary-color);
}
.ar-activity .unsubscribe textarea::-moz-placeholder {
  color: var(--primary-color);
}
.ar-activity .unsubscribe textarea:-ms-input-placeholder {
  color: var(--primary-color);
}
.ar-activity .unsubscribe textarea::-webkit-input-placeholder {
  color: var(--primary-color);
}
.ar-activity .unsubscribe.current-step-2 .unsubscribe-text:first-of-type {
  margin-top: 50px;
  margin-bottom: 8px;
}
.ar-activity .unsubscribe .btn {
  font-size: 17px;
  font-weight: 400;
}
.ar-activity .brand-logo {
  display: flex;
  justify-content: flex-end;
  width: 75%;
}
.ar-activity .brand-logo img {
  display: block;
  width: 75px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 991px) {
  .ar-activity .brand-logo {
    width: 100%;
  }
  .ar-activity .brand-logo img {
    width: 16.25vw;
  }
}
.ar-activity .form-field {
  width: 100%;
  text-align: center;
}
.ar-activity .form-field.has-error input {
  border-color: var(--error);
}
.ar-activity .form-field input {
  outline: none;
  border: none;
  border-radius: 8px;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 55px;
  font-size: 20px;
  font-family: "Calibri", sans-serif;
  font-weight: 400;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--black);
  background: var(--white);
  box-shadow: none;
  transition: all 0.3s;
}
.ar-activity .form-field input + label {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  padding: 0 14%;
  width: 100%;
  font-size: 14px;
  font-family: "Calibri", sans-serif;
  font-weight: 400;
  line-height: 1.1;
  text-align: center;
  text-transform: uppercase;
  color: var(--black);
}
.ar-activity .form-field input:focus + label {
  visibility: hidden;
  opacity: 0;
}
@media (max-width: 1000px) {
  .ar-activity .form-field input + label {
    font-size: 4.5833333333vw;
  }
}
.ar-activity .form-field.active-placeholder input:focus + label {
  visibility: visible;
  opacity: 1;
}
.ar-activity .form-field.hide-placeholder input + label, .ar-activity .form-field.hide-placeholder input:focus + label {
  visibility: hidden;
  opacity: 0;
}
.ar-activity .error {
  margin-top: 2px;
  font-size: 13px;
  font-family: "Calibri", sans-serif;
  font-weight: 400;
  color: var(--error);
}
.ar-activity .cigarette-attention {
  display: inline-flex;
  justify-content: center;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
}
.ar-activity .cigarette-attention img {
  width: 100%;
  max-width: 100%;
}
.ar-activity .product {
  display: flex;
  margin-top: 40px;
  margin-bottom: 52px;
}
.ar-activity .product__image {
  flex-shrink: 0;
  margin-right: 20px;
  width: 192px;
}
.ar-activity .product__benefit {
  display: flex;
  align-items: center;
}
.ar-activity .product__benefit + .product__benefit {
  margin-top: 13px;
}
.ar-activity .product__benefit-image {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  margin-right: 16px;
  width: 72px;
  height: 72px;
}
.ar-activity .product__benefit-title {
  font-family: "Noto Sans Armenian";
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  color: var(--white);
}
.ar-activity .brand-company-logo {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}
.ar-activity .brand-company-logo img, .ar-activity .brand-company-logo svg {
  width: 78px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 1000px) {
  .ar-activity .brand-company-logo img, .ar-activity .brand-company-logo svg {
    width: 16.25vw;
  }
}
.ar-activity .contact {
  padding: 35px 0 50px;
  width: 100%;
}
.ar-activity .contact__title {
  margin: 0;
  margin-bottom: 12px;
  color: var(--blue-260);
  text-align: center;
  font-family: "Noto Sans Armenian";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: lowercase;
}
.ar-activity .contact__title a {
  color: inherit;
  text-decoration: none;
}
.ar-activity .contact__title strong {
  font-weight: 400;
}
.ar-activity .contact__social-wrap {
  display: flex;
  justify-content: center;
}
.ar-activity .contact__social-wrap > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.ar-activity .contact__social-wrap > div > a {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 8px;
  width: 70px;
  height: 70px;
  border-radius: 5px;
  background-color: var(--blue-260);
}
.ar-activity .contact__social-wrap > div img {
  width: 42px;
  height: 42px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 1000px) {
  .ar-activity .contact {
    padding: 7.2916666667vw 0 10.4166666667vw;
  }
  .ar-activity .contact__title {
    margin-bottom: 2.5vw;
    font-size: 4.1666666667vw;
  }
  .ar-activity .contact__social-wrap > div > a {
    margin: 0 1.6666666667vw;
    width: 14.5833333333vw;
    height: 14.5833333333vw;
  }
  .ar-activity .contact__social-wrap > div img {
    width: 8.75vw;
    height: 8.75vw;
  }
}
@media (max-width: 991px) {
  .ar-activity .product {
    margin-top: 8.3333333333vw;
    margin-bottom: 10.8333333333vw;
  }
  .ar-activity .product__image {
    margin-right: 4.1666666667vw;
    width: 40vw;
  }
  .ar-activity .product__benefit + .product__benefit {
    margin-top: 2.7083333333vw;
  }
  .ar-activity .product__benefit-image {
    margin-right: 3.3333333333vw;
    width: 15vw;
    height: 15vw;
  }
  .ar-activity .product__benefit-title {
    font-size: 3.125vw;
    line-height: 4.1666666667vw;
  }
}
@media (min-width: 768px) {
  .ar-activity .brand-title {
    font-size: 30px;
  }
  .ar-activity .sub-title {
    font-size: 21px;
  }
  .ar-activity .btn-link {
    font-size: 20px;
  }
  .ar-activity .brand-preview {
    width: 75%;
    text-align: center;
    margin: 3% 0;
  }
  .ar-activity .brand-notice {
    margin-bottom: 15px;
    width: 50%;
    font-size: 18px;
  }
  .ar-activity .step-0 .cigarette-pack, .ar-activity .step-1 .cigarette-pack {
    margin: 0;
  }
  .ar-activity .question-title {
    font-size: 23px;
  }
  .ar-activity .brand-preview-type {
    margin-bottom: 25px;
    width: 60%;
  }
  .ar-activity .brand-preview-type p {
    font-size: 20px;
  }
  .ar-activity .brand-tooltip {
    margin-top: 20px;
    margin-right: -25px;
    padding: 12px 18px 30px;
    font-size: 21px;
  }
}
@media (min-width: 992px) {
  .ar-activity.steps > div {
    padding-top: 60px;
    padding-bottom: 50px;
  }
}

.camel-ss [class^=step-]::before {
  height: 52%;
}
.camel-ss [class^=step-] .sub-title, .camel-ss [class^=step-] .cigarette {
  position: relative;
  z-index: 2;
}
.camel-ss.steps {
  max-width: 480px;
}
.camel-ss .brand-tree-list {
  margin-bottom: 15px;
  color: var(--yellow);
}
.camel-ss .brand-tree-list li:last-of-type {
  margin-bottom: 0;
}
.camel-ss .brand-tree-list span {
  letter-spacing: 0.001em;
  font-weight: 700;
}
.camel-ss .brand-tree-list span sup {
  font-size: 0.75em;
  vertical-align: top;
  top: 0;
  display: inline-block;
  line-height: 1;
}
.camel-ss .brand-tree-list span .thin {
  display: flex;
  font-size: 0.56em;
  font-weight: 100;
}
.camel-ss .sub-title {
  font-size: 18px;
  font-weight: 700;
  color: var(--blue-800);
  text-transform: uppercase;
}
.camel-ss .step-0 .sub-title {
  margin-bottom: 0;
}
.camel-ss .step-0 .cigarette-pack, .camel-ss .step-1 .cigarette-pack {
  margin: 0;
}
.camel-ss .cigarette {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: "Calibri", sans-serif;
  color: var(--blue-800);
}
.camel-ss .cigarette > div {
  width: 47%;
  text-align: center;
}
.camel-ss .cigarette-title {
  margin: 0;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
}
.camel-ss .cigarette-title-lang {
  margin: 10px 0;
  font-size: 14px;
  font-weight: 400;
}
.camel-ss .cigarette-pack {
  width: 92%;
}
.camel-ss .cigarette-price {
  margin-top: 5px;
  font-size: 14px;
  color: var(--yellow);
}
.camel-ss .cigarette-price strong {
  font-size: 2.7em;
  font-weight: 400;
}
.camel-ss .question-title {
  margin-bottom: 0;
  font-size: 19px;
  font-family: "Arial", "Calibri";
  font-weight: 700;
  color: var(--yellow);
}
.camel-ss .btns-wrap {
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}
.camel-ss .btns-wrap .btn {
  width: 48%;
}
.camel-ss .btns-wrap .btn--full {
  width: 100%;
}
.camel-ss .btn {
  font-weight: 700;
  background-color: var(--yellow);
  color: var(--blue-800);
}
.camel-ss .btn.active {
  background-color: var(--blue-200);
  color: var(--white);
}
.camel-ss .btn-link {
  color: var(--yellow);
}
.camel-ss .finish {
  color: var(--blue-800);
}
.camel-ss .finish::before {
  height: 30%;
}
.camel-ss .finish-title, .camel-ss .finish .refill-img {
  position: relative;
  z-index: 2;
}
.camel-ss .finish .refill-img {
  margin-top: 35%;
}
.camel-ss .finish .greetings-text {
  font-weight: 700;
  color: var(--yellow);
}
.camel-ss .finish .contact-us a {
  font-size: 1.33em;
  font-weight: 700;
}
.camel-ss .finish .contact-us, .camel-ss .finish .contact-us a {
  color: var(--yellow);
}
.camel-ss .blocked {
  color: var(--yellow);
}
.camel-ss .blocked::before {
  height: 37%;
}
.camel-ss .blocked-title, .camel-ss .blocked-img {
  position: relative;
  z-index: 2;
}
.camel-ss .blocked-title {
  margin-top: auto;
}
.camel-ss .blocked-img {
  margin-top: 0;
}
.camel-ss .blocked .btn-wrap {
  margin-top: 0;
}
.camel-ss .unsubscribe::before {
  height: 28%;
}
.camel-ss .unsubscribe-text, .camel-ss .unsubscribe img, .camel-ss .unsubscribe svg {
  position: relative;
  z-index: 2;
}
.camel-ss .unsubscribe-text {
  font-weight: 700;
  color: var(--yellow);
}
.camel-ss .unsubscribe textarea {
  border-color: var(--blue-800);
  color: var(--blue-800);
}
.camel-ss .unsubscribe textarea::-moz-placeholder {
  color: var(--blue-800);
}
.camel-ss .unsubscribe textarea::placeholder {
  color: var(--blue-800);
}
.camel-ss .unsubscribe textarea:-moz-placeholder {
  color: var(--blue-800);
}
.camel-ss .unsubscribe textarea::-moz-placeholder {
  color: var(--blue-800);
}
.camel-ss .unsubscribe textarea:-ms-input-placeholder {
  color: var(--blue-800);
}
.camel-ss .unsubscribe textarea::-webkit-input-placeholder {
  color: var(--blue-800);
}
.camel-ss .unsubscribe .btns-wrap .btn {
  width: 100%;
}
@media (max-width: 991px) {
  .camel-ss [class^=step-]::before {
    height: 82.2916666667vw;
  }
  .camel-ss [class^=step-] .sub-title {
    margin-top: 1.5625vw;
    font-size: 3.125vw;
  }
  .camel-ss .brand-tree-list {
    margin-bottom: 4.1666666667vw;
    color: var(--yellow);
  }
  .camel-ss .brand-tree-list li:nth-of-type(1) img {
    margin-right: 4.6875vw;
    width: 16.1458333333vw;
    height: 16.1458333333vw;
  }
  .camel-ss .brand-tree-list li:nth-of-type(2) img {
    margin-right: 3.6458333333vw;
    width: 17.1875vw;
    height: 17.1875vw;
  }
  .camel-ss .brand-tree-list li:nth-of-type(3) img {
    margin-right: 7.5vw;
    width: 13.3333333333vw;
    height: 13.3333333333vw;
  }
  .camel-ss .brand-tree-list span {
    font-size: 5.2083333333vw;
  }
  .camel-ss .brand-tree-list span .thin {
    margin-top: 1.0416666667vw;
  }
  .camel-ss .brand-tree-list span i {
    margin-right: 1.0416666667vw;
  }
  .camel-ss .cigarette {
    margin-top: 5.7291666667vw;
    margin-bottom: 6.25vw;
  }
  .camel-ss .cigarette-title {
    font-size: 5vw;
  }
  .camel-ss .cigarette-title-lang {
    margin-top: 1.5625vw;
    margin-bottom: 1.5625vw;
    font-size: 2.6041666667vw;
  }
  .camel-ss .cigarette-price {
    margin-top: 1.5625vw;
    font-size: 2.5vw;
  }
  .camel-ss .question-title {
    font-size: 4.1666666667vw;
  }
  .camel-ss .btn {
    font-size: 5.1041666667vw;
  }
  .camel-ss .btn-link {
    margin-top: 4.6875vw;
    font-size: 5vw;
  }
  .camel-ss .finish::before {
    height: 67.7083333333vw;
  }
  .camel-ss .finish-title {
    margin-top: 3.125vw;
    font-size: 7.5vw;
  }
  .camel-ss .finish .refill-img {
    margin-top: 24.4791666667vw;
    width: 24.2708333333vw;
  }
  .camel-ss .finish .greetings-text {
    font-size: 5.5208333333vw;
  }
  .camel-ss .finish .contact-us {
    font-size: 3.75vw;
  }
  .camel-ss .finish .contact-us a {
    margin-top: 2.0833333333vw;
  }
  .camel-ss .blocked::before {
    height: 80.2083333333vw;
  }
  .camel-ss .blocked-title {
    margin-bottom: 5.6701030928vw;
    font-size: 6.4948453608vw;
  }
  .camel-ss .blocked-img {
    margin-top: 7.2916666667vw;
    width: 38.9690721649vw;
  }
  .camel-ss .blocked-text {
    margin-bottom: 20.618556701vw;
    font-size: 4.9484536082vw;
  }
  .camel-ss .unsubscribe::before {
    height: 61.4583333333vw;
  }
  .camel-ss .unsubscribe > img, .camel-ss .unsubscribe svg {
    margin-top: 9.375vw;
    width: 25.4166666667vw;
  }
  .camel-ss .unsubscribe-text {
    margin-top: 19.2708333333vw;
    font-size: 5vw;
  }
  .camel-ss .unsubscribe.current-step-2 .unsubscribe-text:first-of-type {
    margin-top: 19.2708333333vw;
  }
  .camel-ss .unsubscribe .btn {
    font-size: 3.75vw;
  }
  .camel-ss .close-activity .blocked-text {
    margin-bottom: auto;
  }
}
@media (min-width: 992px) {
  .camel-ss .cigarette {
    width: 80%;
  }
}

.sobranie-ks .sub-title {
  font-size: 18px;
  font-weight: 100;
  color: var(--white);
  text-transform: uppercase;
}
.sobranie-ks .step-0 .sub-title {
  margin-bottom: 0;
}
.sobranie-ks .step-0 .next-square-btn {
  margin-top: 10px;
}
.sobranie-ks .step-0 .cigarette-pack {
  position: relative;
}
.sobranie-ks .brand-tree-list {
  color: var(--white);
}
.sobranie-ks .brand-tree-list li {
  border-left: 1px solid var(--yellow-400);
  margin-left: 0;
  margin-bottom: 0;
}
.sobranie-ks .brand-tree-list li:first-child {
  padding-top: 90px;
  margin-top: -90px;
}
.sobranie-ks .brand-tree-list li:last-of-type {
  margin-bottom: 0;
  border-left: 1px solid transparent;
}
.sobranie-ks .brand-tree-list li:last-of-type div::before {
  border-left: 1px solid var(--yellow-400);
}
.sobranie-ks .brand-tree-list li div {
  position: relative;
  padding-left: 55px;
}
.sobranie-ks .brand-tree-list li img {
  margin-top: 10px;
  margin-bottom: 10px;
}
.sobranie-ks .brand-tree-list div::before {
  content: "";
  position: absolute;
  top: 0;
  left: -1px;
  bottom: 50%;
  width: 36px;
  border: 1px solid var(--yellow-400);
  border-top: 0 none transparent;
  border-right: 0 none transparent;
  border-left: 0;
}
.sobranie-ks .brand-tree-list span {
  font-weight: 100;
}
.sobranie-ks .brand-tree-list span sup {
  font-size: 0.75em;
  vertical-align: top;
  top: 0;
  display: inline-block;
  line-height: 1;
}
.sobranie-ks .brand-tree-list span .thin {
  display: flex;
  font-size: 0.56em;
  font-weight: 100;
}
.sobranie-ks .cigarette {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: "Calibri", sans-serif;
  color: var(--white);
}
.sobranie-ks .cigarette > div {
  width: 31%;
  text-align: center;
}
.sobranie-ks .cigarette-title {
  margin: 0;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
}
.sobranie-ks .cigarette-title-lang {
  margin: 10px 0;
  font-size: 14px;
  font-weight: 100;
  text-transform: uppercase;
}
.sobranie-ks .cigarette-pack {
  width: 92%;
}
.sobranie-ks .cigarette-price {
  margin-top: 5px;
  font-size: 14px;
  color: var(--white);
  font-weight: 100;
}
.sobranie-ks .cigarette-price strong {
  font-size: 2.7em;
  font-weight: 100;
}
.sobranie-ks .question-title {
  margin-top: 0;
  margin-bottom: 0;
  letter-spacing: 0;
  color: var(--white);
}
.sobranie-ks .btn-link {
  color: var(--white);
}
.sobranie-ks .finish .contact-us, .sobranie-ks .finish .contact-us a, .sobranie-ks .finish-title {
  color: var(--white);
}
.sobranie-ks .finish .contact-us a {
  font-size: 1.33em;
}
.sobranie-ks .finish .greetings-text {
  color: var(--yellow-300);
}
.sobranie-ks .blocked {
  color: var(--yellow-300);
}
.sobranie-ks .blocked-text {
  color: var(--white);
}
.sobranie-ks .unsubscribe textarea {
  border-color: var(--yellow-400);
}
.sobranie-ks .unsubscribe-text {
  color: var(--white);
}
.sobranie-ks .unsubscribe-steps .next-square-btn:nth-of-type(1) {
  transform: none;
}
@media (max-width: 991px) {
  .sobranie-ks [class^=step-] .sub-title {
    margin-top: 1.5625vw;
    font-size: 3.4375vw;
  }
  .sobranie-ks .step-0 .next-square-btn {
    margin-top: 1.0416666667vw;
  }
  .sobranie-ks .brand-tree-list li:first-child {
    padding-top: 23.9583333333vw;
    margin-top: -29.1666666667vw;
  }
  .sobranie-ks .brand-tree-list li:nth-of-type(1) img {
    margin-right: 4.6875vw;
    width: 10.4166666667vw;
    height: 10.4166666667vw;
  }
  .sobranie-ks .brand-tree-list li:nth-of-type(2) img {
    margin-right: 3.125vw;
    margin-left: -0.8333333333vw;
    width: 12.1875vw;
    height: 12.1875vw;
  }
  .sobranie-ks .brand-tree-list li:nth-of-type(3) img {
    margin-right: 3.125vw;
    margin-left: -0.8333333333vw;
    width: 12.1875vw;
    height: 12.1875vw;
  }
  .sobranie-ks .brand-tree-list li:nth-of-type(4) img {
    margin-right: 5.7291666667vw;
    width: 8.8541666667vw;
    height: 8.8541666667vw;
  }
  .sobranie-ks .brand-tree-list li div {
    padding-left: 12.5vw;
  }
  .sobranie-ks .brand-tree-list li img {
    margin-top: 2.0833333333vw;
    margin-bottom: 2.0833333333vw;
  }
  .sobranie-ks .brand-tree-list div::before {
    left: -1px;
    width: 8.3333333333vw;
  }
  .sobranie-ks .brand-tree-list span {
    font-size: 5.2083333333vw;
  }
  .sobranie-ks .brand-tree-list span .thin {
    margin-top: 1.0416666667vw;
  }
  .sobranie-ks .brand-tree-list span i {
    margin-right: 1.0416666667vw;
  }
  .sobranie-ks .cigarette {
    margin-top: 5.7291666667vw;
    margin-bottom: 6.25vw;
  }
  .sobranie-ks .cigarette-title {
    font-size: 3.9583333333vw;
  }
  .sobranie-ks .cigarette-title-lang {
    margin-top: 1.5625vw;
    margin-bottom: 1.0416666667vw;
    font-size: 2.6041666667vw;
  }
  .sobranie-ks .cigarette-price {
    margin-top: 1.5625vw;
    font-size: 1.9791666667vw;
  }
  .sobranie-ks .question-title {
    font-size: 4.375vw;
  }
  .sobranie-ks .finish-title {
    margin-top: 3.125vw;
    font-size: 7.5vw;
  }
  .sobranie-ks .finish .refill-img {
    margin-top: 16.6666666667vw;
    width: 24.2708333333vw;
  }
  .sobranie-ks .finish .contact-us {
    font-size: 3.75vw;
  }
  .sobranie-ks .finish .contact-us a {
    margin-top: 2.0833333333vw;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .sobranie-ks .cigarette:nth-of-type(1) div {
    text-align: left;
  }
  .sobranie-ks .cigarette:nth-of-type(1) div .cigarette-title, .sobranie-ks .cigarette:nth-of-type(1) div .cigarette-title-lang, .sobranie-ks .cigarette:nth-of-type(1) div .cigarette-price {
    text-align: center;
  }
  .sobranie-ks .cigarette-pack {
    width: 92% !important;
  }
}
@media (min-width: 992px) {
  .sobranie-ks .brand-tree-list {
    width: 69%;
  }
  .sobranie-ks .cigarette {
    width: 80%;
  }
}

.winsscaster .sub-title {
  font-size: 18px;
  font-weight: 100;
  color: var(--white);
  text-transform: uppercase;
}
.winsscaster .btns-wrap {
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}
.winsscaster .btns-wrap .btn {
  width: 48%;
}
.winsscaster .btns-wrap .btn--full {
  width: 100%;
}
.winsscaster .btn-link {
  color: var(--white);
}
.winsscaster .step-0 .cigarette-pack, .winsscaster .step-1 .cigarette-pack {
  margin: 0;
}
.winsscaster .cigarette {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: "Calibri", sans-serif;
  color: var(--white);
}
.winsscaster .cigarette > div {
  text-align: center;
}
.winsscaster .cigarette-title {
  margin: 0;
  font-family: "Winston-Bold", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}
.winsscaster .cigarette-sub-title {
  margin: 0;
  font-family: "Winston-Thin", sans-serif;
  font-weight: 100;
  text-transform: uppercase;
}
.winsscaster .cigarette-title-lang {
  margin: 10px 0;
  font-size: 14px;
  font-weight: 100;
}
.winsscaster .cigarette-pack {
  width: 40%;
}
.winsscaster .question-title {
  margin-bottom: 0;
  font-size: 19px;
  color: var(--white);
}
.winsscaster .finish .contact-us, .winsscaster .finish .contact-us a, .winsscaster .finish-title {
  color: var(--white);
}
.winsscaster .finish .greetings-text {
  color: var(--white);
}
.winsscaster .finish .contact-us a {
  font-size: 1.2em;
  font-weight: 400;
}
.winsscaster .blocked {
  color: var(--white);
}
.winsscaster .blocked-title {
  margin-top: auto;
}
.winsscaster .blocked-img {
  margin-top: 0;
}
.winsscaster .btn {
  font-weight: 700;
  background-color: var(--yellow-100);
  color: var(--yellow-900);
  box-shadow: 5px 0 13px 0 rgba(35, 31, 32, 0.4);
}
.winsscaster .btn:active {
  box-shadow: 5px 0 13px 0 rgba(35, 31, 32, 0.4);
  background-color: var(--yellow-100);
}
.winsscaster .btn:hover {
  box-shadow: 5px 0 13px 0 rgba(35, 31, 32, 0.4);
}
.winsscaster .btn.active {
  background: url(/images/btn-bg-v9_d.png?78054d28388df1b0fa3e18c1e9cf6636);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.winsscaster .unsubscribe-text {
  color: var(--white);
}
.winsscaster .unsubscribe textarea {
  border-radius: 8px;
  border-color: var(--white);
  color: var(--blue-800);
}
.winsscaster .unsubscribe textarea::-moz-placeholder {
  color: var(--blue-800);
}
.winsscaster .unsubscribe textarea::placeholder {
  color: var(--blue-800);
}
.winsscaster .unsubscribe textarea:-moz-placeholder {
  color: var(--blue-800);
}
.winsscaster .unsubscribe textarea::-moz-placeholder {
  color: var(--blue-800);
}
.winsscaster .unsubscribe textarea:-ms-input-placeholder {
  color: var(--blue-800);
}
.winsscaster .unsubscribe textarea::-webkit-input-placeholder {
  color: var(--blue-800);
}
.winsscaster .unsubscribe .btns-wrap .btn {
  width: 100%;
}
.winsscaster .unsubscribe .btn {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0;
}
.winsscaster .unsubscribe-steps .next-square-btn:nth-of-type(1) {
  transform: none;
}
@media (max-width: 991px) {
  .winsscaster [class^=step-] .sub-title {
    margin-top: 1.5625vw;
    font-size: 3.4375vw;
  }
  .winsscaster .step-0 .cigarette {
    margin: auto 0;
  }
  .winsscaster .step-0 .cigarette > div {
    margin-top: 5.2083333333vw;
    margin-bottom: 5.2083333333vw;
  }
  .winsscaster .step-0 .cigarette-title {
    font-size: 13.0208333333vw;
  }
  .winsscaster .step-0 .cigarette-sub-title {
    font-size: 9.6875vw;
  }
  .winsscaster .step-0 .cigarette-title-lang {
    font-size: 4.8958333333vw;
  }
  .winsscaster .step-0 .cigarette-pack {
    width: 80%;
  }
  .winsscaster .step-0 .next-square-btn {
    margin-top: 1.0416666667vw;
  }
  .winsscaster .btn {
    height: 11.9791666667vw;
  }
  .winsscaster .btn-link {
    margin-top: 3.6458333333vw;
    font-size: 5vw;
  }
  .winsscaster .cigarette {
    margin-top: 10.4166666667vw;
    margin-bottom: 6.25vw;
  }
  .winsscaster .cigarette-title {
    font-size: 9.375vw;
  }
  .winsscaster .cigarette-sub-title {
    font-size: 6.9791666667vw;
  }
  .winsscaster .cigarette-title-lang {
    margin-top: 1.5625vw;
    margin-bottom: 2.6041666667vw;
    font-size: 3.4375vw;
  }
  .winsscaster .question-title {
    margin-bottom: 2.6041666667vw;
    font-size: 4.2708333333vw;
  }
  .winsscaster .finish-title {
    margin-top: 3.125vw;
    font-size: 7.5vw;
  }
  .winsscaster .finish .refill-img {
    margin-top: 16.6666666667vw;
    margin-bottom: 5.2083333333vw;
    width: 24.2708333333vw;
  }
  .winsscaster .finish .contact-us {
    font-size: 4.1666666667vw;
  }
  .winsscaster .finish .contact-us a {
    margin-top: 2.5vw;
  }
  .winsscaster .blocked-title {
    margin-top: 20.8333333333vw;
    margin-bottom: 7.8125vw;
    font-size: 8.5416666667vw;
  }
  .winsscaster .blocked-img {
    margin-top: 7.2916666667vw;
    width: 27.7083333333vw;
  }
  .winsscaster .blocked-text {
    margin-bottom: 15.625vw;
    font-size: 5.8333333333vw;
  }
  .winsscaster .unsubscribe > img, .winsscaster .unsubscribe svg {
    margin-top: 9.375vw;
    width: 25.4166666667vw;
  }
  .winsscaster .unsubscribe-text {
    margin-top: 8.8541666667vw;
    font-size: 5.4166666667vw;
  }
  .winsscaster .unsubscribe.current-step-2 .unsubscribe-text:first-of-type {
    margin-top: 19.2708333333vw;
  }
  .winsscaster .unsubscribe .btn {
    height: 55px;
    font-size: 4.1666666667vw;
  }
  .winsscaster .unsubscribe .btn:nth-of-type(1) {
    font-size: 3.8541666667vw;
  }
  .winsscaster .close-activity .blocked-text {
    margin-bottom: auto;
  }
}
@media (min-width: 768px) {
  .winsscaster .step-2 .btns-wrap, .winsscaster .step-1 .btns-wrap {
    width: 62%;
  }
  .winsscaster [class^=step-] .cigarette-title {
    font-size: 35px;
  }
  .winsscaster [class^=step-] .cigarette-sub-title {
    font-size: 28px;
  }
}

.winxs [class^=step-] {
  position: relative;
}
.winxs .sub-title {
  font-size: 18px;
  font-weight: 700;
  color: var(--blue-400);
  text-transform: uppercase;
}
.winxs .btns-wrap {
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}
.winxs .btns-wrap .btn {
  width: 48%;
  font-weight: 700;
}
.winxs .btns-wrap .btn--full {
  width: 100%;
}
.winxs .btn {
  background-color: var(--blue-400);
}
.winxs .btn.active {
  background: var(--primary-active-color);
}
.winxs .btn-link {
  color: var(--blue-400);
}
.winxs .brand-tree-list {
  display: flex;
  color: var(--blue-400);
}
.winxs .brand-tree-list li {
  margin: 0;
}
.winxs .notice-wrap {
  position: relative;
  width: 100%;
  left: 0;
  bottom: -45px;
}
.winxs .notice {
  position: absolute;
  bottom: 0;
  left: 0;
  color: var(--blue-400);
  white-space: nowrap;
  text-transform: uppercase;
  font-family: "Calibri", sans-serif;
}
.winxs .step-0 .cigarette-pack, .winxs .step-1 .cigarette-pack {
  margin: 0;
}
.winxs .cigarette {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: "Calibri", sans-serif;
  color: var(--blue-400);
}
.winxs .cigarette > div {
  text-align: center;
}
.winxs .cigarette-title {
  margin: 0;
  font-family: "Winston-Bold", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}
.winxs .cigarette-sub-title {
  margin: 0;
  font-family: "Winston-Thin", sans-serif;
  font-weight: 100;
  text-transform: uppercase;
}
.winxs .cigarette-pack {
  width: 40%;
}
.winxs .question-title {
  margin-bottom: 0;
  font-size: 19px;
  color: var(--blue-400);
}
.winxs .finish .contact-us, .winxs .finish .contact-us a, .winxs .finish-title {
  color: var(--blue-400);
}
.winxs .finish .greetings-text {
  color: var(--blue-400);
}
.winxs .blocked {
  color: var(--blue-400);
}
.winxs .unsubscribe-text {
  color: var(--blue-400);
}
.winxs .unsubscribe textarea {
  border-radius: 8px;
  border-color: var(--blue-400);
  color: var(--blue-400);
}
.winxs .unsubscribe textarea::-moz-placeholder {
  color: var(--blue-400);
}
.winxs .unsubscribe textarea::placeholder {
  color: var(--blue-400);
}
.winxs .unsubscribe textarea:-moz-placeholder {
  color: var(--blue-400);
}
.winxs .unsubscribe textarea::-moz-placeholder {
  color: var(--blue-400);
}
.winxs .unsubscribe textarea:-ms-input-placeholder {
  color: var(--blue-400);
}
.winxs .unsubscribe textarea::-webkit-input-placeholder {
  color: var(--blue-400);
}
.winxs .unsubscribe .btns-wrap .btn {
  width: 100%;
  letter-spacing: -0.01em;
}
@media (max-width: 991px) {
  .winxs [class^=step-] .next-square-btn {
    width: 13.0208333333vw;
  }
  .winxs .step-0 .sub-title {
    margin-top: 2.0833333333vw;
    font-size: 5.1041666667vw;
  }
  .winxs .step-0 .cigarette {
    margin: 0 0 auto;
  }
  .winxs .step-0 .cigarette > div {
    margin-top: 5.2083333333vw;
    margin-bottom: 5.2083333333vw;
  }
  .winxs .step-0 .next-square-btn {
    margin-top: 2.0833333333vw;
  }
  .winxs .brand-tree-list li {
    margin-right: 3.6458333333vw;
  }
  .winxs .brand-tree-list li:nth-of-type(1) img {
    margin-right: 3.6458333333vw;
    width: 11.1458333333vw;
    height: 11.1458333333vw;
  }
  .winxs .brand-tree-list li:nth-of-type(2) img {
    margin-right: 2.6041666667vw;
    width: 15.5208333333vw;
    height: 7.2916666667vw;
  }
  .winxs .brand-tree-list img {
    -o-object-fit: contain;
       object-fit: contain;
  }
  .winxs .brand-tree-list span {
    font-size: 4.375vw;
  }
  .winxs .btn {
    height: 11.9791666667vw;
    font-size: 5.1041666667vw;
  }
  .winxs .btn-link {
    margin-top: 4.1666666667vw;
    font-size: 5vw;
  }
  .winxs .notice-wrap {
    bottom: -10.4166666667vw;
    left: -4%;
  }
  .winxs .notice {
    font-size: 2.6041666667vw;
  }
  .winxs .cigarette {
    margin-top: 7.2916666667vw;
    margin-bottom: 6.25vw;
  }
  .winxs .cigarette-title {
    font-size: 9.375vw;
  }
  .winxs .cigarette-sub-title {
    margin-bottom: 2.6041666667vw;
    font-size: 6.9791666667vw;
  }
  .winxs .cigarette-pack {
    width: auto;
    height: 56.7708333333vw;
  }
  .winxs .cigarette > div:nth-of-type(1) {
    margin-right: 4.1666666667vw;
  }
  .winxs .question-title {
    margin-bottom: 2.6041666667vw;
    font-size: 4.6875vw;
  }
  .winxs .finish-title {
    margin-top: 3.125vw;
    font-size: 7.5vw;
  }
  .winxs .finish .refill-img {
    margin-top: 17.7083333333vw;
    margin-bottom: 5.7291666667vw;
    width: 24.2708333333vw;
  }
  .winxs .finish .contact-us {
    font-size: 4.1666666667vw;
  }
  .winxs .finish .contact-us a {
    margin-top: 2.5vw;
  }
  .winxs .blocked-title {
    margin-top: 16.1458333333vw;
    margin-bottom: 9.375vw;
    font-size: 8.75vw;
  }
  .winxs .blocked-img {
    margin-top: 7.2916666667vw;
    width: 30.7291666667vw;
  }
  .winxs .blocked-text {
    margin-bottom: 15.625vw;
    font-size: 5.4166666667vw;
  }
  .winxs .unsubscribe > img, .winxs .unsubscribe svg {
    margin-top: 7.2916666667vw;
    width: 28.125vw;
  }
  .winxs .unsubscribe-text {
    margin-top: 11.4583333333vw;
    font-size: 5.625vw;
  }
  .winxs .unsubscribe.current-step-2 .unsubscribe-text:first-of-type {
    margin-top: 19.2708333333vw;
  }
  .winxs .unsubscribe .btn {
    height: 55px;
    font-size: 3.9583333333vw;
  }
  .winxs .unsubscribe .next-square-btn {
    margin-top: 1.5625vw;
  }
  .winxs .close-activity .blocked-text {
    margin-bottom: auto;
  }
}
@media (min-width: 768px) {
  .winxs .step-2 .btns-wrap, .winxs .step-1 .btns-wrap {
    width: 62%;
  }
  .winxs [class^=step-] .cigarette-title {
    font-size: 35px;
  }
  .winxs [class^=step-] .cigarette-sub-title {
    font-size: 28px;
  }
}
@media (min-width: 992px) {
  .winxs .cigarette {
    width: 90%;
  }
  .winxs .brand-tree-list {
    width: 80%;
  }
  .winxs .brand-tree-list li {
    width: 50%;
  }
  .winxs .brand-tree-list li > div {
    justify-content: center;
  }
}

.winxsv2 [class^=step-] {
  position: relative;
}
.winxsv2 .brand-title {
  font-size: 50px;
  font-family: "Winston-Bold", sans-serif;
  font-weight: 700;
  color: var(--white);
}
.winxsv2 .brand-sub-title {
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 19px;
  font-family: "WinstonArmenian", sans-serif;
  font-weight: 100;
  width: 100%;
  text-align: center;
  color: var(--white);
  text-transform: uppercase;
}
.winxsv2 .sub-title {
  font-size: 18px;
  font-family: "WinstonArmenian", sans-serif;
  font-weight: 700;
  color: var(--white);
  text-transform: uppercase;
  letter-spacing: -0.005em;
}
.winxsv2 .sub-title span {
  color: var(--blue-170);
}
.winxsv2 .btns-wrap {
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}
.winxsv2 .btns-wrap .btn {
  width: 48%;
  font-weight: 700;
}
.winxsv2 .btns-wrap .btn--full {
  width: 100%;
}
.winxsv2 .btn {
  background-color: var(--blue-400);
}
.winxsv2 .btn.active {
  background: var(--primary-active-color);
}
.winxsv2 .btn-link {
  font-family: "WinstonArmenian", sans-serif;
  font-weight: 400;
  letter-spacing: 0.025em;
  color: var(--white);
  text-transform: uppercase;
}
.winxsv2 .step-0 .cigarette-pack, .winxsv2 .step-1 .cigarette-pack {
  margin: 0;
}
.winxsv2 .filters {
  display: flex;
  flex-direction: column;
  margin-top: 15px;
  color: var(--white);
  font-family: "WinstonArmenian", sans-serif;
  font-weight: 100;
}
.winxsv2 .filters img {
  display: inline-block;
  width: 110px;
  height: 110px;
}
.winxsv2 .filters__main {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
}
.winxsv2 .filters__main img {
  margin-right: 20px;
}
.winxsv2 .filters__main + p {
  margin-bottom: 15px;
  width: 100%;
  text-align: center;
  white-space: nowrap;
  font-size: 19px;
}
.winxsv2 .filters__wrap {
  display: flex;
  justify-content: space-between;
  margin: 0 auto 20px;
  width: 100%;
  max-width: 550px;
}
.winxsv2 .cigarette-logo {
  text-align: center;
}
.winxsv2 .cigarette-logo img {
  width: 85%;
}
.winxsv2 .cigarette {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: "Calibri", sans-serif;
  color: var(--blue-400);
}
.winxsv2 .cigarette > div {
  text-align: center;
}
.winxsv2 .cigarette-pack {
  width: 40%;
}
.winxsv2 .cigarette-price {
  color: var(--blue-150);
  font-family: "Winston-Thin", sans-serif;
  font-weight: 100;
}
.winxsv2 .question-title {
  margin-bottom: 0;
  font-size: 19px;
  font-family: "WinstonArmenian", sans-serif;
  font-weight: 400;
  color: var(--white);
  letter-spacing: 0.02em;
}
.winxsv2 .finish-title {
  font-family: "WinstonArmenian", sans-serif;
  font-weight: 900;
}
.winxsv2 .finish .refill-img {
  width: 40%;
}
.winxsv2 .finish .contact-us, .winxsv2 .finish .contact-us a, .winxsv2 .finish-title {
  color: var(--white);
}
.winxsv2 .finish .greetings-text {
  font-family: "WinstonArmenian", sans-serif;
  font-weight: 700;
  color: var(--blue-300);
  line-height: 1.2;
}
.winxsv2 .finish .contact-us {
  font-family: "WinstonArmenian", sans-serif;
  font-weight: 400;
  line-height: 1.2;
}
.winxsv2 .finish .contact-us a {
  font-size: 1.2em;
  font-weight: 100;
}
.winxsv2 .blocked {
  color: var(--white);
}
.winxsv2 .blocked-title {
  font-family: "WinstonArmenian", sans-serif;
  font-weight: 900;
  color: var(--blue-300);
}
.winxsv2 .blocked-text {
  font-family: "WinstonArmenian", sans-serif;
  font-weight: 400;
}
.winxsv2 .unsubscribe-text {
  color: var(--white);
  font-family: "WinstonArmenian", sans-serif;
  font-weight: 700;
}
.winxsv2 .unsubscribe textarea {
  font-family: "WinstonArmenian", sans-serif;
  font-weight: 100;
  border-radius: 8px;
  border-color: var(--blue-300);
  color: var(--blue-300);
}
.winxsv2 .unsubscribe textarea::-moz-placeholder {
  color: var(--blue-300);
}
.winxsv2 .unsubscribe textarea::placeholder {
  color: var(--blue-300);
}
.winxsv2 .unsubscribe textarea:-moz-placeholder {
  color: var(--blue-300);
}
.winxsv2 .unsubscribe textarea::-moz-placeholder {
  color: var(--blue-300);
}
.winxsv2 .unsubscribe textarea:-ms-input-placeholder {
  color: var(--blue-300);
}
.winxsv2 .unsubscribe textarea::-webkit-input-placeholder {
  color: var(--blue-300);
}
.winxsv2 .unsubscribe-steps .next-square-btn:nth-of-type(1) {
  transform: none;
}
.winxsv2 .unsubscribe .btns-wrap .btn {
  width: 100%;
  letter-spacing: 0;
  font-weight: 400;
}
.winxsv2 .btn {
  padding-top: 2px;
  font-family: "WinstonArmenian", sans-serif;
  background-color: var(--blue-300);
  color: var(--white);
  background: url(/images/btn-bg-v11_b.png?c39728ecb31a1d6c16f7402485f8ea99) no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.winxsv2 .btn.active {
  background: url(/images/btn-bg-v11_c.png?05dc3753254105a7c9fffd8157e77716);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
@media (max-width: 991px) {
  .winxsv2 [class^=step-] .next-square-btn {
    width: 16.0416666667vw;
  }
  .winxsv2 .brand-title {
    margin-top: 2.6041666667vw;
    font-size: 14.4791666667vw;
  }
  .winxsv2 .brand-sub-title {
    margin-top: 0.5208333333vw;
    margin-bottom: 0.5208333333vw;
    font-size: 3.2291666667vw;
  }
  .winxsv2 .sub-title {
    margin-top: 2.0833333333vw;
    margin-bottom: 1.0416666667vw;
    font-size: 5.1041666667vw;
  }
  .winxsv2 .step-0 .cigarette {
    margin: 0;
  }
  .winxsv2 .step-0 .cigarette > div {
    margin-top: 5.2083333333vw;
    margin-bottom: 5.2083333333vw;
  }
  .winxsv2 .step-0 .next-square-btn {
    margin-top: 2.0833333333vw;
  }
  .winxsv2 .filters {
    margin-top: 2.0833333333vw;
  }
  .winxsv2 .filters img {
    width: 16.6666666667vw;
    height: 16.6666666667vw;
  }
  .winxsv2 .filters__main {
    justify-content: flex-start;
    margin-bottom: 4.6875vw;
    font-size: 3.3333333333vw;
  }
  .winxsv2 .filters__main img {
    margin-right: 3.6458333333vw;
  }
  .winxsv2 .filters__main + p {
    margin-bottom: 3.6458333333vw;
    font-size: 3.2291666667vw;
  }
  .winxsv2 .filters__wrap {
    margin-bottom: 3.125vw;
    max-width: 70.8333333333vw;
  }
  .winxsv2 .btn {
    padding-top: 0.2083333333vw;
    height: 15.625vw;
    font-size: 5.1041666667vw;
  }
  .winxsv2 .btn-link {
    margin-top: 4.1666666667vw;
    font-size: 3.75vw;
  }
  .winxsv2 .cigarette-logo img {
    margin-top: 2.6041666667vw;
    width: 60.9375vw;
  }
  .winxsv2 .cigarette {
    margin-top: 7.2916666667vw;
    margin-bottom: 6.25vw;
  }
  .winxsv2 .cigarette-pack {
    width: auto;
    height: 55.7291666667vw;
  }
  .winxsv2 .cigarette-price {
    margin-top: 0.5208333333vw;
    font-size: 4.1666666667vw;
  }
  .winxsv2 .cigarette > div:nth-of-type(1) {
    margin-right: 2.0833333333vw;
  }
  .winxsv2 .question-title {
    margin-bottom: 2.6041666667vw;
    font-size: 4.6875vw;
  }
  .winxsv2 .finish-title {
    margin-top: 2.6041666667vw;
    font-size: 7.5vw;
  }
  .winxsv2 .finish .refill-img {
    margin-top: 13.5416666667vw;
    margin-bottom: 3.125vw;
    width: 30.2083333333vw;
  }
  .winxsv2 .finish .greetings-text {
    font-size: 6.0416666667vw;
  }
  .winxsv2 .finish .contact-us {
    font-size: 4.1666666667vw;
  }
  .winxsv2 .finish .contact-us a {
    margin-top: 2.5vw;
  }
  .winxsv2 .blocked-title {
    margin-top: 8.3333333333vw;
    margin-bottom: 15.1041666667vw;
    font-size: 8.5416666667vw;
  }
  .winxsv2 .blocked-img {
    margin-top: 12.5vw;
    width: 31.25vw;
  }
  .winxsv2 .blocked-text {
    margin-bottom: 15.625vw;
    font-size: 5.8333333333vw;
  }
  .winxsv2 .blocked .next-square-btn {
    width: 16.0416666667vw;
  }
  .winxsv2 .unsubscribe > img, .winxsv2 .unsubscribe svg {
    margin-top: 4.6875vw;
    width: 25.5208333333vw;
  }
  .winxsv2 .unsubscribe-text {
    margin-top: 11.9791666667vw;
    font-size: 4.8958333333vw;
  }
  .winxsv2 .unsubscribe.current-step-2 .unsubscribe-text:first-of-type {
    margin-top: 19.2708333333vw;
  }
  .winxsv2 .unsubscribe .btn {
    margin-bottom: 0.4166666667vw;
    height: 15.625vw;
    font-size: 3.8541666667vw;
  }
  .winxsv2 .unsubscribe .next-square-btn {
    margin-top: 1.5625vw;
  }
  .winxsv2 .close-activity .blocked-text {
    margin-bottom: auto;
  }
}
@media (min-width: 768px) {
  .winxsv2 .step-2 .btns-wrap, .winxsv2 .step-1 .btns-wrap {
    width: 62%;
  }
  .winxsv2 [class^=step-] .cigarette-title {
    font-size: 35px;
  }
  .winxsv2 [class^=step-] .cigarette-sub-title {
    font-size: 28px;
  }
}
@media (min-width: 992px) {
  .winxsv2 .cigarette {
    width: 90%;
  }
  .winxsv2 .brand-tree-list {
    width: 80%;
  }
  .winxsv2 .brand-tree-list li {
    width: 50%;
  }
  .winxsv2 .brand-tree-list li > div {
    justify-content: center;
  }
  .winxsv2 .btn:hover {
    background: url(/images/btn-bg-v11_c.png?05dc3753254105a7c9fffd8157e77716);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
  }
}

.sobsr [class^=step-] {
  position: relative;
}
.sobsr .brand-sub-title {
  position: relative;
  z-index: 2;
  margin-top: 5px;
  margin-bottom: 0;
  font-size: 19px;
  font-weight: 700;
  width: 100%;
  text-align: center;
  color: var(--yellow-300);
  text-transform: uppercase;
}
.sobsr .btns-wrap {
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}
.sobsr .btns-wrap .btn {
  width: 48%;
  font-weight: 700;
}
.sobsr .btns-wrap .btn--full {
  width: 100%;
}
.sobsr .btn {
  background-color: var(--blue-400);
}
.sobsr .btn.active {
  background: var(--primary-active-color);
}
.sobsr .btn-link {
  font-weight: 400;
  letter-spacing: -0.005em;
  color: var(--yellow-300);
  text-transform: uppercase;
}
.sobsr .notice-wrap {
  position: relative;
  width: 100%;
  left: 0;
  bottom: -45px;
  text-align: center;
}
.sobsr .notice {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  color: var(--white);
  white-space: nowrap;
  text-transform: uppercase;
  font-family: "Calibri", sans-serif;
  font-weight: 100;
}
.sobsr .filters {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 15px;
  color: var(--yellow-300);
  font-weight: 400;
}
.sobsr .filters img {
  display: inline-block;
  width: 75px;
  height: 75px;
}
.sobsr .filters__wrap {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  margin-bottom: 30px;
  width: 48%;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.1;
}
.sobsr .filters__wrap img {
  flex-shrink: 0;
  margin-right: 20px;
}
.sobsr .filters__wrap span {
  display: inline-block;
  width: auto;
  text-align: left;
  white-space: nowrap;
  font-size: 19px;
  letter-spacing: 0.005em;
}
.sobsr .cigarette-logo {
  text-align: left;
  width: 60%;
}
.sobsr .cigarette-logo img {
  width: 85%;
}
.sobsr .cigarette {
  display: flex;
  justify-content: space-between;
}
.sobsr .cigarette > div {
  text-align: center;
}
.sobsr .cigarette-pack {
  width: 40%;
}
.sobsr .question-title {
  position: relative;
  z-index: 2;
  margin-bottom: 0;
  font-size: 19px;
  font-weight: 400;
  color: var(--white);
  letter-spacing: 0;
  white-space: nowrap;
}
.sobsr .finish-title {
  font-weight: 400;
}
.sobsr .finish .refill-img {
  width: 40%;
}
.sobsr .finish .contact-us, .sobsr .finish .contact-us a, .sobsr .finish-title {
  color: var(--white);
}
.sobsr .finish .greetings-text {
  font-weight: 400;
  color: var(--yellow-300);
  line-height: 1.2;
}
.sobsr .finish .contact-us {
  font-weight: 100;
  line-height: 1.2;
}
.sobsr .finish .contact-us a {
  font-size: 1.2em;
  font-weight: 400;
}
.sobsr .blocked {
  color: var(--white);
}
.sobsr .blocked-title {
  color: var(--yellow-300);
  font-weight: 400;
  line-height: 1.1;
}
.sobsr .unsubscribe-title {
  color: var(--yellow-300);
}
.sobsr .unsubscribe-text {
  color: var(--white);
  font-weight: 400;
}
.sobsr .unsubscribe textarea {
  font-weight: 100;
  border-radius: 8px;
  border-color: var(--yellow-300);
  color: var(--dark-800);
}
.sobsr .unsubscribe textarea::-moz-placeholder {
  color: var(--dark-800);
}
.sobsr .unsubscribe textarea::placeholder {
  color: var(--dark-800);
}
.sobsr .unsubscribe textarea:-moz-placeholder {
  color: var(--dark-800);
}
.sobsr .unsubscribe textarea::-moz-placeholder {
  color: var(--dark-800);
}
.sobsr .unsubscribe textarea:-ms-input-placeholder {
  color: var(--dark-800);
}
.sobsr .unsubscribe textarea::-webkit-input-placeholder {
  color: var(--dark-800);
}
.sobsr .unsubscribe-steps .next-square-btn:nth-of-type(1) {
  transform: none;
}
.sobsr .unsubscribe .btns-wrap .btn {
  width: 100%;
  letter-spacing: 0;
  font-weight: 400;
}
.sobsr .btn {
  background-color: var(--dark-800);
  color: var(--yellow-300);
  background-image: url(/images/btn-bg-v12_d.png?e8b60c3179cc25d3fab4b3cb91a4b904);
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.sobsr .btn.active {
  background-color: var(--dark-850);
}
@media (max-width: 991px) {
  .sobsr [class^=step-] .next-square-btn {
    width: 14.0625vw;
  }
  .sobsr .brand-sub-title {
    margin-top: 4.6875vw;
    font-size: 4.0625vw;
  }
  .sobsr .step-0 {
    padding-right: 7% !important;
    padding-left: 7% !important;
  }
  .sobsr .step-0 .cigarette-logo {
    padding-left: 0;
    padding-right: 0;
  }
  .sobsr .step-0 .next-square-btn {
    margin-top: 2.0833333333vw;
  }
  .sobsr .step-1, .sobsr .step-2 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .sobsr .step-1 .btns-wrap, .sobsr .step-2 .btns-wrap {
    padding-right: 7%;
    padding-left: 7%;
  }
  .sobsr .filters {
    margin-top: 2.0833333333vw;
  }
  .sobsr .filters img {
    width: 11.4583333333vw;
    height: 11.4583333333vw;
  }
  .sobsr .filters__wrap {
    margin-bottom: 3.9583333333vw;
  }
  .sobsr .filters__wrap img {
    margin-right: 3.6458333333vw;
  }
  .sobsr .filters__wrap span {
    font-size: 2.5vw;
  }
  .sobsr .btn {
    height: 12.5vw;
    font-size: 5.1041666667vw;
  }
  .sobsr .btn-link {
    margin-top: 4.1666666667vw;
    font-size: 3.4375vw;
  }
  .sobsr .notice-wrap {
    bottom: -10.4166666667vw;
  }
  .sobsr .notice {
    font-size: 3.75vw;
  }
  .sobsr .cigarette-logo {
    padding-left: 7%;
    padding-right: 7%;
    width: 100%;
  }
  .sobsr .cigarette-logo img {
    width: 60.625vw;
  }
  .sobsr .cigarette-pack {
    width: auto;
    height: 77.0833333333vw;
  }
  .sobsr .question-title {
    margin-bottom: 2.6041666667vw;
    font-size: 4.1666666667vw;
  }
  .sobsr .finish-title {
    margin-top: 2.6041666667vw;
    font-size: 7.5vw;
  }
  .sobsr .finish .refill-img {
    margin-top: 15.1041666667vw;
    margin-bottom: 4.1666666667vw;
    width: 25vw;
  }
  .sobsr .finish .greetings-text {
    font-size: 6.25vw;
  }
  .sobsr .finish .contact-us {
    font-size: 4.1666666667vw;
  }
  .sobsr .finish .contact-us a {
    margin-top: 2.5vw;
  }
  .sobsr .blocked-title {
    margin-top: 9.375vw;
    margin-bottom: 17.7083333333vw;
    font-size: 7.5vw;
  }
  .sobsr .blocked-img {
    margin-top: 12.5vw;
    width: 31.25vw;
  }
  .sobsr .blocked-text {
    margin-bottom: 15.625vw;
    font-size: 5.8333333333vw;
  }
  .sobsr .blocked .next-square-btn {
    width: 16.0416666667vw;
  }
  .sobsr .unsubscribe > img, .sobsr .unsubscribe svg {
    margin-top: 4.6875vw;
    width: 25.5208333333vw;
  }
  .sobsr .unsubscribe-title {
    margin: 8.3333333333vw 0 0;
    font-size: 6.25vw;
  }
  .sobsr .unsubscribe-text {
    margin-top: 6.25vw;
    font-size: 5vw;
  }
  .sobsr .unsubscribe.current-step-2 .unsubscribe-text:first-of-type {
    margin-top: 15.625vw;
  }
  .sobsr .unsubscribe .btn {
    margin-bottom: 2.1875vw;
    height: 12.5vw;
    font-size: 4.1666666667vw;
  }
  .sobsr .unsubscribe .btn:first-of-type {
    font-size: 3.8541666667vw;
  }
  .sobsr .unsubscribe .next-square-btn {
    margin-top: 1.5625vw;
  }
  .sobsr .close-activity .blocked-text {
    margin-bottom: auto;
  }
}
@media (min-width: 768px) {
  .sobsr .step-2 .btns-wrap, .sobsr .step-1 .btns-wrap {
    width: 62%;
  }
  .sobsr .cigarette-pack {
    width: auto !important;
  }
}
@media (min-width: 992px) {
  .sobsr .filters {
    width: 90%;
  }
  .sobsr .cigarette {
    width: 90%;
  }
  .sobsr .brand-tree-list {
    width: 80%;
  }
  .sobsr .btn:hover {
    background-color: var(--dark-850);
  }
}

.sob-rules .rules .title {
  font-family: "Calibri", sans-serif;
  font-weight: 700;
  text-align: center;
  color: var(--yellow-300);
  text-transform: uppercase;
}
.sob-rules .rules-article {
  font-family: "Calibri", sans-serif;
  color: var(--white);
}
.sob-rules .rules .article-part {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 5px;
}
.sob-rules .rules .article-part:last-of-type {
  margin-bottom: 0;
}
.sob-rules .rules .article-part__number {
  display: inline-block;
  width: auto;
  margin-right: 10px;
  font-weight: 700;
}
.sob-rules .rules .article-part__text-content {
  line-height: 1.2;
  letter-spacing: -0.01em;
}
.sob-rules .rules .article-part__title {
  font-weight: 700;
}
.sob-rules .rules .article-part__text {
  display: block;
  font-weight: 100;
  margin-bottom: 10px;
}
.sob-rules .rules .article-part__text a {
  color: var(--white);
}
.sob-rules .rules .article-part__text span {
  display: inline-block;
}
.sob-rules .rules .article-part__text:last-of-type {
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .sob-rules .rules .title {
    margin-top: 10.4166666667vw;
    margin-bottom: 3.6458333333vw;
    font-size: 6.25vw;
  }
  .sob-rules .rules-article {
    margin-top: 7.2916666667vw;
    font-size: 4.1666666667vw;
  }
  .sob-rules .rules .article-part {
    margin-bottom: 3.6458333333vw;
  }
  .sob-rules .rules .article-part__number {
    margin-right: 3.6458333333vw;
  }
  .sob-rules .rules .article-part__title {
    margin-bottom: 2.0833333333vw;
  }
  .sob-rules .rules .article-part__text {
    margin-bottom: 3.6458333333vw;
  }
  .sob-rules .rules .article-part__text span {
    margin-right: 1.0416666667vw;
  }
}

.sobsrqr .title {
  font-family: "Calibri", sans-serif;
  font-weight: 700;
  text-align: center;
  color: var(--yellow-300);
  text-transform: uppercase;
}
.sobsrqr .sub-title {
  margin: 0;
  color: var(--white);
  text-transform: uppercase;
}
.sobsrqr .radio-btn-container {
  margin-top: 10px;
}
.sobsrqr .privacy-policy {
  margin-top: auto;
  width: 60%;
}
.sobsrqr .privacy-policy a {
  display: block;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  margin-top: 5px;
  padding-top: 10px;
  font-family: "Calibri", sans-serif;
  font-weight: 100;
  color: var(--dark-200);
  text-align: center;
  text-decoration: underline;
  cursor: pointer;
}
.sobsrqr .registration-form .text {
  margin-top: 15px;
  margin-bottom: 15px;
}
.sobsrqr .registration-form form {
  width: 60%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.sobsrqr .registration-form label[for=val_code] {
  letter-spacing: 0.05em;
}
.sobsrqr .form-field.has-error {
  margin-bottom: 0;
}
.sobsrqr .form-field.has-error + .error, .sobsrqr .form-field.has-error > .error {
  margin-top: 25px;
  margin-bottom: 25px;
  text-transform: uppercase;
  text-align: center;
}
.sobsrqr .text {
  margin: 0;
  font-family: "Calibri";
  font-weight: 100;
  color: var(--white);
  text-align: center;
}
.sobsrqr .cigarette-pack {
  display: block;
}
.sobsrqr .btn {
  font-weight: 700;
  background-color: var(--dark-800);
  background-image: url(/images/btn-bg-v13.png?f37d2bfe163fb12b7c3339fe1bd323f4);
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  color: var(--yellow-300);
}
.sobsrqr .btn[disabled] {
  background-color: var(--dark-800);
  opacity: 0.5;
}
.sobsrqr .btn.active {
  background-image: url(/images/btn-bg-v13_a.png?f186d2b31245910874a28f4b2be6c1bd);
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  color: var(--dark-800);
}
.sobsrqr .btn.active .text-gradient-v2 {
  background: none;
  -webkit-background-clip: inherit;
  background-clip: inherit;
  -webkit-text-fill-color: inherit;
  text-fill-color: inherit;
}
.sobsrqr .pack-form {
  width: 60%;
  text-align: center;
}
.sobsrqr .pack-form .form-field.has-error {
  margin-bottom: 0;
}
.sobsrqr .step-0 .rules-agree {
  margin-top: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.sobsrqr .step-0 .rules-agree .btn {
  margin-bottom: 0;
}
.sobsrqr .step-0 .checkbox-wrapper {
  max-width: 60%;
}
.sobsrqr .step-0 .checkbox-wrapper .checkbox-container {
  flex-shrink: 0;
  border: none;
  background-color: var(--white);
}
.sobsrqr .step-0 .checkbox-wrapper .checkmark {
  display: flex;
  align-items: center;
  justify-content: center;
}
.sobsrqr .step-0 .checkbox-wrapper .checkmark::after {
  position: static;
  border: none;
  transform: none;
  width: 3.2em;
  background: url(/images/check.png?09f5e26dd2144f949fcfa9b75ca22f92) no-repeat center;
  background-size: contain;
}
.sobsrqr .step-0 .checkbox-wrapper .checkbox-text {
  font-family: "Calibri", sans-serif;
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: 0.05em;
  color: var(--white);
}
.sobsrqr .step-2 .cigarette-pack {
  margin: 15px 0;
}
.sobsrqr .step-2 .text {
  margin-bottom: 10px;
}
.sobsrqr .step-3 .brand-logo {
  position: relative;
  z-index: 2;
}
.sobsrqr .step-3 .cigarette-pack {
  margin-top: -35px;
  margin-right: auto;
  margin-left: auto;
}
.sobsrqr .step-3 .question-title {
  color: var(--white);
  font-weight: 100;
  position: relative;
  z-index: 2;
}
.sobsrqr .step-3 .btns-wrap {
  align-items: center;
}
.sobsrqr .step-3 .btn {
  max-width: 400px;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
}
.sobsrqr .finish-title {
  margin-top: 20px;
  font-weight: 400;
}
.sobsrqr .finish .contact-us, .sobsrqr .finish .contact-us a, .sobsrqr .finish-title {
  color: var(--white);
}
.sobsrqr .finish .greetings-text {
  font-weight: 400;
  color: var(--yellow-300);
  line-height: 1.2;
}
.sobsrqr .finish .greetings-text strong {
  font-size: 1.25em;
}
.sobsrqr .finish .contact-us {
  font-weight: 100;
  line-height: 1.2;
}
.sobsrqr .finish .contact-us a {
  font-size: 1.66em;
  font-weight: 400;
  text-decoration: none;
}
.sobsrqr .blocked {
  color: var(--white);
}
.sobsrqr .blocked-title {
  color: var(--yellow-300);
  line-height: 1.1;
}
@media (max-width: 991px) {
  .sobsrqr .title {
    margin-top: 10.4166666667vw;
    margin-bottom: 3.6458333333vw;
    font-size: 6.25vw;
  }
  .sobsrqr .sub-title {
    font-size: 5vw;
  }
  .sobsrqr .privacy-policy {
    width: 100%;
  }
  .sobsrqr .privacy-policy a {
    padding-top: 3.125vw;
    font-size: 4.1666666667vw;
  }
  .sobsrqr .radio-btn-container {
    margin-top: 4.1666666667vw;
  }
  .sobsrqr .text {
    font-size: 4.5833333333vw;
  }
  .sobsrqr .form-field.has-error + .error, .sobsrqr .form-field.has-error > .error {
    margin-top: 4.1666666667vw;
    margin-bottom: 3.6458333333vw;
    font-size: 4.5833333333vw;
  }
  .sobsrqr .form-field input {
    border-radius: 1.6666666667vw;
    max-width: 69.375vw;
    height: 15.625vw;
    font-size: 4.5833333333vw;
  }
  .sobsrqr .btn {
    border-radius: 1.6666666667vw;
    max-width: 69.375vw;
    height: 15.625vw;
    font-size: 6.25vw;
  }
  .sobsrqr .btn.verify {
    margin-bottom: 8.3333333333vw;
  }
  .sobsrqr .pack-form {
    width: 100%;
  }
  .sobsrqr .error {
    margin-top: 4.1666666667vw;
    margin-bottom: 3.6458333333vw;
    font-size: 4.5833333333vw;
  }
  .sobsrqr .cigarette-pack {
    margin-top: 10.4166666667vw;
    margin-bottom: 5.7291666667vw;
    max-width: 63.5416666667vw;
  }
  .sobsrqr .registration-form form {
    width: 100%;
  }
  .sobsrqr .registration-form .text {
    margin-top: 17.1875vw;
    margin-bottom: 6.7708333333vw;
  }
  .sobsrqr .registration-form input[name=phone]::-moz-placeholder {
    font-size: 3.6458333333vw;
    color: var(--black);
  }
  .sobsrqr .registration-form input[name=phone]::placeholder {
    font-size: 3.6458333333vw;
    color: var(--black);
  }
  .sobsrqr .registration-form input[name=phone]:-moz-placeholder {
    font-size: 3.6458333333vw;
    color: var(--black);
  }
  .sobsrqr .registration-form input[name=phone]::-moz-placeholder {
    font-size: 3.6458333333vw;
    color: var(--black);
  }
  .sobsrqr .registration-form input[name=phone]:-ms-input-placeholder {
    font-size: 3.6458333333vw;
    color: var(--black);
  }
  .sobsrqr .registration-form input[name=phone]::-webkit-input-placeholder {
    font-size: 3.6458333333vw;
    color: var(--black);
  }
  .sobsrqr .registration-form label[for=val_code] {
    font-size: 3.75vw;
  }
  .sobsrqr .step-0 .checkbox-wrapper {
    margin-top: 15.625vw;
    margin-bottom: 3.6458333333vw;
    max-width: 69.375vw;
  }
  .sobsrqr .step-0 .checkbox-wrapper .checkbox-container {
    border-radius: 1.6666666667vw;
    margin-right: 5.2083333333vw;
    width: 15.625vw;
    min-width: 15.625vw;
    height: 15.625vw;
  }
  .sobsrqr .step-0 .checkbox-wrapper .checkmark {
    width: 15.625vw;
    height: 15.625vw;
  }
  .sobsrqr .step-0 .checkbox-wrapper .checkmark::after {
    width: 11.5625vw;
    height: 9.2708333333vw;
  }
  .sobsrqr .step-0 .checkbox-wrapper .checkbox-text {
    font-size: 4.5833333333vw;
  }
  .sobsrqr .step-0 .rules-agree .btn {
    margin-bottom: 8.3333333333vw;
  }
  .sobsrqr .step-2 .text {
    margin-bottom: 6.25vw;
  }
  .sobsrqr .step-3 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .sobsrqr .step-3 .brand-logo {
    padding-right: 7%;
    padding-left: 7%;
  }
  .sobsrqr .step-3 .cigarette-pack {
    margin-top: -10.4166666667vw;
    margin-bottom: 1.0416666667vw;
    max-width: 100%;
  }
  .sobsrqr .step-3 .question-title {
    font-size: 4.5833333333vw;
  }
  .sobsrqr .step-3 .btns-wrap {
    padding-right: 7%;
    padding-left: 7%;
  }
  .sobsrqr .step-3 .btn {
    max-width: 70.3125vw;
    height: 14.0625vw;
    font-size: 5vw;
  }
  .sobsrqr .finish-title {
    margin-top: 6.7708333333vw;
    font-size: 6.25vw;
  }
  .sobsrqr .finish .refill-img {
    margin-top: 15.1041666667vw;
    margin-bottom: 5.7291666667vw;
    width: 21.875vw;
  }
  .sobsrqr .finish .greetings-text {
    font-size: 5vw;
  }
  .sobsrqr .finish .contact-us {
    margin-top: 10.4166666667vw;
    font-size: 3.75vw;
  }
  .sobsrqr .finish .contact-us a {
    margin-top: 2.5vw;
  }
  .sobsrqr .finish .contact-us + .greetings-text {
    margin-top: 10.4166666667vw;
  }
  .sobsrqr .blocked-title {
    margin-top: 8.8541666667vw;
    margin-bottom: 6.25vw;
    font-size: 6.25vw;
  }
  .sobsrqr .blocked-img {
    width: 31.25vw;
  }
  .sobsrqr .blocked-text {
    font-size: 4.5833333333vw;
    margin-bottom: 0;
  }
  .sobsrqr .blocked .btn-wrap {
    margin-top: 20.8333333333vw;
    margin-bottom: auto;
  }
  .sobsrqr .blocked .next-square-btn {
    margin-top: 1.0416666667vw;
    width: 15.625vw;
  }
  .sobsrqr .close-activity .blocked-img {
    width: 28.125vw;
  }
  .sobsrqr .close-activity .blocked-text {
    margin-bottom: auto;
  }
}
@media (min-width: 992px) {
  .sobsrqr .step-0 .btn {
    max-width: 60%;
  }
  .sobsrqr .step-2 .cigarette-pack {
    width: 35% !important;
  }
}

.winxstyle [class^=step-] {
  position: relative;
}
.winxstyle .sub-title {
  font-size: 18px;
  font-weight: 700;
  color: var(--blue-400);
  text-transform: uppercase;
}
.winxstyle .btns-wrap {
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}
.winxstyle .btns-wrap .btn {
  width: 48%;
  font-weight: 600;
}
.winxstyle .btns-wrap .btn--full {
  width: 100%;
}
.winxstyle .btn {
  font-family: "Noto Sans Condensed";
  background-color: var(--blue-400);
}
.winxstyle .btn.active {
  background: var(--primary-active-color);
}
.winxstyle .next-square-btn[disabled] {
  cursor: not-allowed;
  opacity: 0.2;
}
.winxstyle .btn-link {
  color: var(--blue-400);
}
.winxstyle .brand-tree-list {
  display: flex;
  color: var(--blue-400);
}
.winxstyle .brand-tree-list li {
  margin: 0;
}
.winxstyle .brand-tree-list span {
  font-family: "Noto Sans Condensed";
}
.winxstyle .notice-wrap {
  position: relative;
  width: 100%;
  left: 0;
  bottom: -45px;
}
.winxstyle .notice {
  position: absolute;
  bottom: 0;
  left: 0;
  color: var(--blue-400);
  white-space: nowrap;
  text-transform: uppercase;
  font-family: "Calibri", sans-serif;
}
.winxstyle .step-0 .cigarette-pack, .winxstyle .step-1 .cigarette-pack {
  margin: 0;
}
.winxstyle .cigarette {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px;
  width: 100%;
  font-family: "Noto Sans Condensed";
  color: var(--blue-400);
}
.winxstyle .cigarette > div {
  display: flex;
  justify-content: center;
  width: 100%;
  text-align: center;
}
.winxstyle .cigarette-title {
  margin: 0;
  width: 100%;
  font-family: "Winston-Bold", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
}
.winxstyle .cigarette-sub-title {
  margin: 0;
  font-family: "Winston-Thin", sans-serif;
  font-weight: 100;
  text-transform: uppercase;
}
.winxstyle .cigarette-pack {
  width: 40%;
  box-shadow: 23px 0 51px rgba(0, 0, 0, 0.23);
}
.winxstyle .question-title {
  margin-bottom: 0;
  font-size: 19px;
  font-family: "Noto Sans Condensed";
  font-weight: 500;
  color: var(--blue-400);
}
.winxstyle .finish {
  font-family: "Noto Sans Condensed";
}
.winxstyle .finish .contact-us, .winxstyle .finish .contact-us a, .winxstyle .finish-title {
  color: var(--blue-400);
}
.winxstyle .finish-title {
  letter-spacing: 0;
}
.winxstyle .finish .contact-us {
  font-family: "Noto Sans Condensed";
}
.winxstyle .finish .contact-us a {
  font-size: 1.2em;
  font-weight: 700;
}
.winxstyle .finish .greetings-text {
  font-weight: 500;
  color: var(--blue-400);
}
.winxstyle .blocked {
  font-family: "Noto Sans Condensed";
  color: var(--blue-400);
}
.winxstyle .blocked-text {
  font-weight: 500;
}
.winxstyle .unsubscribe-text {
  font-family: "Noto Sans Condensed";
  font-weight: 500;
  color: var(--blue-400);
}
.winxstyle .unsubscribe textarea {
  font-family: "Noto Sans Condensed";
  border-radius: 8px;
  border-color: var(--blue-400);
  color: var(--blue-400);
}
.winxstyle .unsubscribe textarea::-moz-placeholder {
  color: var(--blue-400);
}
.winxstyle .unsubscribe textarea::placeholder {
  color: var(--blue-400);
}
.winxstyle .unsubscribe textarea:-moz-placeholder {
  color: var(--blue-400);
}
.winxstyle .unsubscribe textarea::-moz-placeholder {
  color: var(--blue-400);
}
.winxstyle .unsubscribe textarea:-ms-input-placeholder {
  color: var(--blue-400);
}
.winxstyle .unsubscribe textarea::-webkit-input-placeholder {
  color: var(--blue-400);
}
.winxstyle .unsubscribe .btns-wrap .btn {
  width: 100%;
  letter-spacing: -0.01em;
}
.winxstyle .unsubscribe .btn {
  letter-spacing: -0.01em;
  font-weight: 400;
  text-transform: none;
}
@media (max-width: 991px) {
  .winxstyle [class^=step-] .next-square-btn {
    width: 13.0208333333vw;
  }
  .winxstyle .step-0 .sub-title {
    margin-top: 2.0833333333vw;
    font-size: 5.1041666667vw;
  }
  .winxstyle .step-0 .cigarette {
    margin-bottom: 6.25vw;
  }
  .winxstyle .step-0 .next-square-btn {
    margin-top: 2.0833333333vw;
  }
  .winxstyle .step-0 .btn-wrap {
    margin-top: 6.25vw;
    height: inherit;
  }
  .winxstyle .step-0 .btn-link-wrap {
    margin-top: auto;
  }
  .winxstyle .brand-tree-list li {
    margin-left: 4.1666666667vw;
  }
  .winxstyle .brand-tree-list li:nth-of-type(1) img {
    margin-right: 3.6458333333vw;
    width: 11.1458333333vw;
    height: 11.1458333333vw;
  }
  .winxstyle .brand-tree-list li:nth-of-type(2) img {
    margin-right: 2.6041666667vw;
    width: 15.5208333333vw;
    height: 7.2916666667vw;
  }
  .winxstyle .brand-tree-list img {
    -o-object-fit: contain;
       object-fit: contain;
  }
  .winxstyle .brand-tree-list span {
    font-size: 4.375vw;
  }
  .winxstyle .btn {
    height: 11.9791666667vw;
    font-size: 5.1041666667vw;
  }
  .winxstyle .btn-link {
    margin-top: 4.1666666667vw;
    font-size: 5vw;
  }
  .winxstyle .notice-wrap {
    bottom: -10.4166666667vw;
    left: -4%;
  }
  .winxstyle .notice {
    font-size: 2.6041666667vw;
  }
  .winxstyle .cigarette {
    margin-top: 4.1666666667vw;
    margin-bottom: 5.7291666667vw;
  }
  .winxstyle .cigarette-title {
    font-size: 13.9583333333vw;
  }
  .winxstyle .cigarette-sub-title {
    margin-bottom: 3.125vw;
    font-size: 6.5625vw;
  }
  .winxstyle .cigarette-pack {
    width: auto;
    height: 64.5833333333vw;
  }
  .winxstyle .cigarette-wrap > div:nth-of-type(1) {
    margin-right: 4.1666666667vw;
  }
  .winxstyle .question-title {
    margin-bottom: 2.6041666667vw;
    font-size: 4.6875vw;
  }
  .winxstyle .finish-title {
    margin-top: 3.125vw;
    font-size: 8.3333333333vw;
  }
  .winxstyle .finish .refill-img {
    margin-top: 18.75vw;
    margin-bottom: 4.6875vw;
    width: 24.2708333333vw;
  }
  .winxstyle .finish .contact-us {
    font-size: 4.1666666667vw;
  }
  .winxstyle .finish .contact-us a {
    margin-top: 2.5vw;
  }
  .winxstyle .blocked-title {
    margin-top: 14.0625vw;
    margin-bottom: 8.8541666667vw;
    font-size: 8.3333333333vw;
  }
  .winxstyle .blocked-img {
    margin-top: 7.2916666667vw;
    width: 30.7291666667vw;
  }
  .winxstyle .blocked-text {
    margin-bottom: 15.625vw;
    font-size: 6.25vw;
  }
  .winxstyle .unsubscribe > img, .winxstyle .unsubscribe svg {
    margin-top: 7.2916666667vw;
    width: 28.125vw;
  }
  .winxstyle .unsubscribe-text {
    margin-top: 13.5416666667vw;
    font-size: 4.6875vw;
  }
  .winxstyle .unsubscribe.current-step-2 .unsubscribe-text:first-of-type {
    margin-top: 19.2708333333vw;
  }
  .winxstyle .unsubscribe .btn {
    height: 55px;
    font-size: 4.1666666667vw;
  }
  .winxstyle .unsubscribe .next-square-btn {
    margin-top: 1.5625vw;
  }
  .winxstyle .close-activity .blocked-text {
    margin-bottom: auto;
  }
}
@media (min-width: 768px) {
  .winxstyle .step-2 .btns-wrap, .winxstyle .step-1 .btns-wrap {
    width: 62%;
  }
  .winxstyle [class^=step-] .cigarette-title {
    font-size: 35px;
  }
  .winxstyle [class^=step-] .cigarette-sub-title {
    font-size: 28px;
  }
}
@media (min-width: 992px) {
  .winxstyle .cigarette {
    width: 90%;
  }
  .winxstyle .brand-tree-list {
    width: 80%;
  }
  .winxstyle .brand-tree-list li {
    width: 50%;
  }
  .winxstyle .brand-tree-list li > div {
    justify-content: center;
  }
}

.winxsv3 [class^=step-] {
  position: relative;
}
.winxsv3 .sub-title {
  font-family: "Noto Sans Condensed";
  font-size: 18px;
  font-weight: 500;
  color: var(--white);
}
.winxsv3 .btns-wrap {
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}
.winxsv3 .btns-wrap .btn {
  width: 48%;
  font-weight: 600;
}
.winxsv3 .btns-wrap .btn--full {
  width: 100%;
}
.winxsv3 .btn {
  font-family: "Noto Sans Condensed";
  background-color: var(--blue-400);
}
.winxsv3 .btn.active {
  background: var(--primary-active-color);
}
.winxsv3 .next-square-btn[disabled] {
  cursor: not-allowed;
  opacity: 0.2;
}
.winxsv3 .btn-link {
  color: var(--white);
  font-family: "Noto Sans Condensed";
  font-weight: 500;
}
.winxsv3 .brand-tree-list {
  display: flex;
  color: var(--white);
}
.winxsv3 .brand-tree-list li {
  margin: 0;
}
.winxsv3 .brand-tree-list span {
  font-family: "Noto Sans Condensed";
}
.winxsv3 .notice-wrap {
  position: relative;
  width: 100%;
  left: 0;
  bottom: -45px;
}
.winxsv3 .notice {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  color: var(--blue-350);
  white-space: nowrap;
  text-align: center;
  font-family: "Noto Sans Condensed";
  font-weight: 300;
  line-height: 1.2;
}
.winxsv3 .step-0 .cigarette-pack, .winxsv3 .step-1 .cigarette-pack {
  margin: 0;
}
.winxsv3 .cigarette {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px;
  width: 100%;
  font-family: "Noto Sans Condensed";
  color: var(--white);
}
.winxsv3 .cigarette > div {
  display: flex;
  justify-content: center;
  width: 100%;
  text-align: center;
}
.winxsv3 .cigarette-title {
  margin: 0;
  width: 100%;
  font-family: "Winston-Bold", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
}
.winxsv3 .cigarette-sub-title {
  margin: 0;
  font-family: "Winston-Thin", sans-serif;
  font-weight: 100;
  text-transform: uppercase;
}
.winxsv3 .cigarette-pack {
  width: 40%;
  box-shadow: 18px 9px 57px rgba(0, 0, 0, 0.85);
}
.winxsv3 .question-title {
  margin-bottom: 0;
  font-size: 19px;
  font-family: "Noto Sans Condensed";
  font-weight: 500;
  color: var(--white);
  white-space: nowrap;
}
.winxsv3 .finish {
  font-family: "Noto Sans Condensed";
}
.winxsv3 .finish .contact-us, .winxsv3 .finish .contact-us a, .winxsv3 .finish-title {
  color: var(--white);
}
.winxsv3 .finish-title {
  letter-spacing: 0;
}
.winxsv3 .finish .contact-us {
  font-family: "Noto Sans Condensed";
}
.winxsv3 .finish .contact-us a {
  font-size: 1.2em;
  font-weight: 700;
}
.winxsv3 .finish .greetings-text {
  font-weight: 500;
  color: var(--white);
}
.winxsv3 .blocked {
  font-family: "Noto Sans Condensed";
  color: var(--white);
}
.winxsv3 .blocked-text {
  font-weight: 500;
}
.winxsv3 .unsubscribe-text {
  font-family: "Noto Sans Condensed";
  font-weight: 500;
  color: var(--white);
}
.winxsv3 .unsubscribe textarea {
  font-family: "Noto Sans Condensed";
  border-radius: 8px;
  border-color: var(--blue-350);
  color: var(--blue-350);
}
.winxsv3 .unsubscribe textarea::-moz-placeholder {
  color: var(--blue-350);
}
.winxsv3 .unsubscribe textarea::placeholder {
  color: var(--blue-350);
}
.winxsv3 .unsubscribe textarea:-moz-placeholder {
  color: var(--blue-350);
}
.winxsv3 .unsubscribe textarea::-moz-placeholder {
  color: var(--blue-350);
}
.winxsv3 .unsubscribe textarea:-ms-input-placeholder {
  color: var(--blue-350);
}
.winxsv3 .unsubscribe textarea::-webkit-input-placeholder {
  color: var(--blue-350);
}
.winxsv3 .unsubscribe .btns-wrap .btn {
  width: 100%;
  letter-spacing: -0.01em;
}
.winxsv3 .unsubscribe .btn {
  letter-spacing: -0.01em;
  font-weight: 400;
  text-transform: none;
}
@media (max-width: 991px) {
  .winxsv3 [class^=step-] .next-square-btn {
    width: 13.0208333333vw;
  }
  .winxsv3 .step-0 .sub-title {
    margin-top: 1.0416666667vw;
    margin-bottom: 4.1666666667vw;
    font-size: 5.3125vw;
  }
  .winxsv3 .step-0 .cigarette {
    margin-bottom: 7.2916666667vw;
  }
  .winxsv3 .step-0 .next-square-btn {
    margin-top: 2.0833333333vw;
  }
  .winxsv3 .step-0 .btn-wrap {
    margin-top: auto;
    margin-bottom: 5.2083333333vw;
  }
  .winxsv3 .brand-tree-list {
    width: 100%;
  }
  .winxsv3 .brand-tree-list li {
    width: 50%;
    margin-left: 3.125vw;
  }
  .winxsv3 .brand-tree-list li:nth-of-type(1) img {
    margin-right: 3.6458333333vw;
    width: 11.1458333333vw;
    height: 11.1458333333vw;
  }
  .winxsv3 .brand-tree-list li:nth-of-type(2) img {
    margin-right: 2.6041666667vw;
    width: 15.5208333333vw;
    height: 7.2916666667vw;
  }
  .winxsv3 .brand-tree-list img {
    -o-object-fit: contain;
       object-fit: contain;
  }
  .winxsv3 .brand-tree-list span {
    font-size: 4.375vw;
  }
  .winxsv3 .btn {
    height: 11.9791666667vw;
    font-size: 5.1041666667vw;
  }
  .winxsv3 .btn-link {
    margin-top: 4.1666666667vw;
    font-size: 5vw;
  }
  .winxsv3 .notice-wrap {
    bottom: -11.4583333333vw;
  }
  .winxsv3 .notice {
    font-size: 3.125vw;
  }
  .winxsv3 .cigarette {
    margin-top: 0.5208333333vw;
    margin-bottom: 7.8125vw;
  }
  .winxsv3 .cigarette-title {
    font-size: 16.6666666667vw;
  }
  .winxsv3 .cigarette-sub-title {
    margin-top: 3.125vw;
    margin-bottom: 5.7291666667vw;
    font-size: 6.9791666667vw;
  }
  .winxsv3 .cigarette-pack {
    width: auto;
    height: 56.5625vw;
  }
  .winxsv3 .cigarette-wrap > div:nth-of-type(1) {
    margin-right: 4.1666666667vw;
  }
  .winxsv3 .question-title {
    margin-bottom: 2.6041666667vw;
    font-size: 4.6875vw;
  }
  .winxsv3 .finish-title {
    margin-top: 3.125vw;
    font-size: 8.3333333333vw;
  }
  .winxsv3 .finish .refill-img {
    margin-top: 18.75vw;
    margin-bottom: 4.6875vw;
    width: 24.2708333333vw;
  }
  .winxsv3 .finish .contact-us {
    font-size: 4.1666666667vw;
  }
  .winxsv3 .finish .contact-us a {
    margin-top: 2.5vw;
  }
  .winxsv3 .blocked-title {
    margin-top: 14.0625vw;
    margin-bottom: 8.8541666667vw;
    font-size: 8.3333333333vw;
  }
  .winxsv3 .blocked-img {
    margin-top: 7.2916666667vw;
    width: 30.7291666667vw;
  }
  .winxsv3 .blocked-text {
    margin-bottom: 15.625vw;
    font-size: 6.25vw;
  }
  .winxsv3 .blocked .next-square-btn {
    width: 13.0208333333vw;
  }
  .winxsv3 .unsubscribe > img, .winxsv3 .unsubscribe svg {
    margin-top: 7.2916666667vw;
    width: 28.125vw;
  }
  .winxsv3 .unsubscribe-text {
    margin-top: 13.5416666667vw;
    font-size: 4.6875vw;
  }
  .winxsv3 .unsubscribe.current-step-2 .unsubscribe-text:first-of-type {
    margin-top: 19.2708333333vw;
  }
  .winxsv3 .unsubscribe .btn {
    height: 55px;
    font-size: 4.1666666667vw;
  }
  .winxsv3 .unsubscribe .next-square-btn {
    margin-top: 1.5625vw;
  }
  .winxsv3 .close-activity .blocked-text {
    margin-bottom: auto;
  }
}
@media (min-width: 768px) {
  .winxsv3 .step-2 .btns-wrap, .winxsv3 .step-1 .btns-wrap {
    width: 62%;
  }
  .winxsv3 [class^=step-] .cigarette-title {
    font-size: 35px;
  }
  .winxsv3 [class^=step-] .cigarette-sub-title {
    font-size: 28px;
  }
}
@media (min-width: 992px) {
  .winxsv3 .cigarette {
    width: 90%;
  }
  .winxsv3 .brand-tree-list {
    width: 80%;
  }
  .winxsv3 .brand-tree-list li {
    width: 50%;
  }
  .winxsv3 .brand-tree-list li > div {
    justify-content: center;
  }
}

.sobcc [class^=step-] {
  position: relative;
}
.sobcc .sub-title {
  font-family: "Noto Sans Condensed";
  font-size: 18px;
  font-weight: 500;
  color: var(--white);
}
.sobcc .btns-wrap {
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}
.sobcc .btns-wrap .btn {
  width: 48%;
}
.sobcc .btns-wrap .btn--full {
  width: 100%;
}
.sobcc .btn {
  border-radius: 12px;
  font-family: "Noto Sans Condensed";
  font-weight: 500;
  background-image: linear-gradient(90deg, #DE7F51 1.14%, #AA5031 50.95%, #EB9166 97.81%);
  letter-spacing: 0.01em;
}
.sobcc .btn.active {
  background: var(--orange-500);
}
.sobcc .next-square-btn[disabled] {
  cursor: not-allowed;
  opacity: 0.2;
}
.sobcc .btn-link {
  color: var(--dark-500);
  font-family: "Noto Sans Condensed";
}
.sobcc .brand-tree-list {
  display: flex;
  flex-wrap: wrap;
  color: var(--dark-500);
}
.sobcc .brand-tree-list li {
  margin: 0 0 16px;
}
.sobcc .brand-tree-list li:nth-of-type(2) img {
  visibility: hidden;
}
.sobcc .brand-tree-list span {
  font-weight: 300;
  text-transform: none;
}
.sobcc .notice-wrap {
  position: relative;
  width: 100%;
  left: 0;
  bottom: -45px;
}
.sobcc .notice {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  color: var(--dark-500);
  white-space: nowrap;
  text-align: center;
  font-family: "Noto Sans Condensed";
  font-weight: 300;
  line-height: 1.2;
}
.sobcc .step-0 .cigarette-pack, .sobcc .step-1 .cigarette-pack {
  margin: 0;
}
.sobcc .brand-sub-title {
  margin-top: 5px;
  margin-bottom: 0;
  font-size: 19px;
  font-family: "Noto Sans Condensed";
  font-weight: 500;
  width: 100%;
  text-align: left;
  color: var(--dark-500);
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
.sobcc .cigarette-logo {
  align-self: flex-start;
}
.sobcc .cigarette-logo img {
  width: 80%;
}
.sobcc .cigarette {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px;
  width: 100%;
  font-family: "Noto Sans Condensed";
  color: var(--white);
}
.sobcc .cigarette > div {
  display: flex;
  justify-content: center;
  width: 100%;
  text-align: center;
}
.sobcc .cigarette-title {
  margin: 0;
  width: 100%;
  font-family: "Winston-Bold", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
}
.sobcc .cigarette-sub-title {
  margin: 0;
  font-family: "Winston-Thin", sans-serif;
  font-weight: 100;
  text-transform: uppercase;
}
.sobcc .cigarette-pack {
  width: 40%;
}
.sobcc .question-title {
  margin-bottom: 10px;
  font-size: 19px;
  font-family: "Noto Sans Condensed";
  font-weight: 400;
  color: var(--dark-500);
  white-space: nowrap;
}
.sobcc .dots {
  display: flex;
  align-items: center;
  justify-content: center;
}
.sobcc .dots span {
  display: block;
  border-radius: 50%;
  margin: 0 7px;
  width: 18px;
  height: 18px;
  background-color: var(--orange-500);
}
.sobcc .dots span.active {
  background-color: var(--white);
}
.sobcc .finish {
  font-family: "Noto Sans Condensed";
}
.sobcc .finish .greetings-text, .sobcc .finish-title {
  color: var(--orange-500);
  font-weight: 600;
}
.sobcc .finish .contact-us {
  font-family: "Noto Sans Condensed";
  font-weight: 300;
  letter-spacing: 0.01em;
  color: var(--dark-500);
}
.sobcc .finish .contact-us a {
  font-size: 1.2em;
  font-weight: 400;
  color: var(--dark-500);
}
.sobcc .finish .greetings-text {
  letter-spacing: 0.01em;
}
.sobcc .blocked {
  font-family: "Noto Sans Condensed";
  color: var(--orange-500);
}
.sobcc .blocked-title {
  font-weight: 600;
}
.sobcc .blocked-text {
  color: var(--dark-500);
  font-weight: 400;
  letter-spacing: 0.01em;
}
.sobcc .unsubscribe-title {
  font-weight: 600;
  font-family: "Noto Sans Condensed";
  color: var(--orange-500);
}
.sobcc .unsubscribe-text {
  font-family: "Noto Sans Condensed";
  font-weight: 400;
  color: var(--dark-500);
}
.sobcc .unsubscribe textarea {
  font-family: "Noto Sans Condensed";
  border-radius: 8px;
  border-color: var(--orange-500);
  color: var(--dark-500);
}
.sobcc .unsubscribe textarea::-moz-placeholder {
  color: var(--dark-500);
}
.sobcc .unsubscribe textarea::placeholder {
  color: var(--dark-500);
}
.sobcc .unsubscribe textarea:-moz-placeholder {
  color: var(--dark-500);
}
.sobcc .unsubscribe textarea::-moz-placeholder {
  color: var(--dark-500);
}
.sobcc .unsubscribe textarea:-ms-input-placeholder {
  color: var(--dark-500);
}
.sobcc .unsubscribe textarea::-webkit-input-placeholder {
  color: var(--dark-500);
}
.sobcc .unsubscribe .btns-wrap .btn {
  width: 100%;
}
.sobcc .unsubscribe .btn {
  font-weight: 400;
  text-transform: none;
}
@media (max-width: 991px) {
  .sobcc [class^=step-] .next-square-btn {
    width: 13.3333333333vw;
  }
  .sobcc .step-0 .sub-title {
    margin-top: 1.0416666667vw;
    margin-bottom: 4.1666666667vw;
    font-size: 5.3125vw;
  }
  .sobcc .step-0 .cigarette {
    margin-top: 5px;
    margin-bottom: 0;
  }
  .sobcc .step-0 .cigarette-pack {
    height: 114.5833333333vw;
  }
  .sobcc .step-0 .next-square-btn {
    margin-top: 2.0833333333vw;
  }
  .sobcc .step-0 .btn-wrap {
    margin-top: auto;
    margin-bottom: 5.2083333333vw;
  }
  .sobcc .brand-tree-list {
    margin-top: -4.1666666667vw;
    width: 100%;
  }
  .sobcc .brand-tree-list li {
    width: 50%;
  }
  .sobcc .brand-tree-list li:nth-of-type(1) img {
    margin-right: 7.2916666667vw;
    width: 10.625vw;
    height: 10.625vw;
  }
  .sobcc .brand-tree-list li:nth-of-type(3) img {
    margin-right: 6.0416666667vw;
    width: 11.6666666667vw;
    height: 10.625vw;
  }
  .sobcc .brand-tree-list li:nth-of-type(4) img {
    margin-right: 4.375vw;
    width: 14.7916666667vw;
    height: 5.8333333333vw;
  }
  .sobcc .brand-tree-list li:nth-of-type(5) img {
    margin-right: 2.9166666667vw;
    width: 14.7916666667vw;
    height: 10.625vw;
  }
  .sobcc .brand-tree-list li:nth-of-type(6) img {
    margin-right: 4.375vw;
    width: 14.7916666667vw;
    height: 5.4166666667vw;
  }
  .sobcc .brand-tree-list img {
    -o-object-fit: contain;
       object-fit: contain;
  }
  .sobcc .brand-tree-list span {
    font-size: 2.9166666667vw;
    line-height: 3.5416666667vw;
  }
  .sobcc .btn {
    height: 13.3333333333vw;
    font-size: 4.5833333333vw;
  }
  .sobcc .btn-link {
    margin-top: 6.6666666667vw;
    font-size: 4.1666666667vw;
  }
  .sobcc .notice-wrap {
    bottom: -11.4583333333vw;
  }
  .sobcc .notice {
    font-size: 2.7083333333vw;
    line-height: 3.3333333333vw;
  }
  .sobcc .brand-sub-title {
    margin-top: 4.5833333333vw;
    font-size: 3.75vw;
  }
  .sobcc .cigarette {
    margin-top: 8.125vw;
    margin-bottom: 5.4166666667vw;
  }
  .sobcc .cigarette-title {
    font-size: 16.6666666667vw;
  }
  .sobcc .cigarette-sub-title {
    margin-top: 3.125vw;
    margin-bottom: 5.7291666667vw;
    font-size: 6.9791666667vw;
  }
  .sobcc .cigarette-pack {
    width: auto;
    height: 82.2916666667vw;
  }
  .sobcc .question-title {
    margin-bottom: 4.1666666667vw;
    font-size: 4.1666666667vw;
    line-height: 5.625vw;
  }
  .sobcc .dots span {
    margin: 0 1.4583333333vw;
    width: 3.75vw;
    height: 3.75vw;
  }
  .sobcc .finish {
    max-width: 100%;
  }
  .sobcc .finish-title {
    margin-top: 3.125vw;
    font-size: 6.25vw;
    line-height: 8.5416666667vw;
  }
  .sobcc .finish .refill-img {
    margin-top: 6.25vw;
    margin-bottom: 5.2083333333vw;
    width: 33.75vw;
  }
  .sobcc .finish .greetings-text {
    font-size: 4.1666666667vw;
    line-height: 5.625vw;
  }
  .sobcc .finish .contact-us {
    font-size: 3.3333333333vw;
    line-height: 4.5833333333vw;
  }
  .sobcc .finish .contact-us a {
    margin-top: 3.3333333333vw;
  }
  .sobcc .blocked-title {
    margin-top: 6.0416666667vw;
    margin-bottom: 3.3333333333vw;
    font-size: 6.25vw;
    line-height: 8.5416666667vw;
  }
  .sobcc .blocked-img {
    margin-top: 20.8333333333vw;
    width: 39.375vw;
  }
  .sobcc .blocked-text {
    margin-bottom: 31.25vw;
    max-width: 54.1666666667vw;
    font-size: 3.9583333333vw;
    line-height: 5.4166666667vw;
  }
  .sobcc .blocked .next-square-btn {
    width: 13.3333333333vw;
  }
  .sobcc .unsubscribe > img, .sobcc .unsubscribe svg {
    margin-top: 7.2916666667vw;
    width: 28.125vw;
  }
  .sobcc .unsubscribe-title {
    margin-top: 7.2916666667vw;
    font-size: 6.0416666667vw;
  }
  .sobcc .unsubscribe-text {
    margin-top: 7.2916666667vw;
    font-size: 3.9583333333vw;
    line-height: 5.4166666667vw;
  }
  .sobcc .unsubscribe.current-step-2 .unsubscribe-text:first-of-type {
    margin-top: 19.2708333333vw;
  }
  .sobcc .unsubscribe .btn {
    font-size: 3.75vw;
  }
  .sobcc .unsubscribe .next-square-btn {
    margin-top: 1.5625vw;
  }
  .sobcc .close-activity .blocked-text {
    margin-bottom: auto;
  }
}
@media (min-width: 768px) {
  .sobcc .step-2 .btns-wrap, .sobcc .step-1 .btns-wrap {
    width: 62%;
  }
  .sobcc [class^=step-] .cigarette-title {
    font-size: 35px;
  }
  .sobcc [class^=step-] .cigarette-sub-title {
    font-size: 28px;
  }
}
@media (min-width: 992px) {
  .sobcc .cigarette {
    width: 90%;
  }
  .sobcc .brand-tree-list {
    width: 80%;
  }
  .sobcc .brand-tree-list li {
    width: 50%;
  }
}

.wincompsiver {
  position: relative;
}
.wincompsiver [class^=step-] {
  position: relative;
}
.wincompsiver .upload {
  color: var(--white);
}
.wincompsiver .upload-title {
  margin-bottom: 0;
  font-family: "Noto Sans Armenian";
  font-style: normal;
  font-weight: 700;
  font-size: 34px;
  text-align: center;
  letter-spacing: 0.01em;
  text-transform: uppercase;
}
.wincompsiver .upload-photo {
  width: 100%;
}
.wincompsiver .upload-photo > div {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.wincompsiver .upload-photo__preview {
  margin-top: 18.75vw;
}
.wincompsiver .upload-photo__result {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--black);
}
.wincompsiver .upload-photo__result > img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.wincompsiver .upload-photo__retry {
  position: absolute;
  top: 0;
  right: 0;
  width: 25px;
  height: 25px;
  border: 0;
  margin: 0;
  padding: 0;
  cursor: pointer;
  background-color: #000;
  outline: none;
}
.wincompsiver .upload .btn-wrap {
  margin-top: 0;
  width: 100%;
}
.wincompsiver .btns-wrap {
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}
.wincompsiver .btns-wrap .btn {
  width: 48%;
}
.wincompsiver .btns-wrap .btn--full {
  width: 100%;
}
.wincompsiver .btn {
  border-radius: 12px;
  font-family: "Noto Sans Armenian";
  font-weight: 700;
  background: var(--white);
  letter-spacing: 0;
  color: var(--blue-390);
}
.wincompsiver .btn:active {
  background: var(--blue-120);
}
.wincompsiver .btn.active {
  background: var(--blue-120);
}
.wincompsiver .next-square-btn[disabled] {
  cursor: not-allowed;
  opacity: 0.2;
}
.wincompsiver .btn-link {
  color: var(--white);
  font-family: "Noto Sans Armenian";
}
.wincompsiver .notice-wrap {
  position: relative;
  width: 100%;
}
.wincompsiver .notice {
  margin-top: 10px;
  width: 100%;
  color: var(--white);
  white-space: nowrap;
  text-align: center;
  font-family: "Noto Sans Armenian";
  font-weight: 300;
  line-height: 1.2;
}
.wincompsiver .step-0 .cigarette-pack, .wincompsiver .step-1 .cigarette-pack {
  margin: 0;
}
.wincompsiver .brand-sub-title {
  margin-top: 5px;
  margin-bottom: 0;
  font-size: 19px;
  font-family: "Noto Sans Armenian";
  font-weight: 700;
  width: 100%;
  text-align: center;
  color: var(--white);
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.wincompsiver .cigarette-logo {
  text-align: center;
}
.wincompsiver .cigarette-logo img {
  width: 80%;
}
.wincompsiver .cigarette {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px;
  width: 100%;
  font-family: "Noto Sans Armenian";
  color: var(--white);
}
.wincompsiver .cigarette > div {
  display: flex;
  justify-content: center;
  width: 100%;
  text-align: center;
}
.wincompsiver .cigarette-pack {
  width: 40%;
}
.wincompsiver .cigarette-notice {
  margin: 0;
  font-family: "Noto Sans Armenian";
  font-weight: 600;
  font-size: 23px;
  line-height: 34px;
  text-align: center;
  letter-spacing: 0.01em;
  color: var(--white);
}
.wincompsiver .question-title {
  margin-bottom: 10px;
  font-size: 19px;
  font-family: "Noto Sans Armenian";
  font-weight: 500;
  color: var(--white);
  white-space: nowrap;
}
.wincompsiver .dots {
  display: flex;
  align-items: center;
  justify-content: center;
}
.wincompsiver .dots span {
  display: block;
  border-radius: 50%;
  margin: 0 7px;
  width: 18px;
  height: 18px;
  background-color: var(--blue-130);
}
.wincompsiver .dots span.active {
  background-color: var(--white);
}
.wincompsiver .error {
  font-family: "Noto Sans Armenian";
  color: var(--white);
}
.wincompsiver .finish {
  font-family: "Noto Sans Armenian";
}
.wincompsiver .finish .greetings-text {
  color: var(--white);
  font-weight: 500;
  letter-spacing: 0.01em;
}
.wincompsiver .finish-title {
  color: var(--white);
}
.wincompsiver .finish .contact-us {
  font-family: "Noto Sans Armenian";
  font-weight: 300;
  letter-spacing: 0.01em;
  color: var(--white);
}
.wincompsiver .finish .contact-us a {
  font-size: 1.2em;
  font-weight: 700;
  color: var(--white);
}
.wincompsiver .blocked {
  font-family: "Noto Sans Armenian";
  color: var(--white);
}
.wincompsiver .blocked-text {
  color: var(--white);
  font-weight: 400;
  letter-spacing: 0.01em;
}
.wincompsiver .unsubscribe-title {
  font-family: "Noto Sans Armenian";
  color: var(--white);
}
.wincompsiver .unsubscribe-text {
  font-family: "Noto Sans Armenian";
  font-weight: 400;
  color: var(--white);
}
.wincompsiver .unsubscribe textarea {
  font-family: "Noto Sans Armenian";
  border-radius: 8px;
  border-color: var(--white);
  color: var(--dark-500);
}
.wincompsiver .unsubscribe textarea::-moz-placeholder {
  color: var(--dark-500);
}
.wincompsiver .unsubscribe textarea::placeholder {
  color: var(--dark-500);
}
.wincompsiver .unsubscribe textarea:-moz-placeholder {
  color: var(--dark-500);
}
.wincompsiver .unsubscribe textarea::-moz-placeholder {
  color: var(--dark-500);
}
.wincompsiver .unsubscribe textarea:-ms-input-placeholder {
  color: var(--dark-500);
}
.wincompsiver .unsubscribe textarea::-webkit-input-placeholder {
  color: var(--dark-500);
}
.wincompsiver .unsubscribe .btns-wrap .btn {
  width: 100%;
}
.wincompsiver .unsubscribe .btn {
  font-weight: 500;
  text-transform: none;
}
@media (max-width: 991px) {
  .wincompsiver [class^=step-] .next-square-btn {
    margin-top: 8.3333333333vw;
    width: 13.3333333333vw;
  }
  .wincompsiver .step-0 .sub-title {
    margin-top: 1.0416666667vw;
    margin-bottom: 4.1666666667vw;
    font-size: 5.3125vw;
  }
  .wincompsiver .step-0 .cigarette-logo img {
    width: 41.25vw;
  }
  .wincompsiver .step-0 .next-square-btn {
    margin-top: 2.0833333333vw;
  }
  .wincompsiver .step-0 .btn-wrap {
    margin-top: auto;
  }
  .wincompsiver .upload-title {
    margin-top: 3.125vw;
    font-size: 7.0833333333vw;
  }
  .wincompsiver .upload-photo__preview {
    margin-top: 18.75vw;
  }
  .wincompsiver .upload-photo__preview img {
    margin-right: -2.0833333333vw;
    margin-bottom: 14.5833333333vw;
    width: 39.1666666667vw;
  }
  .wincompsiver .upload-photo__result {
    margin-top: 6.25vw;
    padding: 11.4583333333vw 3.75vw 5vw;
    height: 131.25vw;
  }
  .wincompsiver .upload-photo__retry {
    top: 4.1666666667vw;
    right: 3.3333333333vw;
    width: 8.3333333333vw;
    height: 6.875vw;
  }
  .wincompsiver .upload .btn-wrap {
    margin-top: 4.7916666667vw;
  }
  .wincompsiver .btn {
    height: 13.3333333333vw;
    font-size: 4.5833333333vw;
  }
  .wincompsiver .btn-link {
    margin-top: 7.2916666667vw;
    font-size: 4.1666666667vw;
  }
  .wincompsiver .notice {
    margin-top: 8.75vw;
    font-size: 3.75vw;
    line-height: 5.625vw;
  }
  .wincompsiver .notice:nth-of-type(2) {
    margin-top: 3.125vw;
  }
  .wincompsiver .brand-sub-title {
    margin-top: 5.2083333333vw;
    font-size: 8.3333333333vw;
    line-height: 9.5833333333vw;
  }
  .wincompsiver .cigarette {
    margin-top: 9.375vw;
    margin-bottom: 6.6666666667vw;
  }
  .wincompsiver .cigarette-pack {
    width: auto;
    height: 81.25vw;
  }
  .wincompsiver .cigarette-logo img {
    width: 30.4166666667vw;
  }
  .wincompsiver .cigarette-notice {
    font-size: 4.7916666667vw;
    line-height: 7.0833333333vw;
  }
  .wincompsiver .question-title {
    margin-bottom: 4.1666666667vw;
    font-size: 4.1666666667vw;
    line-height: 5.625vw;
  }
  .wincompsiver .dots span {
    margin: 0 1.4583333333vw;
    width: 3.75vw;
    height: 3.75vw;
  }
  .wincompsiver .error {
    font-size: 2.7083333333vw;
  }
  .wincompsiver .finish {
    max-width: 100%;
  }
  .wincompsiver .finish-title {
    margin-top: 3.125vw;
    font-size: 7.0833333333vw;
    line-height: 9.5833333333vw;
  }
  .wincompsiver .finish .refill-img {
    margin-top: 15.625vw;
    margin-bottom: 4.7916666667vw;
    width: 33.75vw;
  }
  .wincompsiver .finish .greetings-text {
    font-size: 4.1666666667vw;
    line-height: 5.625vw;
  }
  .wincompsiver .finish .contact-us {
    font-size: 4.1666666667vw;
    line-height: 5.625vw;
  }
  .wincompsiver .finish .contact-us a {
    margin-top: 3.3333333333vw;
    font-size: 5vw;
  }
  .wincompsiver .blocked-title {
    margin-top: 12.5vw;
    margin-bottom: 9.375vw;
    font-size: 7.0833333333vw;
    line-height: 9.5833333333vw;
  }
  .wincompsiver .blocked-img {
    margin-top: 20.8333333333vw;
    width: 39.1666666667vw;
  }
  .wincompsiver .blocked-text {
    margin-bottom: 31.25vw;
    max-width: 55.2083333333vw;
    font-size: 4.1666666667vw;
    line-height: 5.625vw;
  }
  .wincompsiver .blocked .next-square-btn {
    width: 13.3333333333vw;
  }
  .wincompsiver .closed .blocked-text {
    max-width: 69.7916666667vw;
  }
  .wincompsiver .unsubscribe > img, .wincompsiver .unsubscribe svg {
    margin-top: 7.2916666667vw;
    width: 28.125vw;
  }
  .wincompsiver .unsubscribe-title {
    margin-top: 6.6666666667vw;
    font-size: 6.25vw;
  }
  .wincompsiver .unsubscribe-text {
    margin-top: 3.125vw;
    font-size: 4.1666666667vw;
    line-height: 6.6666666667vw;
  }
  .wincompsiver .unsubscribe.current-step-2 .unsubscribe-text:first-of-type {
    margin-top: 19.2708333333vw;
  }
  .wincompsiver .unsubscribe .btn {
    font-size: 3.75vw;
  }
  .wincompsiver .unsubscribe .next-square-btn {
    margin-top: 1.5625vw;
  }
  .wincompsiver .close-activity .blocked-text {
    margin-bottom: auto;
  }
}
@media (min-width: 768px) {
  .wincompsiver .step-2 .btns-wrap, .wincompsiver .step-1 .btns-wrap {
    width: 62%;
  }
  .wincompsiver [class^=step-] .cigarette-title {
    font-size: 35px;
  }
  .wincompsiver [class^=step-] .cigarette-sub-title {
    font-size: 28px;
  }
}
@media (min-width: 992px) {
  .wincompsiver.steps > div {
    padding-bottom: 130px;
  }
  .wincompsiver .cigarette {
    width: 90%;
  }
}

.camelstrade {
  position: relative;
}
.camelstrade-rules .rules {
  position: relative;
  font-family: "Noto Sans Armenian";
  color: var(--white);
}
.camelstrade-rules .rules .close {
  position: absolute;
  top: 25px;
  right: 28px;
  cursor: pointer;
  width: 24px;
}
.camelstrade-rules .rules .title {
  margin: 0;
  width: 100%;
  font-weight: 700;
  text-align: left;
  text-transform: uppercase;
}
.camelstrade-rules .rules .article-part {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 5px;
}
.camelstrade-rules .rules .article-part:last-of-type {
  margin-bottom: 0;
}
.camelstrade-rules .rules .article-part__text-content {
  line-height: 1.2;
}
.camelstrade-rules .rules .article-part__title {
  font-weight: 700;
}
.camelstrade-rules .rules .article-part__text {
  display: block;
  font-weight: 100;
  margin-bottom: 10px;
}
.camelstrade-rules .rules .article-part__text a {
  color: var(--white);
}
.camelstrade-rules .rules .article-part__text span {
  display: inline-block;
}
.camelstrade-rules .rules .article-part__text:last-of-type {
  margin-bottom: 0;
}
.camelstrade-rules .rules .article-part__text--list {
  font-weight: 500;
}
.camelstrade [class^=step-] {
  position: relative;
}
.camelstrade .brand-company-logo {
  display: flex;
  justify-content: flex-end;
  order: -2;
  width: 100%;
}
.camelstrade .step-0 .cigarette-pack, .camelstrade .step-1 .cigarette-pack {
  margin: 0;
}
.camelstrade .step-0 .question-title {
  margin-top: 65px;
  margin-bottom: 0;
}
.camelstrade .step-0 .question-title + .question-title {
  margin-top: 0;
}
.camelstrade .radio-btn-container {
  margin-top: 30px;
}
.camelstrade .radio-button label {
  font-family: "Noto Sans Armenian";
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.66px;
}
.camelstrade .radio-button input[type=radio] + label:before {
  border: none;
}
.camelstrade .radio-button input[type=radio]:checked + label:after {
  background: var(--blue-190);
}
.camelstrade .rules-agree {
  margin-top: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.camelstrade .rules-agree .btn {
  margin-bottom: 0;
}
.camelstrade .checkbox-wrapper {
  max-width: 60%;
}
.camelstrade .checkbox-wrapper .checkbox-container {
  flex-shrink: 0;
  border: none;
  background-color: var(--white);
}
.camelstrade .checkbox-wrapper .checkmark {
  display: flex;
  align-items: center;
  justify-content: center;
}
.camelstrade .checkbox-wrapper .checkmark::after {
  position: static;
  border: none;
  transform: none;
  width: 3.2em;
  background: url(/images/check.svg?382bec539fcbdf2cdfba07855a80c5df) no-repeat center;
  background-size: contain;
}
.camelstrade .checkbox-wrapper .checkbox-text {
  font-family: "Noto Sans Armenian";
  font-weight: 300;
  line-height: 27px;
  letter-spacing: 0.66px;
  color: var(--white);
  text-decoration: underline;
}
.camelstrade .step-1 .question-title {
  letter-spacing: 0.42px;
}
.camelstrade .step-2 .cigarette > div::before {
  display: none;
}
.camelstrade .step-2 .question-title {
  color: var(--white);
  font-weight: 400;
  letter-spacing: 0;
}
.camelstrade .btns-wrap {
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}
.camelstrade .btns-wrap .btn {
  width: 48%;
}
.camelstrade .btns-wrap .btn--full {
  width: 100%;
}
.camelstrade .btn {
  border-radius: 12px;
  font-family: "Noto Sans Armenian";
  font-weight: 700;
  background: var(--blue-190);
  letter-spacing: 0.48px;
  color: var(--blue-820);
}
.camelstrade .btn:active {
  background: var(--yellow);
}
.camelstrade .btn[disabled] {
  opacity: 0.8;
}
.camelstrade .btn.active {
  background: var(--yellow);
}
.camelstrade .form-field.has-error {
  margin-bottom: 10px;
}
.camelstrade .form-field__label {
  margin-top: 25px;
  margin-bottom: 17px;
  font-size: 22px;
  font-family: "Noto Sans Armenian";
  font-weight: 400;
  line-height: normal;
  color: var(--white);
  white-space: nowrap;
  text-transform: uppercase;
  text-align: center;
}
.camelstrade .form-field input {
  border-radius: 12px;
  font-family: "Noto Sans Armenian";
  font-weight: 400;
  background: var(--white);
  line-height: normal;
  letter-spacing: 0.22px;
  color: var(--dark-820);
}
.camelstrade form {
  width: 100%;
}
.camelstrade .brand-sub-title {
  margin-top: 5px;
  margin-bottom: 0;
  font-size: 19px;
  font-family: "Noto Sans Armenian";
  font-weight: 700;
  width: 100%;
  text-align: center;
  color: var(--white);
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.camelstrade .cigarette {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px;
  width: 100%;
}
.camelstrade .cigarette > div {
  display: flex;
  justify-content: center;
  width: 100%;
  text-align: center;
  position: relative;
}
.camelstrade .cigarette > div::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  border-radius: 50%;
  filter: blur(33px);
  background-color: var(--blue-190);
}
.camelstrade .cigarette-pack {
  width: 40%;
  position: relative;
}
.camelstrade .question-title {
  position: relative;
  margin-bottom: 10px;
  font-size: 26px;
  font-family: "Noto Sans Armenian";
  font-weight: 800;
  line-height: normal;
  color: var(--yellow);
  white-space: nowrap;
  letter-spacing: 0.78px;
  text-transform: uppercase;
}
.camelstrade .error {
  margin-bottom: 10px;
  visibility: hidden;
  font-family: "Noto Sans Armenian";
  color: var(--white);
}
.camelstrade .error.show {
  visibility: visible;
}
.camelstrade .finish {
  font-family: "Noto Sans Armenian";
}
.camelstrade .finish .greetings-text {
  order: -1;
  margin-bottom: 0;
  color: var(--white);
  font-weight: 300;
  line-height: 134.64%;
}
.camelstrade .finish-title {
  order: -2;
  color: var(--yellow);
  line-height: normal;
  letter-spacing: 0.9px;
  font-weight: 800;
  white-space: nowrap;
}
.camelstrade .finish .contact-us {
  margin-top: 0;
  font-family: "Noto Sans Armenian";
  font-weight: 300;
  color: var(--white);
  white-space: nowrap;
  line-height: 134.64%;
}
.camelstrade .finish .contact-us a {
  font-size: 1.45em;
  font-weight: 700;
  color: var(--yellow);
  text-decoration: none;
}
.camelstrade .blocked {
  font-family: "Noto Sans Armenian";
  color: var(--yellow);
}
.camelstrade .blocked-title {
  order: -1;
  margin-bottom: 0;
  font-weight: 800;
  line-height: normal;
  letter-spacing: 0.9px;
}
.camelstrade .blocked-text {
  margin-bottom: 0;
  color: var(--white);
  font-weight: 300;
  line-height: 1.2;
}
.camelstrade .closed .blocked-title {
  letter-spacing: 1.23px;
}
@media (max-width: 991px) {
  .camelstrade-rules .rules {
    padding-top: 20.8333333333vw;
    padding-right: 8.3333333333vw;
    padding-left: 8.3333333333vw;
  }
  .camelstrade-rules .rules .close {
    top: 5.2083333333vw;
    right: 5.8333333333vw;
    width: 5vw;
  }
  .camelstrade-rules .rules .title {
    font-size: 6.25vw;
    line-height: 8.3333333333vw;
  }
  .camelstrade-rules .rules-article {
    margin-top: 7.2916666667vw;
    font-size: 2.9166666667vw;
  }
  .camelstrade-rules .rules .article-part {
    margin-bottom: 4.1666666667vw;
  }
  .camelstrade-rules .rules .article-part__title {
    margin-bottom: 1.6666666667vw;
  }
  .camelstrade-rules .rules .article-part__text {
    margin-bottom: 1.6666666667vw;
    line-height: 3.75vw;
  }
  .camelstrade-rules .rules .article-part__text span {
    margin-right: 1.0416666667vw;
  }
  .camelstrade [class^=step-] .next-square-btn {
    margin-top: 8.3333333333vw;
    width: 13.3333333333vw;
  }
  .camelstrade .brand-company-logo img, .camelstrade .brand-company-logo svg {
    width: 16.25vw;
  }
  .camelstrade .step-0 .question-title {
    margin-top: 13.5416666667vw;
  }
  .camelstrade .radio-btn-container {
    margin-top: 4.1666666667vw;
  }
  .camelstrade .radio-button label {
    font-size: 4.5833333333vw;
  }
  .camelstrade .checkbox-wrapper {
    margin-top: 20.8333333333vw;
    margin-bottom: 4.375vw;
    max-width: 77.0833333333vw;
  }
  .camelstrade .checkbox-wrapper .checkbox-container {
    border-radius: 2.5vw;
    margin-right: 6.875vw;
    width: 16.6666666667vw;
    min-width: 16.6666666667vw;
    height: 16.6666666667vw;
  }
  .camelstrade .checkbox-wrapper .checkmark {
    width: 16.6666666667vw;
    height: 16.6666666667vw;
  }
  .camelstrade .checkbox-wrapper .checkmark::after {
    width: 8.9583333333vw;
    height: 6.875vw;
  }
  .camelstrade .checkbox-wrapper .checkbox-text {
    font-size: 4.5833333333vw;
  }
  .camelstrade .step-1 .question-title {
    font-size: 4.375vw;
  }
  .camelstrade .step-2 .cigarette {
    margin-top: 10.8333333333vw;
    margin-bottom: 8.9583333333vw;
  }
  .camelstrade .step-2 .question-title {
    font-size: 4.5833333333vw;
  }
  .camelstrade .btn {
    height: 16.6666666667vw;
    font-size: 5vw;
  }
  .camelstrade .form-field__label {
    margin-top: 5.2083333333vw;
    margin-bottom: 3.5416666667vw;
    font-size: 4.5833333333vw;
  }
  .camelstrade .form-field input {
    height: 16.6666666667vw;
    font-size: 4.5833333333vw;
  }
  .camelstrade .brand-sub-title {
    margin-top: 5.2083333333vw;
    font-size: 8.3333333333vw;
    line-height: 9.5833333333vw;
  }
  .camelstrade .cigarette {
    margin-top: 6.875vw;
    margin-bottom: 6.25vw;
  }
  .camelstrade .cigarette > div::before {
    width: 70.4166666667vw;
    height: 70.4166666667vw;
  }
  .camelstrade .cigarette-pack {
    width: auto;
    height: 68.3333333333vw;
  }
  .camelstrade .question-title {
    margin-bottom: 2.0833333333vw;
    font-size: 5.4166666667vw;
  }
  .camelstrade .error {
    font-size: 2.7083333333vw;
  }
  .camelstrade .finish {
    max-width: 100%;
  }
  .camelstrade .finish-title {
    margin-top: 13.5416666667vw;
    font-size: 6.25vw;
  }
  .camelstrade .finish .refill-img {
    margin-top: 9.7916666667vw;
    margin-bottom: 10.8333333333vw;
    width: 36.4583333333vw;
  }
  .camelstrade .finish .greetings-text {
    margin-top: 3.5416666667vw;
    font-size: 4.5833333333vw;
  }
  .camelstrade .finish .contact-us {
    font-size: 4.5833333333vw;
  }
  .camelstrade .finish .contact-us + .contact-us {
    margin-top: 4.1666666667vw;
  }
  .camelstrade .finish .contact-us a {
    margin-top: 2.0833333333vw;
    font-size: 6.6666666667vw;
  }
  .camelstrade .blocked-title {
    margin-top: 13.9583333333vw;
    font-size: 6.25vw;
  }
  .camelstrade .blocked-img {
    margin-top: 22.5vw;
    margin-bottom: 13.9583333333vw;
    width: 42.9166666667vw;
  }
  .camelstrade .blocked-text {
    font-size: 4.5833333333vw;
  }
  .camelstrade .blocked .next-square-btn {
    width: 13.3333333333vw;
  }
  .camelstrade .closed .blocked-title {
    font-size: 8.5416666667vw;
    line-height: 11.25vw;
  }
  .camelstrade .closed .blocked-img {
    margin-top: 25vw;
    margin-bottom: 15.625vw;
    width: 37.5vw;
  }
  .camelstrade .closed .blocked-text {
    margin-bottom: auto;
  }
}
@media (min-width: 768px) {
  .camelstrade .step-2 .btns-wrap, .camelstrade .step-1 .btns-wrap {
    width: 62%;
  }
  .camelstrade [class^=step-] .cigarette-title {
    font-size: 35px;
  }
  .camelstrade [class^=step-] .cigarette-sub-title {
    font-size: 28px;
  }
}
@media (min-width: 992px) {
  .camelstrade.steps > div {
    padding-bottom: 130px;
  }
  .camelstrade .cigarette {
    width: 90%;
  }
  .camelstrade .blocked-img {
    margin-bottom: auto;
  }
}

.cocktail {
  position: relative;
  font-family: "Noto Sans Armenian";
}
.cocktail [class^=step-] {
  position: relative;
}
.cocktail.steps > div {
  align-items: flex-start;
}
.cocktail .padding-reset {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.cocktail .padding-reset .cocktail-title, .cocktail .padding-reset .cocktail-sub-title, .cocktail .padding-reset .cocktail-text, .cocktail .padding-reset .btn-wrap {
  padding-right: 50px;
  padding-left: 50px;
}
.cocktail .title {
  margin: 200px 0 40px;
  color: var(--yellow-600);
  font-size: 49px;
  font-weight: 400;
  line-height: 60px;
  letter-spacing: 0.49px;
}
.cocktail .sub-title {
  margin: 0 0 50px;
  max-width: 480px;
  font-family: "Noto Sans Armenian";
  color: var(--white);
  font-size: 25px;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.5px;
  text-align: left;
}
.cocktail .radio-btn-container {
  display: flex;
}
.cocktail .btns-wrap {
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}
.cocktail .btns-wrap .btn {
  width: 48%;
}
.cocktail .btns-wrap .btn--full {
  width: 100%;
}
.cocktail .btn {
  width: 300px;
  height: 57px;
  border-radius: 30px;
  font-size: 28px;
  font-weight: 600;
  letter-spacing: 1.4px;
  font-family: "Noto Sans Armenian";
  background: var(--btn-gradient);
  color: var(--dark-880);
}
.cocktail .btn:active {
  background: var(--yellow-600);
}
.cocktail .btn.active {
  background: var(--yellow-600);
}
.cocktail .btn[disabled] {
  background: var(--dark-870);
  color: var(--dark-750);
}
.cocktail .next-square-btn[disabled] {
  cursor: not-allowed;
  opacity: 0.2;
}
.cocktail .btn-link {
  padding: 0;
  color: var(--yellow-600);
  font-family: "Noto Sans Armenian";
  font-size: 20px;
}
.cocktail .step-0 {
  margin: 0;
}
.cocktail .step-0 .btn-wrap {
  align-items: flex-start;
  margin-top: 48px;
}
.cocktail .step-preview .cocktail-title, .cocktail .step-1 .cocktail-title {
  font-size: 35px;
  font-weight: 400;
  letter-spacing: 0.36px;
  white-space: nowrap;
}
.cocktail-logo {
  width: 100%;
}
.cocktail-logo img {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 480px;
}
.cocktail-title {
  margin-top: 5px;
  margin-bottom: 15px;
  width: 100%;
  color: var(--white);
  font-size: 45px;
  font-weight: 600;
  line-height: 60px;
  letter-spacing: 0.45px;
  white-space: pre-line;
}
.cocktail-sub-title {
  margin-top: 5px;
  margin-bottom: 0;
  color: var(--white);
  font-size: 22px;
  font-weight: 400;
  line-height: normal;
}
.cocktail-text {
  margin-bottom: 40px;
  width: 100%;
  max-width: 480px;
  color: var(--yellow-600);
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
}
.cocktail-question-title {
  margin: 0;
  width: 100%;
  max-width: 480px;
  color: var(--white);
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.56px;
  text-align: left;
}
.cocktail-percent svg {
  margin-top: 275px;
  align-self: center;
}
.cocktail-percent p {
  align-self: center;
  padding-top: 30px;
  padding-bottom: 120px;
  color: var(--yellow-600);
  text-align: center;
  font-family: "Inter";
  font-size: 80px;
  font-weight: 300;
  letter-spacing: 1.6px;
}
.cocktail .cocktail-answer {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-radius: 0;
  border-bottom: 1px solid var(--dark-740);
  margin-bottom: 0;
  width: 100%;
  max-width: 480px;
  height: 107px;
  text-align: left;
  background: none !important;
  color: var(--yellow-600);
  font-size: 21px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.42px;
  text-transform: none;
}
.cocktail .cocktail-answer:nth-of-type(1) {
  border-top: 1px solid var(--dark-740);
}
.cocktail .cocktail-answer span {
  display: inline-block;
  margin-right: 36px;
}
.cocktail .cocktail-answer svg {
  width: 16px;
  height: 30px;
  vertical-align: middle;
}
.cocktail .cocktail-answer.active {
  color: var(--white);
}
.cocktail .cocktail-answer-wrap {
  margin: 40px 0;
  width: 100%;
}
.cocktail .count-step {
  color: var(--yellow-600);
  font-family: Inter;
  font-size: 120px;
  font-weight: 200;
  line-height: 1;
  letter-spacing: 2.4px;
}
.cocktail .count-step-wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 130px;
  margin-bottom: 68px;
  width: 100%;
  max-width: 480px;
}
.cocktail .dots {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
}
.cocktail .dots span {
  display: block;
  border-radius: 5px;
  margin: 0 7px;
  width: 40px;
  height: 5px;
  background-color: var(--yellow-600);
}
.cocktail .dots span.active {
  background-color: var(--white);
}
.cocktail .attention-text {
  font-family: "Noto Sans Armenian";
  color: var(--yellow-600);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}
.cocktail .finish {
  font-family: "Noto Sans Armenian";
}
.cocktail .finish-title {
  margin-top: 220px;
  margin-bottom: 45px;
  color: var(--yellow-600);
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 50px;
  letter-spacing: 0.8px;
  text-align: left;
  text-transform: none;
}
.cocktail .blocked {
  font-family: "Noto Sans Armenian";
  text-align: left;
}
.cocktail .blocked-img {
  margin-top: 125px;
  width: 197px;
}
.cocktail .blocked-title {
  margin-top: 32px;
  margin-bottom: 10px;
  max-width: 480px;
  color: var(--yellow-600);
  font-size: 31px;
  font-weight: 400;
  line-height: 50px;
  text-transform: none;
}
.cocktail .blocked-text {
  margin-bottom: 0;
  max-width: 480px;
  color: var(--white);
  font-weight: 300;
  font-size: 21px;
  line-height: 38px;
  letter-spacing: 0.21px;
}
.cocktail .blocked br {
  display: none;
}
.cocktail .closed .blocked-img {
  width: 179px;
}
.cocktail .closed .blocked-title {
  margin-top: 50px;
  margin-bottom: 10px;
  font-size: 40px;
  font-weight: 500;
  line-height: 55px;
}
.cocktail .unsubscribe > img, .cocktail .unsubscribe svg {
  margin-top: 125px;
  margin-left: 0;
  width: 114px;
}
.cocktail .unsubscribe-title {
  margin-top: 40px;
  font-family: "Noto Sans Armenian";
  color: var(--yellow-600);
  font-size: 32px;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
}
.cocktail .unsubscribe-text {
  margin-top: 45px;
  max-width: 480px;
  font-family: "Noto Sans Armenian";
  font-size: 21px;
  font-weight: 400;
  color: var(--white);
  line-height: 38px;
  letter-spacing: 0.21px;
  text-align: left;
  white-space: nowrap;
}
.cocktail .unsubscribe .btns-wrap .btn, .cocktail .unsubscribe .btns-wrap textarea {
  border-radius: 40px;
  margin-bottom: 17px;
  width: 100%;
  height: 82px;
  font-size: 21px;
  font-weight: 500;
  text-transform: none;
}
.cocktail .unsubscribe textarea {
  margin: 0;
  font-family: "Noto Sans Armenian";
  padding: 10px 25px;
  color: var(--dark-880);
}
.cocktail .unsubscribe textarea::-moz-placeholder {
  color: var(--dark-880);
}
.cocktail .unsubscribe textarea::placeholder {
  color: var(--dark-880);
}
.cocktail .unsubscribe textarea:-moz-placeholder {
  color: var(--dark-880);
}
.cocktail .unsubscribe textarea::-moz-placeholder {
  color: var(--dark-880);
}
.cocktail .unsubscribe textarea:-ms-input-placeholder {
  color: var(--dark-880);
}
.cocktail .unsubscribe textarea::-webkit-input-placeholder {
  color: var(--dark-880);
}
.cocktail .unsubscribe .btn-wrap {
  align-self: center;
}
@media (max-width: 767px) {
  .cocktail [class^=step-] .next-square-btn {
    margin-top: 8.3333333333vw;
    width: 13.3333333333vw;
  }
  .cocktail .padding-reset .cocktail-title, .cocktail .padding-reset .cocktail-sub-title, .cocktail .padding-reset .cocktail-text, .cocktail .padding-reset .btn-wrap {
    padding-right: 10.4166666667vw;
    padding-left: 10.4166666667vw;
  }
  .cocktail .title {
    margin: 41.6666666667vw 0 8.3333333333vw;
    font-size: 10.2083333333vw;
    line-height: 12.5vw;
  }
  .cocktail .sub-title {
    font-size: 5.2083333333vw;
  }
  .cocktail .step-0 .sub-title {
    margin-bottom: 10.4166666667vw;
  }
  .cocktail .step-0 .btn-wrap {
    margin-top: 10vw;
  }
  .cocktail .step-preview .cocktail-title, .cocktail .step-1 .cocktail-title {
    font-size: 7.2916666667vw;
  }
  .cocktail .step-preview .cocktail-logo img {
    width: 81.25vw;
  }
  .cocktail .btn {
    border-radius: 6.25vw;
    width: 62.5vw;
    height: 11.875vw;
    font-size: 5.8333333333vw;
  }
  .cocktail .btn-link {
    margin-top: 8.3333333333vw;
    font-size: 4.1666666667vw;
  }
  .cocktail-title {
    margin-top: 1.0416666667vw;
    margin-bottom: 3.125vw;
    font-size: 9.375vw;
    line-height: 12.5vw;
  }
  .cocktail-sub-title {
    margin-top: 1.0416666667vw;
    font-size: 4.5833333333vw;
  }
  .cocktail-text {
    margin-bottom: 8.3333333333vw;
    font-size: 4.1666666667vw;
    line-height: 6.25vw;
  }
  .cocktail-question-title {
    font-size: 5.8333333333vw;
  }
  .cocktail-percent svg {
    margin-top: 57.2916666667vw;
  }
  .cocktail-percent p {
    padding-top: 6.25vw;
    padding-bottom: 25vw;
    font-size: 16.6666666667vw;
  }
  .cocktail .cocktail-answer {
    border-radius: 0;
    width: 100%;
    height: 22.2916666667vw;
    font-size: 4.375vw;
  }
  .cocktail .cocktail-answer span {
    margin-right: 7.5vw;
  }
  .cocktail .cocktail-answer svg {
    width: 3.3333333333vw;
    height: 6.25vw;
  }
  .cocktail .cocktail-answer-wrap {
    margin: 8.3333333333vw 0;
  }
  .cocktail .count-step {
    font-size: 25vw;
  }
  .cocktail .count-step-wrap {
    margin-top: 27.0833333333vw;
    margin-bottom: 14.1666666667vw;
  }
  .cocktail .dots {
    margin-bottom: 3.3333333333vw;
  }
  .cocktail .dots span {
    margin: 0 1.4583333333vw;
    width: 8.3333333333vw;
    height: 1.0416666667vw;
  }
  .cocktail .attention-text {
    font-size: 4.1666666667vw;
    line-height: 6.25vw;
  }
  .cocktail .finish {
    max-width: 100%;
  }
  .cocktail .finish-title {
    margin-top: 45.8333333333vw;
    margin-bottom: 9.375vw;
    font-size: 8.3333333333vw;
    line-height: 10.4166666667vw;
  }
  .cocktail .blocked-title {
    margin-top: 6.4583333333vw;
    margin-bottom: 2.0833333333vw;
    font-size: 6.4583333333vw;
    line-height: 10.4166666667vw;
  }
  .cocktail .blocked-img {
    margin-top: 26.0416666667vw;
    width: 41.0416666667vw;
  }
  .cocktail .blocked-text {
    font-size: 4.375vw;
    line-height: 7.9166666667vw;
  }
  .cocktail .closed .blocked-title {
    margin-top: 10.4166666667vw;
    margin-bottom: 2.0833333333vw;
    font-size: 8.3333333333vw;
    line-height: 11.4583333333vw;
  }
  .cocktail .closed .blocked-img {
    width: 37.2916666667vw;
  }
  .cocktail .unsubscribe > img, .cocktail .unsubscribe svg {
    margin-top: 26.0416666667vw;
    width: 23.75vw;
  }
  .cocktail .unsubscribe-title {
    margin-top: 8.3333333333vw;
    font-size: 6.6666666667vw;
  }
  .cocktail .unsubscribe-text {
    margin-top: 9.375vw;
    font-size: 4.375vw;
    line-height: 7.9166666667vw;
  }
  .cocktail .unsubscribe .btns-wrap .btn, .cocktail .unsubscribe .btns-wrap textarea {
    border-radius: 8.3333333333vw;
    margin-bottom: 3.5416666667vw;
    height: 17.0833333333vw;
    font-size: 4.375vw;
  }
  .cocktail .unsubscribe textarea {
    padding: 2.0833333333vw 5.2083333333vw;
  }
  .cocktail .unsubscribe .next-square-btn {
    margin-top: 11.4583333333vw;
  }
}
@media (min-width: 992px) {
  .cocktail.steps > div {
    padding-bottom: 130px;
  }
}

.camelslims {
  position: relative;
  font-family: "Noto Sans Armenian";
}
.camelslims [class^=step-] {
  position: relative;
}
.camelslims [class^=step-] .next-square-btn {
  margin-top: 25px;
  width: 64px;
}
.camelslims.steps > div {
  padding-top: 56px;
  padding-right: 32px;
  padding-left: 32px;
}
.camelslims .step-0 {
  overflow: hidden;
}
.camelslims .step-1 .cigarette-pack {
  margin: 0;
}
.camelslims .cigarette-logo, .camelslims .brand-company-logo {
  position: relative;
  z-index: 2;
  text-align: center;
}
.camelslims .cigarette-logo img, .camelslims .cigarette-logo svg, .camelslims .brand-company-logo img, .camelslims .brand-company-logo svg {
  width: 179px;
  -o-object-fit: contain;
     object-fit: contain;
}
.camelslims .btns-wrap {
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0 16px;
}
.camelslims .btns-wrap .btn {
  width: 48%;
}
.camelslims .btns-wrap .btn--full {
  width: 100%;
}
.camelslims .btn {
  border-radius: 12px;
  height: 64px;
  font-size: 22px;
  font-family: "Noto Sans Armenian";
  font-weight: 700;
  background: var(--blue-190);
  letter-spacing: 0;
  color: var(--blue-820);
}
.camelslims .btn:active {
  background: var(--yellow);
}
.camelslims .btn.active {
  background: var(--yellow);
}
.camelslims .brand-sub-title {
  margin-top: 40px;
  margin-bottom: 0;
  font-size: 45px;
  font-family: "Noto Sans Armenian";
  line-height: 50px;
  font-weight: 700;
  width: 100%;
  text-align: center;
  color: var(--white);
  text-transform: uppercase;
}
.camelslims .product {
  margin-top: 28px;
  margin-bottom: 40px;
  height: 335px;
}
.camelslims .product .animate {
  visibility: visible;
  opacity: 1;
}
.camelslims .product__image {
  margin-right: 17px;
  width: 214px;
}
.camelslims .product__image img {
  transform: translateX(-768px);
  transition: 0.4s ease;
  box-shadow: -7px 11px 11px 0px rgba(0, 0, 0, 0.4);
}
.camelslims .product__image .animate {
  transform: translateX(0);
}
.camelslims .product__benefit-title {
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
  transition: 1s ease;
}
.camelslims .product__benefit-image {
  border-radius: 14px;
  margin-right: 15px;
  width: 73px;
  height: 73px;
  background-color: var(--white);
}
.camelslims .product__benefit {
  width: 193px;
}
.camelslims .product__benefit:last-of-type .product__benefit-image {
  background-color: var(--yellow);
}
.camelslims .product__benefit + .product__benefit {
  margin-top: 12px;
}
.camelslims .btn-link {
  margin-top: 20px;
  color: var(--white);
  font-size: 22px;
  font-family: "Noto Sans Armenian";
}
.camelslims .next-square-btn svg {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.camelslims .next-square-btn[disabled] {
  cursor: not-allowed;
  opacity: 0.4;
}
.camelslims .notice-wrap {
  position: relative;
  width: 100%;
}
.camelslims .notice {
  margin-top: 25px;
  width: 100%;
  color: var(--white);
  text-align: center;
  font-size: 18px;
  font-weight: 300;
  line-height: 27px;
}
.camelslims .pack-form {
  max-width: 368px;
  width: 100%;
}
.camelslims .pack-form .btn {
  border-radius: 12px;
  height: 80px;
  font-size: 22px;
  letter-spacing: 1.32px;
}
.camelslims .form-field input {
  border-radius: 12px;
  height: 80px;
  font-size: 22px;
  font-family: "Noto Sans Armenian";
  letter-spacing: 0.22px;
}
.camelslims .cigarette {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin-top: 40px;
  margin-bottom: 20px;
  width: 100%;
}
.camelslims .cigarette--pack-code .cigarette-wrap::before {
  display: none;
}
.camelslims .cigarette--pack-code .cigarette-pack {
  height: 364px;
}
.camelslims .cigarette > div {
  display: flex;
  justify-content: center;
  width: 100%;
  text-align: center;
  position: relative;
}
.camelslims .cigarette > div::before {
  content: "";
  position: absolute;
  top: -28px;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  border-radius: 50%;
  width: 270px;
  height: 270px;
  filter: blur(26px);
  background-color: var(--blue-190);
}
.camelslims .cigarette-pack {
  height: 319px;
  position: relative;
}
.camelslims .cigarette-notice {
  margin: 0;
  font-family: "Noto Sans Armenian";
  font-weight: 500;
  font-size: 25px;
  line-height: normal;
  text-align: center;
  letter-spacing: 0.25px;
  color: var(--white);
}
.camelslims .question-title {
  margin-bottom: 18px;
  font-size: 20px;
  font-family: "Noto Sans Armenian";
  font-weight: 500;
  line-height: normal;
  color: var(--white);
  letter-spacing: 0.2px;
}
.camelslims .dots {
  display: flex;
  align-items: center;
  justify-content: center;
}
.camelslims .dots span {
  display: block;
  border-radius: 50%;
  margin: 0 7px;
  width: 18px;
  height: 18px;
  background-color: var(--yellow);
}
.camelslims .dots span.active {
  background-color: var(--white);
}
.camelslims .error {
  margin-bottom: 10px;
  font-family: "Noto Sans Armenian";
  color: var(--white);
}
.camelslims .finish {
  font-family: "Noto Sans Armenian";
  text-align: center;
}
.camelslims .finish-title {
  margin-top: 50px;
  color: var(--yellow);
  font-size: 28px;
  line-height: normal;
  letter-spacing: 0.9px;
  font-weight: 800;
  white-space: nowrap;
}
.camelslims .finish .refill-img {
  margin-top: 51px;
  margin-bottom: 38px;
  width: 175px;
}
.camelslims .finish .contact-us {
  margin-top: 0;
  font-size: 22px;
  font-family: "Noto Sans Armenian";
  font-weight: 300;
  color: var(--white);
  white-space: nowrap;
  line-height: 1.2;
}
.camelslims .finish .contact-us a {
  font-size: 1.45em;
  font-weight: 700;
  color: var(--yellow);
  text-decoration: none;
}
.camelslims .blocked {
  font-family: "Noto Sans Armenian";
  color: var(--yellow);
  text-align: center;
}
.camelslims .blocked .brand-company-logo {
  order: -2;
}
.camelslims .blocked-title {
  order: -1;
  margin-top: 50px;
  margin-bottom: 0;
  font-weight: 800;
  line-height: normal;
  letter-spacing: 0.9px;
}
.camelslims .blocked-img {
  margin-top: 58px;
  margin-bottom: 60px;
  width: 206px;
}
.camelslims .blocked-text {
  margin-bottom: 0;
  padding-bottom: 20px;
  color: var(--white);
  font-size: 22px;
  font-weight: 300;
  line-height: 1.2;
}
.camelslims .closed .blocked-title {
  font-size: 41px;
  line-height: 54px;
  letter-spacing: 1.23px;
}
.camelslims .closed .blocked-img {
  margin-top: 74px;
  margin-bottom: 63px;
  width: 180px;
}
.camelslims .unsubscribe > svg {
  width: 135px;
}
.camelslims .unsubscribe-title {
  font-size: 30px;
  font-family: "Noto Sans Armenian";
  color: var(--white);
}
.camelslims .unsubscribe-text {
  font-size: 20px;
  font-family: "Noto Sans Armenian";
  font-weight: 400;
  color: var(--white);
  letter-spacing: 0.2px;
}
.camelslims .unsubscribe textarea {
  font-family: "Noto Sans Armenian";
  border-radius: 8px;
  border-color: var(--white);
  color: var(--dark-500);
}
.camelslims .unsubscribe textarea::-moz-placeholder {
  color: var(--dark-500);
}
.camelslims .unsubscribe textarea::placeholder {
  color: var(--dark-500);
}
.camelslims .unsubscribe textarea:-moz-placeholder {
  color: var(--dark-500);
}
.camelslims .unsubscribe textarea::-moz-placeholder {
  color: var(--dark-500);
}
.camelslims .unsubscribe textarea:-ms-input-placeholder {
  color: var(--dark-500);
}
.camelslims .unsubscribe textarea::-webkit-input-placeholder {
  color: var(--dark-500);
}
.camelslims .unsubscribe .btns-wrap .btn {
  width: 100%;
}
.camelslims .unsubscribe .btn {
  font-weight: 500;
  text-transform: none;
}
@media (max-width: 991px) {
  .camelslims.steps > div {
    padding-top: 11.6666666667vw;
    padding-right: 6.6666666667vw;
    padding-left: 6.6666666667vw;
  }
  .camelslims [class^=step-] .next-square-btn {
    margin-top: 8.3333333333vw;
    width: 13.3333333333vw;
  }
  .camelslims .cigarette-logo img, .camelslims .cigarette-logo svg, .camelslims .brand-company-logo img, .camelslims .brand-company-logo svg {
    width: 37.2916666667vw;
  }
  .camelslims .btns-wrap {
    padding: 0 3.3333333333vw;
  }
  .camelslims .btn {
    border-radius: 2.5vw;
    height: 13.3333333333vw;
    font-size: 4.5833333333vw;
  }
  .camelslims .brand-sub-title {
    margin-top: 8.3333333333vw;
    font-size: 9.375vw;
    line-height: 10.4166666667vw;
  }
  .camelslims .btn-link {
    margin-top: 4.1666666667vw;
    font-size: 4.5833333333vw;
  }
  .camelslims .product {
    margin-top: 5.8333333333vw;
    margin-bottom: 8.3333333333vw;
    height: 69.7916666667vw;
  }
  .camelslims .product__image {
    margin-right: 3.5416666667vw;
    width: 44.5833333333vw;
  }
  .camelslims .product__benefit-title {
    font-size: 2.9166666667vw;
    line-height: 3.75vw;
  }
  .camelslims .product__benefit-image {
    border-radius: 2.9166666667vw;
    margin-right: 3.125vw;
    width: 15.2083333333vw;
    height: 15.2083333333vw;
  }
  .camelslims .product__benefit {
    width: 40.2083333333vw;
  }
  .camelslims .product__benefit + .product__benefit {
    margin-top: 2.5vw;
  }
  .camelslims .notice {
    margin-top: 5.2083333333vw;
    font-size: 3.75vw;
    line-height: 5.4166666667vw;
  }
  .camelslims .pack-form {
    max-width: 76.6666666667vw;
  }
  .camelslims .pack-form .btn {
    border-radius: 2.5vw;
    height: 16.6666666667vw;
    font-size: 4.5833333333vw;
  }
  .camelslims .form-field input {
    border-radius: 2.5vw;
    height: 16.6666666667vw;
    font-size: 4.5833333333vw;
  }
  .camelslims .cigarette {
    margin-top: 8.3333333333vw;
    margin-bottom: 6.25vw;
  }
  .camelslims .cigarette--pack-code .cigarette-pack {
    height: 75.8333333333vw;
  }
  .camelslims .cigarette > div::before {
    top: -5.8333333333vw;
    width: 56.25vw;
    height: 56.25vw;
  }
  .camelslims .cigarette-pack {
    width: auto;
    height: 66.4583333333vw;
  }
  .camelslims .cigarette-notice {
    font-size: 5.2083333333vw;
  }
  .camelslims .question-title {
    margin-bottom: 3.75vw;
    font-size: 4.1666666667vw;
  }
  .camelslims .dots span {
    margin: 0 1.4583333333vw;
    width: 3.75vw;
    height: 3.75vw;
  }
  .camelslims .error {
    font-size: 2.7083333333vw;
  }
  .camelslims .finish {
    max-width: 100%;
  }
  .camelslims .finish-title {
    margin-top: 10.4166666667vw;
    font-size: 5.8333333333vw;
  }
  .camelslims .finish .refill-img {
    margin-top: 10.625vw;
    margin-bottom: 7.9166666667vw;
    width: 36.4583333333vw;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .camelslims .finish .contact-us {
    font-size: 4.5833333333vw;
  }
  .camelslims .finish .contact-us + .contact-us {
    margin-top: 6.25vw;
  }
  .camelslims .finish .contact-us a {
    margin-top: 2.0833333333vw;
    font-size: 6.6666666667vw;
  }
  .camelslims .blocked-title {
    margin-top: 10.4166666667vw;
    font-size: 6.25vw;
  }
  .camelslims .blocked-img {
    margin-top: 12.0833333333vw;
    margin-bottom: 12.5vw;
    width: 42.9166666667vw;
  }
  .camelslims .blocked-text {
    font-size: 4.5833333333vw;
    padding-bottom: 4.1666666667vw;
  }
  .camelslims .closed .blocked-title {
    font-size: 8.5416666667vw;
    line-height: 11.25vw;
  }
  .camelslims .closed .blocked-img {
    margin-top: 15.4166666667vw;
    margin-bottom: 13.125vw;
    width: 37.5vw;
  }
  .camelslims .unsubscribe > svg {
    width: 28.125vw;
  }
  .camelslims .unsubscribe-title {
    margin-top: 13.5416666667vw;
    font-size: 6.25vw;
  }
  .camelslims .unsubscribe-text {
    margin-top: 3.125vw;
    font-size: 4.1666666667vw;
    line-height: 6.6666666667vw;
  }
  .camelslims .unsubscribe .btn {
    font-size: 4.1666666667vw;
  }
  .camelslims .unsubscribe .next-square-btn {
    margin-top: 5.2083333333vw;
  }
}
@media (max-width: 480px) and (max-height: 670px) {
  .camelslims.steps > div {
    padding-top: 9.1666666667vw;
  }
  .camelslims [class^=step-] .next-square-btn {
    margin-top: 6.6666666667vw;
  }
  .camelslims .brand-sub-title {
    margin-top: 6.6666666667vw;
    font-size: 8.5416666667vw;
    line-height: 9.375vw;
  }
  .camelslims .product {
    margin-top: 5.2083333333vw;
    margin-bottom: 6.6666666667vw;
  }
}
@media (min-width: 768px) {
  .camelslims [class^=step-] .cigarette-pack {
    width: 100% !important;
  }
  .camelslims [class^=step-] .cigarette-title {
    font-size: 35px;
  }
  .camelslims [class^=step-] .cigarette-sub-title {
    font-size: 28px;
  }
}
@media (min-width: 992px) {
  .camelslims.steps > div {
    padding-bottom: 320px;
  }
}

.prize-qr > div {
  justify-content: center;
  padding: 7vw 0 8.125vw !important;
}
.prize-qr__title {
  width: 50.5vw;
  filter: drop-shadow(3px 5px 2px rgba(0, 0, 0, 0.4));
}
.prize-qr__image-wrap {
  margin: 5.625vw 0;
  position: relative;
}
.prize-qr__image-wrap img {
  width: 41.25vw;
}
.prize-qr__text {
  width: 50.25vw;
}
.prize-qr-v2 {
  max-width: 896px;
}
.prize-qr-v2 > div {
  padding-left: 220px !important;
}
.prize-qr-v2 .prize-qr__title {
  filter: none;
  margin-top: 30px;
}
.prize-qr-v2 .prize-qr__image-wrap {
  background-image: url(/images/present.png?b42d6ad4a9ed540efbfd8ef09b8695a7);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 300px 352px;
  padding-bottom: 12px;
  width: 300px;
  height: 352px;
  display: flex;
  justify-content: center;
}
.prize-qr-v2 .prize-qr__image-wrap img {
  align-self: flex-end;
  width: 220px;
}
.prize-qr-v2 .prize-qr__text {
  width: 350px;
}
.prize-qr-v2 .prize-qr__text-wrap {
  display: flex;
  align-items: flex-end;
}
.prize-qr-v2 .prize-qr__text-wrap p {
  flex-shrink: 0;
  color: var(--orange-310);
  border-radius: 50%;
  border: 4px solid #009ee3;
  width: 77px;
  height: 77px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 35px;
  margin-left: 13px;
  font-family: "Noto Sans Armenian";
}
@media (max-width: 480px) {
  .prize-qr > div {
    padding: 7.5vw 0 10.8333333333vw !important;
  }
  .prize-qr__title {
    width: 68.75vw;
  }
  .prize-qr__image-wrap {
    margin: 7.5vw 0;
  }
  .prize-qr__image-wrap img {
    width: 55vw;
  }
  .prize-qr__text {
    width: 67.0833333333vw;
  }
  .prize-qr-v2 > div {
    padding-left: 29.1666666667vw !important;
    padding-right: 14.5833333333vw !important;
  }
  .prize-qr-v2 .prize-qr__title {
    margin-top: 25vw;
  }
  .prize-qr-v2 .prize-qr__image-wrap {
    background-size: 48.75vw 57.2916666667vw;
    padding-bottom: 2.5vw;
    width: 48.75vw;
    height: 57.2916666667vw;
  }
  .prize-qr-v2 .prize-qr__image-wrap img {
    width: 35.4166666667vw;
  }
  .prize-qr-v2 .prize-qr__text {
    width: 47.9166666667vw;
  }
  .prize-qr-v2 .prize-qr__text-wrap p {
    border-width: 0.8333333333vw;
    width: 12.0833333333vw;
    height: 12.0833333333vw;
    font-size: 5.4166666667vw;
    margin-left: 2.7083333333vw;
  }
}
@media (min-width: 992px) {
  .prize-qr > div {
    padding: 56px 0 65px !important;
  }
  .prize-qr__title {
    width: 404px;
  }
  .prize-qr__image-wrap {
    margin: 45px 0;
  }
  .prize-qr__image-wrap img {
    width: 330px;
  }
  .prize-qr__text {
    width: 402px;
  }
}

.winstonss {
  position: relative;
}
.winstonss [class^=step-] {
  position: relative;
}
.winstonss.steps {
  max-width: 480px;
}
.winstonss.steps > div {
  padding-top: 33px;
  padding-right: 40px;
  padding-left: 40px;
}
.winstonss .brand-company-logo {
  display: flex;
  justify-content: flex-end;
  order: -2;
  width: 100%;
}
.winstonss .brand-company-logo img, .winstonss .brand-company-logo svg {
  width: 78px;
  -o-object-fit: contain;
     object-fit: contain;
}
.winstonss .title {
  margin-top: 44px;
  margin-bottom: 44px;
  font-size: 25px;
  font-family: "Noto Sans Armenian";
  font-weight: 600;
  line-height: normal;
  color: var(--white);
  letter-spacing: 0.25px;
  text-transform: uppercase;
  text-align: center;
}
.winstonss .radio-button {
  margin-bottom: 20px;
}
.winstonss .radio-button label {
  padding-top: 90px;
  min-height: 80px;
  font-family: "Noto Sans Armenian";
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.66px;
}
.winstonss .radio-button input[type=radio] + label:before {
  border: none;
  width: 80px;
  height: 80px;
}
.winstonss .radio-button input[type=radio]:checked + label:after {
  top: 24px;
  margin-left: -16px;
  width: 32px;
  height: 32px;
  background: var(--dark-720);
}
.winstonss .rules-agree {
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.winstonss .rules-agree .btn {
  margin-bottom: 25px;
}
.winstonss .rules-agree .error {
  font-size: 18px;
  line-height: normal;
}
.winstonss .checkbox-wrapper {
  margin-top: 32px;
  margin-bottom: 31px;
  max-width: 368px;
}
.winstonss .checkbox-wrapper .checkbox-container {
  flex-shrink: 0;
  border-radius: 12px;
  border: none;
  margin-right: 33px;
  width: 80px;
  min-width: 80px;
  height: 80px;
  background-color: var(--white);
}
.winstonss .checkbox-wrapper .checkmark {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
}
.winstonss .checkbox-wrapper .checkmark::after {
  position: static;
  border: none;
  transform: none;
  width: 37px;
  height: 29px;
  background: url(/images/check_black.svg?2811ca5c26e803c7b177c169915b4b7e) no-repeat center;
  background-size: contain;
}
.winstonss .checkbox-wrapper .checkbox-text {
  font-family: "Noto Sans Armenian";
  font-weight: 300;
  line-height: 27px;
  letter-spacing: 0.66px;
  color: var(--white);
}
.winstonss .step-1 .title {
  font-size: 17px;
  letter-spacing: 0;
}
.winstonss .step-3 .cigarette {
  margin-top: 16px;
  margin-bottom: 17px;
}
.winstonss .step-3 .cigarette-pack {
  width: 183px;
}
.winstonss .btns-wrap {
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
}
.winstonss .btn {
  border-radius: 5px;
  width: 368px;
  height: 80px;
  font-size: 27px;
  font-family: "Noto Sans Armenian";
  font-weight: 700;
  background: var(--blue-250);
  letter-spacing: 1.62px;
  color: var(--white);
}
.winstonss .btn:active {
  background: var(--black);
}
.winstonss .btn[disabled] {
  opacity: 0.5;
}
.winstonss .btn.active {
  background: var(--black);
}
.winstonss .btn.verify {
  margin-bottom: 30px;
}
.winstonss .form-field.has-error {
  margin-bottom: 10px;
}
.winstonss .form-field.has-error input {
  border-color: var(--orange-300);
}
.winstonss .form-field__label {
  margin-top: 0;
  margin-bottom: 14px;
  font-size: 22px;
  font-family: "Noto Sans Armenian";
  font-weight: 400;
  line-height: normal;
  color: var(--white);
  text-transform: uppercase;
  text-align: center;
}
.winstonss .form-field__label span {
  font-size: 25px;
  font-weight: 700;
  letter-spacing: 0.25px;
}
.winstonss .form-field input {
  border-radius: 5px;
  width: 368px;
  height: 80px;
  font-size: 25px;
  font-family: "Noto Sans Armenian";
  font-weight: 400;
  background: var(--white);
  line-height: normal;
  letter-spacing: 1.5px;
  color: var(--blue-900);
}
.winstonss form {
  margin-bottom: 150px;
  width: 100%;
  text-align: center;
}
.winstonss .brand-sub-title {
  margin-top: 5px;
  margin-bottom: 0;
  font-size: 19px;
  font-family: "Noto Sans Armenian";
  font-weight: 700;
  width: 100%;
  text-align: center;
  color: var(--white);
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.winstonss .cigarette {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin-top: 26px;
  margin-bottom: 43px;
  width: 100%;
}
.winstonss .cigarette > div {
  display: flex;
  justify-content: center;
  width: 100%;
  text-align: center;
  position: relative;
}
.winstonss .cigarette-pack {
  width: 365px;
  position: relative;
}
.winstonss .question-title {
  position: relative;
  margin-bottom: 26px;
  font-size: 22px;
  font-family: "Noto Sans Armenian";
  line-height: normal;
  color: var(--white);
  white-space: nowrap;
  text-transform: uppercase;
}
.winstonss .error {
  margin-bottom: 10px;
  visibility: hidden;
  font-size: 22px;
  font-family: "Noto Sans Armenian";
  text-transform: lowercase;
  color: var(--orange-300);
}
.winstonss .error.show {
  visibility: visible;
}
.winstonss .btns-wrap .btn {
  font-size: 21px;
  line-height: 27px;
  letter-spacing: 0.21px;
}
.winstonss .finish {
  font-family: "Noto Sans Armenian";
}
.winstonss .finish-title {
  order: -2;
  margin-top: 48px;
  color: var(--white);
  font-size: 28px;
  line-height: normal;
  letter-spacing: 0.84px;
  font-weight: 800;
  white-space: nowrap;
}
.winstonss .finish .greetings-text {
  order: -1;
  margin-bottom: 0;
  color: var(--white);
  font-size: 22px;
  font-weight: 300;
  line-height: normal;
}
.winstonss .finish .refill-img {
  margin-top: 48px;
  margin-bottom: 52px;
  width: 182px;
}
.winstonss .finish .contact-us {
  margin-top: 0;
  font-family: "Noto Sans Armenian";
  font-size: 22px;
  font-weight: 300;
  color: var(--white);
  white-space: nowrap;
  line-height: normal;
}
.winstonss .finish .contact-us + .contact-us {
  margin-top: 20px;
  margin-bottom: 150px;
}
.winstonss .finish .contact-us a {
  font-size: 32px;
  font-weight: 700;
  color: var(--white);
  text-decoration: none;
}
.winstonss .blocked {
  font-family: "Noto Sans Armenian";
  color: var(--white);
  text-align: center;
}
.winstonss .blocked-img {
  margin-top: 48px;
  margin-bottom: 45px;
  width: 206px;
}
.winstonss .blocked-title {
  margin-top: 0;
  margin-bottom: 35px;
  font-weight: 800;
  line-height: normal;
  letter-spacing: 0.9px;
}
.winstonss .blocked-text {
  margin-bottom: 0;
  color: var(--white);
  font-size: 22px;
  font-weight: 300;
  line-height: normal;
}
.winstonss .blocked .btn-wrap {
  margin-top: 35px;
  margin-bottom: 65px;
}
.winstonss .closed .blocked-img {
  width: 180px;
}
.winstonss .closed .blocked-title {
  font-size: 41px;
  letter-spacing: 1.23px;
}
@media (max-width: 991px) {
  .winstonss [class^=step-] .next-square-btn {
    margin-top: 8.3333333333vw;
    width: 13.3333333333vw;
  }
  .winstonss.steps > div {
    padding-top: 6.875vw;
    padding-right: 8.3333333333vw;
    padding-left: 8.3333333333vw;
  }
  .winstonss .brand-company-logo img, .winstonss .brand-company-logo svg {
    width: 16.25vw;
  }
  .winstonss .title {
    margin-top: 9.1666666667vw;
    margin-bottom: 9.1666666667vw;
    font-size: 5.2083333333vw;
  }
  .winstonss .radio-button {
    margin-bottom: 4.1666666667vw;
  }
  .winstonss .radio-button label {
    padding-top: 18.75vw;
    min-height: 16.6666666667vw;
    font-size: 4.5833333333vw;
  }
  .winstonss .radio-button input[type=radio] + label:before {
    width: 16.6666666667vw;
    height: 16.6666666667vw;
  }
  .winstonss .radio-button input[type=radio]:checked + label:after {
    top: 5vw;
    margin-left: -3.3333333333vw;
    width: 6.6666666667vw;
    height: 6.6666666667vw;
  }
  .winstonss .checkbox-wrapper {
    margin-top: 6.6666666667vw;
    margin-bottom: 6.4583333333vw;
    max-width: 76.6666666667vw;
  }
  .winstonss .checkbox-wrapper .checkbox-container {
    border-radius: 2.5vw;
    margin-right: 6.875vw;
    width: 16.6666666667vw;
    min-width: 16.6666666667vw;
    height: 16.6666666667vw;
  }
  .winstonss .checkbox-wrapper .checkmark {
    width: 16.6666666667vw;
    height: 16.6666666667vw;
  }
  .winstonss .checkbox-wrapper .checkmark::after {
    width: 7.7083333333vw;
    height: 6.0416666667vw;
  }
  .winstonss .checkbox-wrapper .checkbox-text {
    font-size: 4.5833333333vw;
  }
  .winstonss .rules-agree .btn {
    margin-bottom: 5.2083333333vw;
  }
  .winstonss .rules-agree .error {
    font-size: 3.75vw;
  }
  .winstonss .step-1 .title {
    font-size: 3.5416666667vw;
  }
  .winstonss .step-3 .cigarette {
    margin-top: 3.3333333333vw;
    margin-bottom: 3.5416666667vw;
  }
  .winstonss .step-3 .cigarette-pack {
    width: 38.125vw;
  }
  .winstonss .btn {
    width: 76.6666666667vw;
    height: 16.6666666667vw;
    font-size: 5.625vw;
  }
  .winstonss .btn.verify {
    margin-bottom: 6.25vw;
  }
  .winstonss .form-field__label {
    margin-bottom: 3.5416666667vw;
    font-size: 4.5833333333vw;
  }
  .winstonss .form-field input {
    width: 76.6666666667vw;
    height: 16.6666666667vw;
    font-size: 5.2083333333vw;
  }
  .winstonss form {
    margin-bottom: 31.25vw;
  }
  .winstonss .brand-sub-title {
    margin-top: 5.2083333333vw;
    font-size: 8.3333333333vw;
    line-height: 9.5833333333vw;
  }
  .winstonss .cigarette {
    margin-top: 5.4166666667vw;
    margin-bottom: 8.9583333333vw;
  }
  .winstonss .cigarette-pack {
    width: 76.0416666667vw;
  }
  .winstonss .question-title {
    margin-bottom: 5.4166666667vw;
    font-size: 4.5833333333vw;
  }
  .winstonss .error {
    font-size: 4.5833333333vw;
  }
  .winstonss .btns-wrap .btn {
    font-size: 4.375vw;
    line-height: 5.625vw;
  }
  .winstonss .finish {
    max-width: 100%;
  }
  .winstonss .finish-title {
    margin-top: 10vw;
    font-size: 5.8333333333vw;
  }
  .winstonss .finish .greetings-text {
    margin-top: 3.125vw;
    font-size: 4.5833333333vw;
  }
  .winstonss .finish .refill-img {
    margin-top: 10vw;
    margin-bottom: 10.8333333333vw;
    width: 37.9166666667vw;
  }
  .winstonss .finish .contact-us {
    font-size: 4.5833333333vw;
  }
  .winstonss .finish .contact-us + .contact-us {
    margin-top: 4.1666666667vw;
    margin-bottom: 31.25vw;
  }
  .winstonss .finish .contact-us a {
    margin-top: 2.0833333333vw;
    font-size: 6.6666666667vw;
  }
  .winstonss .blocked-title {
    margin-bottom: 7.2916666667vw;
    font-size: 6.25vw;
  }
  .winstonss .blocked-img {
    margin-top: 10vw;
    margin-bottom: 9.375vw;
    width: 42.9166666667vw;
  }
  .winstonss .blocked-text {
    font-size: 4.5833333333vw;
  }
  .winstonss .blocked .next-square-btn {
    width: 16.6666666667vw;
  }
  .winstonss .blocked .btn-wrap {
    margin-top: 7.2916666667vw;
    margin-bottom: 13.5416666667vw;
  }
  .winstonss .closed .blocked-title {
    font-size: 8.5416666667vw;
    line-height: 11.25vw;
  }
  .winstonss .closed .blocked-img {
    width: 37.5vw;
  }
}
@media (min-width: 992px) {
  .winstonss.steps > div {
    padding-bottom: 113px;
  }
}

.winxtyleslims {
  position: relative;
}
.winxtyleslims [class^=step-] {
  position: relative;
}
.winxtyleslims.steps {
  max-width: 480px;
}
.winxtyleslims.steps > div {
  padding-top: 33px;
  padding-right: 29px;
  padding-left: 29px;
  padding-bottom: 113px;
}
.winxtyleslims .brand-company-logo {
  display: flex;
  justify-content: flex-end;
  order: -2;
  width: 100%;
}
.winxtyleslims .brand-company-logo img, .winxtyleslims .brand-company-logo svg {
  width: 78px;
  -o-object-fit: contain;
     object-fit: contain;
}
.winxtyleslims .title {
  margin-top: 44px;
  margin-bottom: 44px;
  font-size: 25px;
  font-family: "Noto Sans Armenian";
  font-weight: 600;
  line-height: normal;
  color: var(--blue-260);
  letter-spacing: 0.25px;
  text-transform: uppercase;
  text-align: center;
}
.winxtyleslims .radio-button {
  margin-bottom: 20px;
}
.winxtyleslims .radio-button label {
  padding-top: 90px;
  min-height: 80px;
  font-family: "Noto Sans Armenian";
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.66px;
  color: var(--blue-260);
}
.winxtyleslims .radio-button input[type=radio] + label:before {
  border: none;
  width: 80px;
  height: 80px;
}
.winxtyleslims .radio-button input[type=radio]:checked + label:after {
  top: 24px;
  margin-left: -16px;
  width: 32px;
  height: 32px;
  background: var(--blue-260);
}
.winxtyleslims .rules-agree {
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.winxtyleslims .rules-agree .btn {
  margin-bottom: 25px;
}
.winxtyleslims .rules-agree .error {
  font-size: 18px;
  line-height: normal;
}
.winxtyleslims .checkbox-wrapper {
  margin-top: 32px;
  margin-bottom: 31px;
  max-width: 368px;
}
.winxtyleslims .checkbox-wrapper .checkbox-container {
  flex-shrink: 0;
  border-radius: 12px;
  border: none;
  margin-right: 33px;
  width: 80px;
  min-width: 80px;
  height: 80px;
  background-color: var(--white);
}
.winxtyleslims .checkbox-wrapper .checkmark {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
}
.winxtyleslims .checkbox-wrapper .checkmark::after {
  position: static;
  border: none;
  transform: none;
  width: 37px;
  height: 29px;
  background: url(/images/check_blue.svg?2347ec5de2ed337bc7356272b52b53a1) no-repeat center;
  background-size: contain;
}
.winxtyleslims .checkbox-wrapper .checkbox-text {
  font-family: "Noto Sans Armenian";
  font-weight: 300;
  line-height: 27px;
  letter-spacing: 0.66px;
  color: var(--blue-260);
}
.winxtyleslims .step-1 .title {
  font-size: 17px;
  letter-spacing: 0;
}
.winxtyleslims .step-3 .cigarette {
  margin-top: 16px;
  margin-bottom: 17px;
}
.winxtyleslims .step-3 .cigarette-pack {
  width: 238px;
}
.winxtyleslims .btns-wrap {
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
}
.winxtyleslims .btn {
  border-radius: 5px;
  width: 368px;
  height: 80px;
  font-size: 27px;
  font-family: "Noto Sans Armenian";
  font-weight: 700;
  background: var(--blue-260);
  letter-spacing: 1.62px;
  color: var(--white);
}
.winxtyleslims .btn:active {
  background: var(--black);
}
.winxtyleslims .btn[disabled] {
  opacity: 0.5;
  background-color: var(--blue-260);
}
.winxtyleslims .btn.active {
  background: var(--black);
}
.winxtyleslims .btn.verify {
  margin-bottom: 30px;
}
.winxtyleslims .form-field.has-error {
  margin-bottom: 10px;
}
.winxtyleslims .form-field.has-error input {
  border-color: var(--orange-330);
}
.winxtyleslims .form-field__label {
  margin-top: 0;
  margin-bottom: 14px;
  font-size: 22px;
  font-family: "Noto Sans Armenian";
  font-weight: 400;
  line-height: normal;
  color: var(--blue-260);
  text-transform: uppercase;
  text-align: center;
}
.winxtyleslims .form-field__label span {
  font-size: 25px;
  font-weight: 700;
  letter-spacing: 0.25px;
}
.winxtyleslims .form-field input {
  border-radius: 5px;
  width: 368px;
  height: 80px;
  font-size: 25px;
  font-family: "Noto Sans Armenian";
  font-weight: 400;
  background: var(--white);
  line-height: normal;
  letter-spacing: 1.5px;
  color: var(--blue-900);
}
.winxtyleslims form {
  width: 100%;
  text-align: center;
}
.winxtyleslims .brand-sub-title {
  margin-top: 5px;
  margin-bottom: 0;
  font-size: 19px;
  font-family: "Noto Sans Armenian";
  font-weight: 700;
  width: 100%;
  text-align: center;
  color: var(--white);
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.winxtyleslims .cigarette {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin-top: 26px;
  margin-bottom: 43px;
  width: 100%;
}
.winxtyleslims .cigarette > div {
  display: flex;
  justify-content: center;
  width: 100%;
  text-align: center;
  position: relative;
}
.winxtyleslims .cigarette-pack {
  width: 365px;
  position: relative;
}
.winxtyleslims .question-title {
  position: relative;
  margin-bottom: 26px;
  font-size: 22px;
  font-family: "Noto Sans Armenian";
  line-height: normal;
  color: var(--blue-260);
  white-space: nowrap;
  text-transform: uppercase;
}
.winxtyleslims .error {
  margin-bottom: 10px;
  visibility: hidden;
  font-size: 22px;
  font-family: "Noto Sans Armenian";
  text-transform: lowercase;
  color: var(--orange-330);
}
.winxtyleslims .error.show {
  visibility: visible;
}
.winxtyleslims .btns-wrap .btn {
  font-size: 21px;
  line-height: 27px;
  letter-spacing: 0.21px;
}
.winxtyleslims .finish {
  font-family: "Noto Sans Armenian";
}
.winxtyleslims .finish-title {
  order: -2;
  margin-top: 48px;
  color: var(--blue-260);
  font-size: 28px;
  line-height: normal;
  letter-spacing: 0.84px;
  font-weight: 800;
  white-space: nowrap;
}
.winxtyleslims .finish-title br:nth-of-type(2) {
  display: none;
}
.winxtyleslims .finish .greetings-text {
  order: -1;
  margin-bottom: 0;
  color: var(--blue-260);
  font-size: 22px;
  font-weight: 300;
  line-height: normal;
}
.winxtyleslims .finish .greetings-text br:nth-of-type(1) {
  display: none;
}
.winxtyleslims .finish .refill-img {
  margin-top: 48px;
  margin-bottom: 52px;
  width: 182px;
}
.winxtyleslims .finish .contact-us {
  margin-top: 0;
  font-family: "Noto Sans Armenian";
  font-size: 22px;
  font-weight: 300;
  color: var(--blue-260);
  white-space: nowrap;
  line-height: normal;
}
.winxtyleslims .finish .contact-us + .contact-us {
  margin-top: 20px;
  margin-bottom: 0;
}
.winxtyleslims .finish .contact-us a {
  font-size: 32px;
  font-weight: 700;
  color: var(--blue-260);
  text-decoration: none;
}
.winxtyleslims .finish .contact {
  padding-top: 75px;
}
.winxtyleslims .blocked {
  font-family: "Noto Sans Armenian";
  color: var(--blue-260);
  text-align: center;
}
.winxtyleslims .blocked-img {
  margin-top: 48px;
  margin-bottom: 45px;
  width: 206px;
}
.winxtyleslims .blocked-title {
  margin-top: 0;
  margin-bottom: 35px;
  font-weight: 800;
  line-height: normal;
  letter-spacing: 0.9px;
}
.winxtyleslims .blocked-text {
  margin-bottom: 0;
  color: var(--blue-260);
  font-size: 22px;
  font-weight: 300;
  line-height: normal;
}
.winxtyleslims .blocked .btn-wrap {
  margin-top: 35px;
  margin-bottom: 65px;
}
.winxtyleslims .blocked .contact {
  padding-top: 100px;
}
.winxtyleslims .closed .blocked-img {
  width: 180px;
}
.winxtyleslims .closed .blocked-title {
  font-size: 41px;
  letter-spacing: 1.23px;
}
@media (max-width: 767px) {
  .winxtyleslims [class^=step-] .next-square-btn {
    margin-top: 8.3333333333vw;
    width: 13.3333333333vw;
  }
  .winxtyleslims.steps > div {
    padding-top: 6.875vw;
    padding-right: 8.3333333333vw;
    padding-left: 8.3333333333vw;
    padding-bottom: 23.5416666667vw;
  }
  .winxtyleslims .brand-company-logo img, .winxtyleslims .brand-company-logo svg {
    width: 16.25vw;
  }
  .winxtyleslims .title {
    margin-top: 9.1666666667vw;
    margin-bottom: 9.1666666667vw;
    font-size: 5.2083333333vw;
  }
  .winxtyleslims .radio-button {
    margin-bottom: 4.1666666667vw;
  }
  .winxtyleslims .radio-button label {
    padding-top: 18.75vw;
    min-height: 16.6666666667vw;
    font-size: 4.5833333333vw;
  }
  .winxtyleslims .radio-button input[type=radio] + label:before {
    width: 16.6666666667vw;
    height: 16.6666666667vw;
  }
  .winxtyleslims .radio-button input[type=radio]:checked + label:after {
    top: 5vw;
    margin-left: -3.3333333333vw;
    width: 6.6666666667vw;
    height: 6.6666666667vw;
  }
  .winxtyleslims .checkbox-wrapper {
    margin-top: 6.6666666667vw;
    margin-bottom: 6.4583333333vw;
    max-width: 76.6666666667vw;
  }
  .winxtyleslims .checkbox-wrapper .checkbox-container {
    border-radius: 2.5vw;
    margin-right: 6.875vw;
    width: 16.6666666667vw;
    min-width: 16.6666666667vw;
    height: 16.6666666667vw;
  }
  .winxtyleslims .checkbox-wrapper .checkmark {
    width: 16.6666666667vw;
    height: 16.6666666667vw;
  }
  .winxtyleslims .checkbox-wrapper .checkmark::after {
    width: 7.7083333333vw;
    height: 6.0416666667vw;
  }
  .winxtyleslims .checkbox-wrapper .checkbox-text {
    font-size: 4.5833333333vw;
  }
  .winxtyleslims .rules-agree .btn {
    margin-bottom: 5.2083333333vw;
  }
  .winxtyleslims .rules-agree .error {
    font-size: 3.75vw;
  }
  .winxtyleslims .step-1 .title {
    font-size: 3.5416666667vw;
  }
  .winxtyleslims .step-3 .cigarette {
    margin-top: 3.3333333333vw;
    margin-bottom: 3.5416666667vw;
  }
  .winxtyleslims .step-3 .cigarette-pack {
    width: 49.5833333333vw;
  }
  .winxtyleslims .btn {
    width: 76.6666666667vw;
    height: 16.6666666667vw;
    font-size: 5.625vw;
  }
  .winxtyleslims .btn.verify {
    margin-bottom: 6.25vw;
  }
  .winxtyleslims .form-field__label {
    margin-bottom: 3.5416666667vw;
    font-size: 4.5833333333vw;
  }
  .winxtyleslims .form-field__label span {
    font-size: 5.2083333333vw;
  }
  .winxtyleslims .form-field input {
    width: 76.6666666667vw;
    height: 16.6666666667vw;
    font-size: 5.2083333333vw;
  }
  .winxtyleslims .brand-sub-title {
    margin-top: 5.2083333333vw;
    font-size: 8.3333333333vw;
    line-height: 9.5833333333vw;
  }
  .winxtyleslims .cigarette {
    margin-top: 5.4166666667vw;
    margin-bottom: 8.9583333333vw;
  }
  .winxtyleslims .cigarette-pack {
    width: 76.0416666667vw;
  }
  .winxtyleslims .question-title {
    margin-bottom: 5.4166666667vw;
    font-size: 4.5833333333vw;
  }
  .winxtyleslims .error {
    font-size: 4.5833333333vw;
  }
  .winxtyleslims .btns-wrap .btn {
    font-size: 4.375vw;
    line-height: 5.625vw;
  }
  .winxtyleslims .finish {
    max-width: 100%;
  }
  .winxtyleslims .finish-title {
    margin-top: 10vw;
    font-size: 5.8333333333vw;
  }
  .winxtyleslims .finish .greetings-text {
    margin-top: 3.125vw;
    font-size: 4.5833333333vw;
  }
  .winxtyleslims .finish .refill-img {
    margin-top: 10vw;
    margin-bottom: 10.8333333333vw;
    width: 37.9166666667vw;
  }
  .winxtyleslims .finish .contact-us {
    font-size: 4.5833333333vw;
  }
  .winxtyleslims .finish .contact-us + .contact-us {
    margin-top: 4.1666666667vw;
  }
  .winxtyleslims .finish .contact-us a {
    margin-top: 2.0833333333vw;
    font-size: 6.6666666667vw;
  }
  .winxtyleslims .finish .contact {
    padding-top: 15.625vw;
  }
  .winxtyleslims .blocked-title {
    margin-bottom: 7.2916666667vw;
    font-size: 6.25vw;
  }
  .winxtyleslims .blocked-img {
    margin-top: 10vw;
    margin-bottom: 9.375vw;
    width: 42.9166666667vw;
  }
  .winxtyleslims .blocked-text {
    font-size: 4.5833333333vw;
  }
  .winxtyleslims .blocked .next-square-btn {
    width: 16.6666666667vw;
  }
  .winxtyleslims .blocked .btn-wrap {
    margin-top: 7.2916666667vw;
    margin-bottom: 13.5416666667vw;
  }
  .winxtyleslims .blocked .contact {
    padding-top: 20.8333333333vw;
  }
  .winxtyleslims .closed .blocked-title {
    font-size: 8.5416666667vw;
    line-height: 11.25vw;
  }
  .winxtyleslims .closed .blocked-img {
    width: 37.5vw;
  }
}
@media (min-width: 768px) {
  .winxtyleslims.steps > div {
    padding-bottom: 113px;
  }
}

.winxtyleslimsv2 {
  position: relative;
  font-family: "Noto Sans Armenian";
}
.winxtyleslimsv2 [class^=step-] {
  position: relative;
}
.winxtyleslimsv2 [class^=step-] .next-square-btn {
  margin-top: 25px;
  width: 64px;
}
.winxtyleslimsv2.steps {
  max-width: 480px;
}
.winxtyleslimsv2.steps > div {
  padding-top: 19px;
  padding-right: 26px;
  padding-left: 26px;
  padding-bottom: 113px;
}
.winxtyleslimsv2 .step-0 {
  overflow: hidden;
}
.winxtyleslimsv2 .step-1 .cigarette-pack {
  margin: 0;
}
.winxtyleslimsv2 .step-1 .notice-wrap {
  margin-bottom: 50px;
}
.winxtyleslimsv2 .step-2 .btn-wrap, .winxtyleslimsv2 .step-4 .btn-wrap {
  margin-bottom: 60px;
}
.winxtyleslimsv2 .step-3 .btn-wrap .btn {
  margin-bottom: 19px;
}
.winxtyleslimsv2 .step-3 form {
  margin-bottom: 60px;
}
.winxtyleslimsv2 .brand-company-logo img {
  width: 109px;
}
.winxtyleslimsv2 .btns-wrap {
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0 24px;
}
.winxtyleslimsv2 .btns-wrap .btn {
  width: 48%;
}
.winxtyleslimsv2 .btns-wrap .btn--full {
  width: 100%;
}
.winxtyleslimsv2 .image-picker {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 18px;
  padding: 0 12px;
}
.winxtyleslimsv2 .image-picker__image {
  margin: 6px;
  width: 188px;
  height: 188px;
  position: relative;
  cursor: pointer;
}
.winxtyleslimsv2 .image-picker__image.active img {
  border-color: var(--blue-260);
  border-width: 9px;
}
.winxtyleslimsv2 .image-picker__image img {
  display: inline-block;
  border: 3px solid var(--white);
  border-radius: 12px;
}
.winxtyleslimsv2 .btn {
  border-radius: 12px;
  font-size: 22px;
  font-family: "Noto Sans Armenian";
  font-weight: 700;
  background: var(--blue-260);
  letter-spacing: 0;
  color: var(--white);
}
.winxtyleslimsv2 .btn:active {
  background: var(--blue-355);
}
.winxtyleslimsv2 .btn.active {
  background: var(--blue-355);
}
.winxtyleslimsv2 .btn[disabled] {
  opacity: 0.4;
  background-color: var(--blue-260);
}
.winxtyleslimsv2 .brand-sub-title {
  margin-top: 18px;
  margin-bottom: 0;
  font-size: 25px;
  font-family: "Noto Sans Armenian";
  line-height: 34px;
  font-weight: 700;
  width: 100%;
  text-align: center;
  color: var(--blue-260);
  letter-spacing: 0.25px;
  text-transform: uppercase;
}
.winxtyleslimsv2 .brand-sub-title span {
  font-size: 45px;
  line-height: 45px;
  letter-spacing: 0.45px;
}
.winxtyleslimsv2 .brand-sub-title strong {
  color: var(--orange-310);
}
.winxtyleslimsv2 .product {
  margin-top: 28px;
  margin-bottom: 35px;
  height: 389px;
}
.winxtyleslimsv2 .product .animate {
  visibility: visible;
  opacity: 1;
}
.winxtyleslimsv2 .product__image {
  position: relative;
  margin-right: 17px;
  width: 200px;
}
.winxtyleslimsv2 .product__image img {
  transform: translateX(-768px);
  transition: 0.4s ease;
  box-shadow: -3px 4px 8px 0px rgba(0, 0, 0, 0.4);
}
.winxtyleslimsv2 .product__image svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  transition: 0.4s ease;
}
.winxtyleslimsv2 .product__image .animate {
  transform: translateX(0);
}
.winxtyleslimsv2 .product__shadow {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 197px;
  height: 205px;
  transform: translateX(-768px);
  transition: 0.4s ease;
}
.winxtyleslimsv2 .product__shadow .loading-gradient {
  top: 0;
  left: 0;
  animation: 2s linear infinite loading-animation;
}
.winxtyleslimsv2 .product__shadow .loader-icon {
  position: relative;
  overflow: hidden;
  width: 197px;
  height: 205px;
  -webkit-clip-path: url(#loadingPath);
          clip-path: url(#loadingPath);
}
.winxtyleslimsv2 .product__shadow .xstyle {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
@keyframes loading-animation {
  0% {
    transform: translate(-50%, -50%) skew(137deg);
  }
  100% {
    transform: translate(50%, 50%) skew(137deg);
  }
}
.winxtyleslimsv2 .product__benefit-title {
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
  transition: 1s ease;
  color: var(--blue-260);
}
.winxtyleslimsv2 .product__benefit-image {
  border-radius: 10px;
  margin-right: 15px;
  width: 68px;
  height: 68px;
  background-color: var(--blue-260);
  box-shadow: 0px 0px 8px 0px #0476DF, 0px 0px 8px 0px #FFF inset, 0px 0px 3px 0px rgba(255, 255, 255, 0.5) inset;
}
.winxtyleslimsv2 .product__benefit {
  width: 193px;
}
.winxtyleslimsv2 .product__benefit:last-of-type .product__benefit-image {
  box-shadow: 0px 0px 8px 0px #FFF inset, 0px 0px 3px 0px rgba(255, 255, 255, 0.5) inset;
  filter: drop-shadow(0px 0px 8px #FB7A00);
  background-color: #FB7A00;
}
.winxtyleslimsv2 .product__benefit + .product__benefit {
  margin-top: 12px;
}
.winxtyleslimsv2 .btn-link {
  margin-top: 13px;
  margin-bottom: 50px;
  color: var(--blue-260);
  font-size: 20px;
  font-family: "Noto Sans Armenian";
  font-weight: 500;
}
.winxtyleslimsv2 .next-square-btn[disabled] {
  cursor: not-allowed;
  opacity: 0.4;
}
.winxtyleslimsv2 .notice-wrap {
  position: relative;
  width: 100%;
}
.winxtyleslimsv2 .notice {
  margin-top: 25px;
  width: 100%;
  color: var(--blue-260);
  text-align: center;
  font-size: 17px;
  font-weight: 300;
  line-height: 24px;
}
.winxtyleslimsv2 .pack-form {
  max-width: 368px;
  width: 100%;
}
.winxtyleslimsv2 .pack-form .btn {
  border-radius: 12px;
  height: 80px;
  font-size: 22px;
  letter-spacing: 1.32px;
}
.winxtyleslimsv2 .form-field input {
  border-radius: 12px;
  height: 80px;
  font-size: 22px;
  font-family: "Noto Sans Armenian";
  letter-spacing: 0.22px;
}
.winxtyleslimsv2 .cigarette {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin-top: 15px;
  margin-bottom: 20px;
  width: 100%;
}
.winxtyleslimsv2 .cigarette--pack-code .cigarette-pack {
  height: 353px;
}
.winxtyleslimsv2 .cigarette > div {
  display: flex;
  justify-content: center;
  width: 100%;
  text-align: center;
  position: relative;
}
.winxtyleslimsv2 .cigarette-pack {
  height: 320px;
  position: relative;
}
.winxtyleslimsv2 .cigarette-notice {
  margin: 0;
  font-family: "Noto Sans Armenian";
  font-weight: 700;
  font-size: 35px;
  line-height: 36px;
  text-align: center;
  color: var(--blue-260);
  letter-spacing: 1.05px;
  text-transform: uppercase;
}
.winxtyleslimsv2 .cigarette-notice span {
  font-size: 22px;
  font-weight: 400;
  line-height: 35px;
  letter-spacing: 0.22px;
}
.winxtyleslimsv2 .question-title {
  margin-bottom: 18px;
  font-size: 20px;
  font-family: "Noto Sans Armenian";
  font-weight: 600;
  line-height: normal;
  color: var(--blue-260);
  letter-spacing: 0.2px;
}
.winxtyleslimsv2 .dots {
  display: flex;
  align-items: center;
  justify-content: center;
}
.winxtyleslimsv2 .dots span {
  display: block;
  border-radius: 50%;
  margin: 0 7px;
  width: 18px;
  height: 18px;
  background-color: var(--blue-260);
}
.winxtyleslimsv2 .dots span.active {
  background-color: var(--white);
}
.winxtyleslimsv2 .error {
  margin-bottom: 15px;
  font-family: "Noto Sans Armenian";
  color: var(--error);
}
.winxtyleslimsv2 .finish {
  font-family: "Noto Sans Armenian";
  text-align: center;
}
.winxtyleslimsv2 .finish-title {
  margin-top: 50px;
  color: var(--blue-260);
  font-size: 30px;
  line-height: normal;
  letter-spacing: 0.9px;
  font-weight: 800;
  white-space: nowrap;
}
.winxtyleslimsv2 .finish .refill-img {
  margin-top: 47px;
  margin-bottom: 47px;
  width: 175px;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.winxtyleslimsv2 .finish .contact-us {
  margin-top: 0;
  font-size: 22px;
  font-family: "Noto Sans Armenian";
  font-weight: 400;
  color: var(--blue-260);
  white-space: nowrap;
  line-height: 1.2;
}
.winxtyleslimsv2 .finish .contact-us a {
  margin-top: 15px;
  font-size: 1em;
  font-weight: 700;
  color: var(--blue-260);
  text-decoration: none;
}
.winxtyleslimsv2 .finish .contact-us + .contact-us {
  margin-top: 20px;
  margin-bottom: 150px;
}
.winxtyleslimsv2 .finish .greetings-text {
  margin-top: 15px;
  margin-bottom: 30px;
  color: var(--orange-310);
  font-size: 24px;
  font-weight: 700;
}
.winxtyleslimsv2 .finish .btn-wrap {
  margin-top: 24px;
  margin-bottom: 50px;
}
.winxtyleslimsv2 .blocked {
  font-family: "Noto Sans Armenian";
  color: var(--blue-260);
  text-align: center;
}
.winxtyleslimsv2 .blocked .brand-company-logo {
  order: -2;
}
.winxtyleslimsv2 .blocked-title {
  order: -1;
  margin-top: 50px;
  margin-bottom: 0;
  font-weight: 800;
  line-height: normal;
  letter-spacing: 0.9px;
}
.winxtyleslimsv2 .blocked-img {
  margin-top: 47px;
  margin-bottom: 55px;
  width: 206px;
}
.winxtyleslimsv2 .blocked-text {
  margin-bottom: 0;
  padding-bottom: 120px;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.2;
}
.winxtyleslimsv2 .closed .blocked-title {
  font-size: 41px;
  line-height: 54px;
  letter-spacing: 1.23px;
}
.winxtyleslimsv2 .closed .blocked-img {
  margin-top: 74px;
  margin-bottom: 63px;
  width: 180px;
}
.winxtyleslimsv2 .unsubscribe .brand-company-logo {
  order: -1;
}
.winxtyleslimsv2 .unsubscribe > svg {
  width: 107px;
}
.winxtyleslimsv2 .unsubscribe-title {
  order: -1;
  margin-top: 60px;
  margin-bottom: 25px;
  font-size: 30px;
  font-family: "Noto Sans Armenian";
  color: var(--blue-260);
}
.winxtyleslimsv2 .unsubscribe-text {
  font-size: 20px;
  font-family: "Noto Sans Armenian";
  font-weight: 400;
  color: var(--blue-260);
  letter-spacing: 0.2px;
}
.winxtyleslimsv2 .unsubscribe textarea {
  font-family: "Noto Sans Armenian";
  border-radius: 8px;
  border-color: var(--blue-260);
  color: var(--dark-500);
}
.winxtyleslimsv2 .unsubscribe textarea::-moz-placeholder {
  color: var(--dark-500);
}
.winxtyleslimsv2 .unsubscribe textarea::placeholder {
  color: var(--dark-500);
}
.winxtyleslimsv2 .unsubscribe textarea:-moz-placeholder {
  color: var(--dark-500);
}
.winxtyleslimsv2 .unsubscribe textarea::-moz-placeholder {
  color: var(--dark-500);
}
.winxtyleslimsv2 .unsubscribe textarea:-ms-input-placeholder {
  color: var(--dark-500);
}
.winxtyleslimsv2 .unsubscribe textarea::-webkit-input-placeholder {
  color: var(--dark-500);
}
.winxtyleslimsv2 .unsubscribe .btns-wrap .btn {
  width: 100%;
}
.winxtyleslimsv2 .unsubscribe .btn {
  font-size: 22px;
  font-weight: 500;
  text-transform: none;
  letter-spacing: -0.44px;
}
.winxtyleslimsv2 .unsubscribe .btn-wrap {
  margin-bottom: 55px;
}
@media (max-width: 767px) {
  .winxtyleslimsv2.steps > div {
    padding: 3.9583333333vw 5.4166666667vw 23.5416666667vw;
  }
  .winxtyleslimsv2 [class^=step-] .next-square-btn {
    margin-top: 8.3333333333vw;
    width: 13.3333333333vw;
  }
  .winxtyleslimsv2 .brand-company-logo img {
    width: 22.7083333333vw;
  }
  .winxtyleslimsv2 .btns-wrap {
    padding: 0 5vw;
  }
  .winxtyleslimsv2 .image-picker {
    margin-top: 3.75vw;
    padding: 0 2.5vw;
  }
  .winxtyleslimsv2 .image-picker__image {
    margin: 1.25vw;
    width: 39.1666666667vw;
    height: 39.1666666667vw;
  }
  .winxtyleslimsv2 .image-picker__image.active img {
    border-width: 1.875vw;
  }
  .winxtyleslimsv2 .image-picker__image img {
    border-width: 0.625vw;
    border-radius: 2.5vw;
  }
  .winxtyleslimsv2 .btn {
    height: 13.3333333333vw;
    font-size: 4.5833333333vw;
  }
  .winxtyleslimsv2 .brand-sub-title {
    margin-top: 3.75vw;
    font-size: 5.2083333333vw;
    line-height: 7.0833333333vw;
  }
  .winxtyleslimsv2 .brand-sub-title span {
    font-size: 9.375vw;
    line-height: 9.375vw;
  }
  .winxtyleslimsv2 .btn-link {
    margin-top: 2.7083333333vw;
    margin-bottom: 10.4166666667vw;
    font-size: 4.1666666667vw;
  }
  .winxtyleslimsv2 .product {
    margin-top: 5.8333333333vw;
    margin-bottom: 7.2916666667vw;
    height: 81.0416666667vw;
  }
  .winxtyleslimsv2 .product__image {
    margin-right: 3.5416666667vw;
    width: 41.6666666667vw;
  }
  .winxtyleslimsv2 .product__shadow {
    width: 41.0416666667vw;
    height: 42.7083333333vw;
  }
  .winxtyleslimsv2 .product__shadow .loader-icon {
    width: 41.0416666667vw;
    height: 42.7083333333vw;
  }
  .winxtyleslimsv2 .product__benefit-title {
    font-size: 2.9166666667vw;
    line-height: 3.75vw;
  }
  .winxtyleslimsv2 .product__benefit-image {
    border-radius: 2.0833333333vw;
    margin-right: 3.125vw;
    width: 14.1666666667vw;
    height: 14.1666666667vw;
  }
  .winxtyleslimsv2 .product__benefit {
    width: 40.2083333333vw;
  }
  .winxtyleslimsv2 .product__benefit + .product__benefit {
    margin-top: 2.5vw;
  }
  .winxtyleslimsv2 .notice {
    margin-top: 5.2083333333vw;
    font-size: 3.5416666667vw;
    line-height: 5vw;
  }
  .winxtyleslimsv2 .pack-form {
    max-width: 76.6666666667vw;
  }
  .winxtyleslimsv2 .pack-form .btn {
    border-radius: 2.5vw;
    height: 16.6666666667vw;
    font-size: 4.5833333333vw;
  }
  .winxtyleslimsv2 .form-field input {
    border-radius: 2.5vw;
    height: 16.6666666667vw;
    font-size: 4.5833333333vw;
  }
  .winxtyleslimsv2 .step-1 .notice-wrap {
    margin-bottom: 10.4166666667vw;
  }
  .winxtyleslimsv2 .step-2 .btn-wrap, .winxtyleslimsv2 .step-4 .btn-wrap {
    margin-bottom: 12.5vw;
  }
  .winxtyleslimsv2 .step-3 form {
    margin-bottom: 12.5vw;
  }
  .winxtyleslimsv2 .cigarette {
    margin-top: 3.125vw;
    margin-bottom: 4.1666666667vw;
  }
  .winxtyleslimsv2 .cigarette--pack-code .cigarette-pack {
    height: 73.5416666667vw;
  }
  .winxtyleslimsv2 .cigarette-pack {
    width: auto;
    height: 66.6666666667vw;
  }
  .winxtyleslimsv2 .cigarette-notice {
    font-size: 7.2916666667vw;
    line-height: 7.5vw;
  }
  .winxtyleslimsv2 .cigarette-notice span {
    font-size: 4.5833333333vw;
    line-height: 7.2916666667vw;
  }
  .winxtyleslimsv2 .question-title {
    margin-bottom: 3.75vw;
    font-size: 4.1666666667vw;
  }
  .winxtyleslimsv2 .dots span {
    margin: 0 1.4583333333vw;
    width: 3.75vw;
    height: 3.75vw;
  }
  .winxtyleslimsv2 .error {
    margin-top: 3.125vw;
    font-size: 2.7083333333vw;
  }
  .winxtyleslimsv2 .finish {
    max-width: 100%;
  }
  .winxtyleslimsv2 .finish-title {
    margin-top: 10.4166666667vw;
    font-size: 6.25vw;
  }
  .winxtyleslimsv2 .finish .refill-img {
    margin-top: 9.7916666667vw;
    margin-bottom: 9.7916666667vw;
    width: 36.4583333333vw;
  }
  .winxtyleslimsv2 .finish .contact-us {
    font-size: 4.5833333333vw;
  }
  .winxtyleslimsv2 .finish .contact-us a {
    margin-top: 3.125vw;
  }
  .winxtyleslimsv2 .finish .contact-us + .contact-us {
    margin-top: 4.1666666667vw;
    margin-bottom: 31.25vw;
  }
  .winxtyleslimsv2 .finish .greetings-text {
    margin-top: 3.125vw;
    margin-bottom: 6.25vw;
    font-size: 5vw;
  }
  .winxtyleslimsv2 .finish .btn-wrap {
    margin-top: 5vw;
    margin-bottom: 10.4166666667vw;
  }
  .winxtyleslimsv2 .blocked-title {
    margin-top: 10.4166666667vw;
    font-size: 6.25vw;
  }
  .winxtyleslimsv2 .blocked-img {
    margin-top: 9.7916666667vw;
    margin-bottom: 11.4583333333vw;
    width: 42.9166666667vw;
  }
  .winxtyleslimsv2 .blocked-text {
    font-size: 4.5833333333vw;
    padding-bottom: 25vw;
  }
  .winxtyleslimsv2 .closed .blocked-title {
    font-size: 8.5416666667vw;
    line-height: 11.25vw;
  }
  .winxtyleslimsv2 .closed .blocked-img {
    margin-top: 15.4166666667vw;
    margin-bottom: 13.125vw;
    width: 37.5vw;
  }
  .winxtyleslimsv2 .unsubscribe > svg {
    width: 22.2916666667vw;
  }
  .winxtyleslimsv2 .unsubscribe-title {
    margin-top: 12.5vw;
    margin-bottom: 5.2083333333vw;
    font-size: 6.25vw;
  }
  .winxtyleslimsv2 .unsubscribe-text {
    margin-top: 3.125vw;
    font-size: 4.1666666667vw;
    line-height: 6.6666666667vw;
  }
  .winxtyleslimsv2 .unsubscribe .btn {
    font-size: 4.5833333333vw;
  }
  .winxtyleslimsv2 .unsubscribe .next-square-btn {
    margin-top: 8.3333333333vw;
  }
  .winxtyleslimsv2 .unsubscribe .btn-wrap {
    margin-bottom: 11.4583333333vw;
  }
}
.winks {
  position: relative;
  font-family: "Noto Sans Armenian";
}
.winks [class^=step-] {
  position: relative;
}
.winks [class^=step-] .next-square-btn {
  margin-top: 25px;
  width: 64px;
}
.winks.steps {
  max-width: 480px;
}
.winks.steps > div {
  padding-top: 30px;
  padding-right: 26px;
  padding-left: 26px;
  padding-bottom: 113px;
}
.winks .step-0 {
  overflow: hidden;
}
.winks .step-0 .brand-company-logo img {
  width: 198px;
}
.winks .step-1 .btn-wrap, .winks .step-2 .btn-wrap {
  margin-bottom: 60px;
}
.winks .brand-company-logo {
  justify-content: center;
}
.winks .brand-company-logo img {
  width: 146px;
}
.winks .btns-wrap {
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0 24px;
}
.winks .btns-wrap .btn {
  width: 48%;
}
.winks .btns-wrap .btn--full {
  width: 100%;
}
.winks .btn {
  border-radius: 12px;
  height: 64px;
  font-size: 22px;
  font-family: "Noto Sans Armenian";
  font-weight: 700;
  background: var(--blue-180);
  letter-spacing: 0;
  color: var(--blue-600);
  white-space: pre-line;
}
.winks .btn:active {
  background: var(--blue-600);
  color: var(--white);
}
.winks .btn.active {
  background: var(--blue-600);
  color: var(--white);
}
.winks .btn[disabled] {
  opacity: 0.4;
  background-color: var(--blue-180);
}
.winks .brand-sub-title {
  margin-top: 38px;
  margin-bottom: 0;
  font-size: 35px;
  font-family: "Noto Sans Armenian";
  line-height: 43px;
  font-weight: 800;
  width: 100%;
  text-align: center;
  color: var(--white);
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.winks .brand-sub-title span {
  font-size: 60px;
  line-height: 46px;
  font-weight: 700;
  letter-spacing: 0;
}
.winks .flip-box {
  width: 190px;
  height: 304px;
  perspective: 1000px;
  cursor: pointer;
}
.winks .flip-box.flip .flip-box-inner {
  transform: rotateY(180deg);
}
.winks .flip-box.flip:hover .flip-box-inner {
  transform: rotateY(0deg);
}
.winks .flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}
.winks .flip-box-front, .winks .flip-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}
.winks .flip-box-back {
  transform: rotateY(180deg);
}
.winks .product {
  margin-top: 48px;
  margin-bottom: 40px;
}
.winks .product__image {
  position: relative;
  margin-right: 20px;
  width: 190px;
}
.winks .product__about {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: var(--white);
  font-size: 15px;
  font-weight: 400;
  text-align: center;
}
.winks .product__about p {
  margin: 10px 0;
  line-height: 26px;
  white-space: nowrap;
}
.winks .product__about span {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 12px;
  margin-bottom: 24px;
  width: 114px;
  height: 35px;
  background-color: var(--orange-290);
  text-transform: uppercase;
  opacity: 0;
  visibility: hidden;
  position: relative;
  z-index: 1;
}
.winks .product__about span.show {
  opacity: 1;
  visibility: visible;
}
.winks .product__arrow {
  margin-top: -30px;
  margin-bottom: -20px;
  width: 90px;
  cursor: pointer;
}
.winks .product__benefit-title {
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
  transition: 1s ease;
  color: var(--white);
}
.winks .product__benefit-image {
  border: 2px solid var(--blue-185);
  border-radius: 14px;
  margin-right: 15px;
  padding: 6px;
  width: 72px;
  height: 72px;
  background-color: var(--blue-260);
  background: linear-gradient(137deg, #006bb2, #467eb2, #B3BBC5 50%, #006bb2, #1860ab);
  background-size: 300% 300%;
  animation: gradient-animation 10s ease infinite;
  box-shadow: -3px 3px 4px 0px rgba(0, 0, 0, 0.4);
}
.winks .product__benefit {
  width: 193px;
}
.winks .product__benefit + .product__benefit {
  margin-top: 12px;
}
.winks .btn-link {
  margin-top: 13px;
  margin-bottom: 50px;
  color: var(--white);
  font-size: 20px;
  font-family: "Noto Sans Armenian";
  font-weight: 600;
  letter-spacing: 0.01em;
  text-transform: uppercase;
}
.winks .next-square-btn[disabled] {
  cursor: not-allowed;
  opacity: 0.4;
}
.winks .notice-wrap {
  position: relative;
  width: 100%;
}
.winks .notice {
  margin-top: 25px;
  width: 100%;
  color: var(--white);
  text-align: center;
  font-size: 18px;
  font-weight: 300;
  line-height: 27px;
}
.winks .cigarette {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin-top: 65px;
  margin-bottom: 20px;
  width: 100%;
}
.winks .cigarette--pack-code .cigarette-pack {
  height: 353px;
}
.winks .cigarette > div {
  display: flex;
  justify-content: center;
  width: 100%;
  text-align: center;
  position: relative;
}
.winks .cigarette-pack {
  height: 274px;
  position: relative;
  -o-object-fit: contain;
     object-fit: contain;
}
.winks .cigarette-notice {
  margin: 0;
  font-family: "Noto Sans Armenian";
  font-weight: 600;
  font-size: 26px;
  line-height: normal;
  text-align: center;
  color: var(--white);
  text-transform: uppercase;
}
.winks .cigarette-notice sub {
  bottom: -0.1em;
}
.winks .question-title {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 20px;
  font-family: "Noto Sans Armenian";
  font-weight: 500;
  line-height: normal;
  color: var(--white);
  letter-spacing: 0.01em;
}
.winks .dots {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px 0;
}
.winks .dots span {
  display: block;
  border-radius: 50%;
  margin: 0 7px;
  width: 18px;
  height: 18px;
  background-color: var(--blue-180);
}
.winks .dots span.active {
  background-color: var(--white);
}
.winks .error {
  margin-bottom: 15px;
  font-family: "Noto Sans Armenian";
  color: var(--error);
}
.winks .finish {
  font-family: "Noto Sans Armenian";
  text-align: center;
}
.winks .finish-title {
  margin-top: 50px;
  color: var(--white);
  font-size: 31px;
  line-height: normal;
  font-weight: 800;
  white-space: nowrap;
}
.winks .finish .refill-img {
  margin-top: 48px;
  margin-bottom: 33px;
  width: auto;
  height: 242px;
  -o-object-fit: contain;
     object-fit: contain;
}
.winks .finish .contact-us {
  margin-top: 0;
  margin-bottom: 150px;
  font-size: 16px;
  font-family: "Noto Sans Armenian";
  font-weight: 300;
  color: var(--white);
  white-space: nowrap;
  line-height: normal;
  letter-spacing: 0.01em;
}
.winks .finish .contact-us a {
  margin-top: 0;
  font-size: 1.31em;
  font-weight: 500;
  color: var(--white);
}
.winks .finish .greetings-text {
  margin-bottom: 35px;
  color: var(--white);
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.01em;
  line-height: normal;
}
.winks .blocked {
  font-family: "Noto Sans Armenian";
  color: var(--white);
  text-align: center;
}
.winks .blocked-title {
  margin-top: 48px;
  margin-bottom: 30px;
  font-size: 34px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.01em;
}
.winks .blocked-img {
  margin-top: 50px;
  width: 226px;
}
.winks .blocked-text {
  margin-bottom: 0;
  padding-bottom: 250px;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.2;
}
.winks .closed .blocked-title {
  font-size: 41px;
  line-height: 54px;
  letter-spacing: 1.23px;
}
.winks .closed .blocked-img {
  width: 180px;
}
.winks .unsubscribe > svg {
  margin-top: 62px;
  width: 152px;
}
.winks .unsubscribe-title {
  margin-top: 50px;
  margin-bottom: 25px;
  font-size: 30px;
  font-family: "Noto Sans Armenian";
  color: var(--white);
}
.winks .unsubscribe-text {
  margin-top: 0;
  font-size: 20px;
  font-family: "Noto Sans Armenian";
  font-weight: 400;
  color: var(--white);
  letter-spacing: 0.01em;
}
.winks .unsubscribe textarea {
  font-family: "Noto Sans Armenian";
  border-radius: 8px;
  border-color: var(--blue-600);
  color: var(--blue-600);
}
.winks .unsubscribe textarea::-moz-placeholder {
  color: var(--blue-600);
}
.winks .unsubscribe textarea::placeholder {
  color: var(--blue-600);
}
.winks .unsubscribe textarea:-moz-placeholder {
  color: var(--blue-600);
}
.winks .unsubscribe textarea::-moz-placeholder {
  color: var(--blue-600);
}
.winks .unsubscribe textarea:-ms-input-placeholder {
  color: var(--blue-600);
}
.winks .unsubscribe textarea::-webkit-input-placeholder {
  color: var(--blue-600);
}
.winks .unsubscribe .btns-wrap .btn {
  width: 100%;
}
.winks .unsubscribe .btn {
  font-size: 20px;
  font-weight: 500;
  text-transform: none;
}
.winks .unsubscribe .btn-wrap {
  margin-bottom: 65px;
}
.winks .recycle {
  background-color: var(--white);
  font-family: "Noto Sans Armenian";
  text-align: center;
}
.winks .recycle__title {
  margin-top: 50px;
  margin-bottom: 18px;
  font-size: 25px;
  line-height: 35px;
  font-weight: 700;
  color: var(--orange-290);
}
.winks .recycle__img {
  margin-bottom: 22px;
  width: auto;
  height: 326px;
}
.winks .recycle__notice {
  margin-right: auto;
  margin-left: auto;
  max-width: 400px;
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  color: var(--blue-900);
}
.winks .recycle__notice + .recycle__notice {
  margin-top: 15px;
}
.winks .recycle__contact {
  margin-top: 37px;
  font-size: 20px;
  font-weight: 300;
  color: var(--blue-900);
  line-height: normal;
  letter-spacing: 0.01em;
}
.winks .recycle__contact a {
  margin-top: 0;
  font-size: 1.5em;
  font-weight: 700;
  color: var(--blue-900);
  text-decoration: none;
}
.winks .recycle__attention {
  margin: 26px 0 32px;
  font-size: 30px;
  line-height: 40px;
  font-weight: 800;
  letter-spacing: 0.01em;
  color: var(--orange-290);
  text-transform: uppercase;
}
.winks .recycle .btn-wrap {
  margin-bottom: 70px;
}
@media (max-width: 481px) {
  .winks.steps > div {
    padding: 6.25vw 5.4166666667vw 23.5416666667vw;
  }
  .winks [class^=step-] .next-square-btn {
    margin-top: 8.3333333333vw;
    width: 13.3333333333vw;
  }
  .winks .brand-company-logo img {
    width: 30.4166666667vw;
  }
  .winks .btns-wrap {
    padding: 0 5vw;
  }
  .winks .btn {
    height: 13.3333333333vw;
    font-size: 4.5833333333vw;
  }
  .winks .brand-sub-title {
    margin-top: 7.9166666667vw;
    font-size: 7.2916666667vw;
    line-height: 8.9583333333vw;
  }
  .winks .brand-sub-title span {
    font-size: 12.5vw;
    line-height: 9.5833333333vw;
  }
  .winks .btn-link {
    margin-top: 2.7083333333vw;
    margin-bottom: 10.4166666667vw;
    font-size: 4.1666666667vw;
  }
  .winks .flip-box {
    width: 39.5833333333vw;
    height: 63.3333333333vw;
  }
  .winks .product {
    margin-top: 10vw;
    margin-bottom: 8.3333333333vw;
  }
  .winks .product__image {
    margin-right: 4.1666666667vw;
    width: 39.5833333333vw;
  }
  .winks .product__about {
    font-size: 3.125vw;
  }
  .winks .product__about p {
    margin: 2.0833333333vw 0;
    line-height: 5.4166666667vw;
  }
  .winks .product__about span {
    border-radius: 2.5vw;
    margin-bottom: 5vw;
    width: 23.75vw;
    height: 7.2916666667vw;
  }
  .winks .product__arrow {
    margin-top: -6.25vw;
    margin-bottom: -4.1666666667vw;
    width: 18.75vw;
  }
  .winks .product__benefit-title {
    font-size: 2.9166666667vw;
    line-height: 3.75vw;
  }
  .winks .product__benefit-image {
    border-radius: 2.9166666667vw;
    margin-right: 3.125vw;
    padding: 1.25vw;
    width: 15vw;
    height: 15vw;
  }
  .winks .product__benefit {
    width: 40.2083333333vw;
  }
  .winks .product__benefit + .product__benefit {
    margin-top: 2.5vw;
  }
  .winks .notice {
    margin-top: 5.2083333333vw;
    font-size: 3.75vw;
    line-height: 5.625vw;
  }
  .winks .step-0 .brand-company-logo img {
    width: 41.25vw;
  }
  .winks .step-1 .btn-wrap, .winks .step-2 .btn-wrap {
    margin-bottom: 12.5vw;
  }
  .winks .cigarette {
    margin-top: 13.5416666667vw;
    margin-bottom: 4.1666666667vw;
  }
  .winks .cigarette--pack-code .cigarette-pack {
    height: 73.5416666667vw;
  }
  .winks .cigarette-pack {
    width: auto;
    height: 57.0833333333vw;
  }
  .winks .cigarette-notice {
    font-size: 5.4166666667vw;
  }
  .winks .question-title {
    margin-top: 4.1666666667vw;
    margin-bottom: 4.1666666667vw;
    font-size: 4.1666666667vw;
  }
  .winks .dots {
    margin: 2.0833333333vw 0;
  }
  .winks .dots span {
    margin: 0 1.4583333333vw;
    width: 3.75vw;
    height: 3.75vw;
  }
  .winks .error {
    margin-top: 3.125vw;
    font-size: 2.7083333333vw;
  }
  .winks .finish {
    max-width: 100%;
  }
  .winks .finish-title {
    margin-top: 10.4166666667vw;
    font-size: 6.4583333333vw;
  }
  .winks .finish .refill-img {
    margin-top: 10vw;
    margin-bottom: 6.875vw;
    height: 50.4166666667vw;
  }
  .winks .finish .contact-us {
    margin-bottom: 31.25vw;
    font-size: 3.3333333333vw;
  }
  .winks .finish .greetings-text {
    margin-bottom: 7.2916666667vw;
    font-size: 4.1666666667vw;
  }
  .winks .blocked-title {
    margin-top: 10vw;
    margin-bottom: 6.25vw;
    font-size: 7.0833333333vw;
  }
  .winks .blocked-img {
    margin-top: 10.4166666667vw;
    width: 47.0833333333vw;
  }
  .winks .blocked-text {
    font-size: 4.5833333333vw;
    padding-bottom: 52.0833333333vw;
  }
  .winks .closed .blocked-title {
    font-size: 8.5416666667vw;
    line-height: 11.25vw;
  }
  .winks .closed .blocked-img {
    width: 37.5vw;
  }
  .winks .unsubscribe > svg {
    margin-top: 12.9166666667vw;
    width: 31.6666666667vw;
  }
  .winks .unsubscribe-title {
    margin-top: 10.4166666667vw;
    margin-bottom: 5.2083333333vw;
    font-size: 6.25vw;
  }
  .winks .unsubscribe-text {
    font-size: 4.1666666667vw;
    line-height: 6.6666666667vw;
  }
  .winks .unsubscribe .btn {
    font-size: 4.1666666667vw;
  }
  .winks .unsubscribe .next-square-btn {
    margin-top: 8.3333333333vw;
  }
  .winks .unsubscribe .btn-wrap {
    margin-bottom: 13.5416666667vw;
  }
  .winks .recycle__title {
    margin-top: 10.4166666667vw;
    margin-bottom: 3.75vw;
    font-size: 5.2083333333vw;
    line-height: 7.2916666667vw;
  }
  .winks .recycle__img {
    margin-bottom: 4.5833333333vw;
    height: 67.9166666667vw;
  }
  .winks .recycle__notice {
    max-width: 83.3333333333vw;
    font-size: 3.75vw;
    line-height: 5.4166666667vw;
  }
  .winks .recycle__notice + .recycle__notice {
    margin-top: 3.125vw;
  }
  .winks .recycle__contact {
    margin-top: 7.7083333333vw;
    font-size: 4.1666666667vw;
  }
  .winks .recycle__attention {
    margin: 5.4166666667vw 0 6.6666666667vw;
    font-size: 6.25vw;
    line-height: 8.3333333333vw;
  }
  .winks .recycle .btn-wrap {
    margin-bottom: 14.5833333333vw;
  }
}
@keyframes gradient-animation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.winqr {
  position: relative;
  color: var(--white);
}
.winqr [class^=step-] {
  position: relative;
}
.winqr.steps {
  max-width: 480px;
}
.winqr.steps > div {
  padding-top: 60px;
  padding-right: 27px;
  padding-left: 27px;
  padding-bottom: 113px;
}
.winqr .brand-company-logo {
  display: flex;
  justify-content: center;
  order: -2;
  margin-bottom: 35px;
  width: 100%;
}
.winqr .brand-company-logo img {
  width: 117px;
  -o-object-fit: contain;
     object-fit: contain;
}
.winqr .title {
  margin-top: 35px;
  margin-bottom: 28px;
  font-size: 30px;
  line-height: 35px;
  font-family: "Noto Sans Armenian";
  font-weight: 900;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  text-align: center;
  white-space: nowrap;
  text-shadow: var(--shadow-text);
  filter: var(--shadow-filter);
}
.winqr .sub-title {
  margin: 0;
  font-family: "Noto Sans Armenian";
  font-size: 20px;
  font-weight: 500;
  line-height: 27px;
  letter-spacing: 0.01em;
  color: var(--white);
  text-shadow: var(--shadow-text-v2);
}
.winqr .radio-button {
  margin-bottom: 20px;
}
.winqr .radio-button label {
  padding-top: 90px;
  min-height: 80px;
  font-family: "Noto Sans Armenian";
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.03em;
  text-transform: none;
}
.winqr .radio-button label span {
  text-shadow: var(--shadow-text-v2);
}
.winqr .radio-button input[type=radio] + label:before {
  border: none;
  width: 80px;
  height: 80px;
  box-shadow: var(--shadow-i);
}
.winqr .radio-button input[type=radio]:checked + label:after {
  top: 24px;
  margin-left: -16px;
  width: 32px;
  height: 32px;
  background: var(--gradient-v2);
}
.winqr .rules-agree {
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.winqr .rules-agree .btn {
  margin-bottom: 25px;
}
.winqr .rules-agree .error {
  font-size: 18px;
  line-height: normal;
}
.winqr .checkbox-wrapper {
  margin-top: 32px;
  margin-bottom: 31px;
  max-width: 368px;
}
.winqr .checkbox-wrapper .checkbox-container {
  flex-shrink: 0;
  border-radius: 12px;
  border: none;
  margin-right: 33px;
  width: 80px;
  min-width: 80px;
  height: 80px;
  background-color: var(--white);
  box-shadow: var(--shadow-i);
}
.winqr .checkbox-wrapper .checkmark {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
}
.winqr .checkbox-wrapper .checkmark::after {
  position: static;
  border: none;
  transform: none;
  width: 51px;
  height: 41px;
  background: url(/images/check_grad.svg?2d710197ed124a8b734875d6a5030dd3) no-repeat center;
  background-size: contain;
}
.winqr .checkbox-wrapper .checkbox-text {
  font-family: "Noto Sans Armenian";
  font-weight: 400;
  font-size: 22px;
  line-height: 27px;
  letter-spacing: 0.02em;
  color: var(--white);
}
.winqr .contact__title {
  color: var(--white);
  font-size: 18px;
  line-height: 24px;
  text-shadow: var(--shadow-text-v2);
}
.winqr .contact__social-wrap > div > a {
  background-color: transparent;
}
.winqr .contact__social-wrap > div img {
  filter: var(--shadow-filter);
}
.winqr .upload {
  padding-top: 0 !important;
}
.winqr .upload .brand-company-logo {
  padding-top: 60px;
}
.winqr .upload .title {
  margin-top: 0;
}
.winqr .upload-photo {
  align-self: normal;
  font-family: "Noto Sans Armenian";
}
.winqr .upload-photo > div {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.winqr .upload-photo__img-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.winqr .upload-photo__preview img {
  margin-right: -25px;
  width: 188px;
}
.winqr .upload-photo__result {
  position: relative;
  display: flex;
  border-radius: 33px;
  margin-top: 95px;
  padding: 8px;
  height: 556px;
  background: linear-gradient(142.27deg, rgba(81, 191, 253, 0.8) 29.4%, rgba(96, 231, 255, 0.8) 61.89%, rgba(255, 255, 255, 0.8) 102.65%);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.winqr .upload-photo__result-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 33px;
  padding: 60px 10px 48px;
  width: 100%;
  height: 100%;
  background-color: var(--black);
}
.winqr .upload-photo__result-wrap > img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.winqr .upload-photo__retry {
  position: absolute;
  top: 35px;
  right: 30px;
  width: 23px;
  height: 23px;
  border: 0;
  margin: 0;
  padding: 0;
  cursor: pointer;
  background-color: #000;
  outline: none;
}
.winqr .upload-photo__text {
  margin-top: 36px;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 27px;
  letter-spacing: 0.01em;
  text-align: center;
  text-shadow: var(--shadow-text-v2);
}
.winqr .upload .btn-wrap {
  margin-top: 30px;
  width: 100%;
  text-align: center;
}
.winqr .step-6 .title {
  margin-top: 0;
}
.winqr .btn {
  border-radius: 50px;
  width: 368px;
  height: 80px;
  font-size: 25px;
  font-family: "Noto Sans Armenian";
  font-weight: 700;
  background: var(--white);
  line-height: 30px;
  letter-spacing: 0.06em;
  color: var(--blue-500);
  box-shadow: 6px 6px 8px 0px rgba(0, 0, 0, 0.25), -4px -4px 7px 0px rgba(255, 255, 255, 0.29);
  white-space: pre-line;
}
.winqr .btn:active {
  background: var(--white);
}
.winqr .btn[disabled] {
  opacity: 0.7;
  background-color: transparent;
}
.winqr .btn.active {
  background: var(--white);
  box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.25), -2px -2px 2px 0px rgba(255, 255, 255, 0.3);
}
.winqr .btn-next {
  font-size: 27px;
  background: rgba(20, 57, 100, 0.2);
  border: 4px solid rgba(255, 255, 255, 0.8);
  box-shadow: 6px 4px 6px 0 rgba(0, 0, 0, 0.3);
  -webkit-backdrop-filter: brightness(99%) blur(5px);
  backdrop-filter: brightness(99%) blur(5px);
  color: var(--white);
}
.winqr .btn-next:active {
  background: rgba(20, 57, 100, 0.2);
}
.winqr .btn.verify {
  margin-bottom: 30px;
}
.winqr .btn-link {
  margin-top: -25px;
  margin-bottom: 70px;
  color: var(--white);
  font-size: 18px;
  font-family: "Noto Sans Armenian";
  letter-spacing: 0;
}
.winqr .form-field.has-error {
  margin-bottom: 10px;
}
.winqr .form-field.has-error input {
  border-color: var(--orange-290);
  box-shadow: none;
}
.winqr .form-field input {
  margin-top: 9px;
  border-radius: 50px;
  width: 368px;
  height: 80px;
  font-size: 22px;
  font-family: "Noto Sans Armenian";
  font-weight: 400;
  background: var(--white);
  line-height: normal;
  letter-spacing: 0.05em;
  color: var(--blue-820);
  box-shadow: var(--shadow-i);
}
.winqr .form-field .error {
  margin-top: 8px;
  text-align: left;
}
.winqr .form-field .error img {
  display: inline-flex;
  margin-right: 8px;
  margin-left: 26px;
  width: 22px;
}
.winqr form {
  width: 100%;
  text-align: center;
}
.winqr form .error {
  margin-right: auto;
  margin-left: auto;
  max-width: 368px;
  font-size: 16px;
}
.winqr .brand-sub-title {
  margin-top: 5px;
  margin-bottom: 0;
  font-size: 19px;
  font-family: "Noto Sans Armenian";
  font-weight: 700;
  width: 100%;
  text-align: center;
  color: var(--white);
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.winqr .cigarette {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 30px;
}
.winqr .cigarette > div {
  display: flex;
  justify-content: center;
  width: 100%;
  text-align: center;
  position: relative;
}
.winqr .cigarette-pack {
  width: auto;
  height: 294px;
  -o-object-fit: contain;
     object-fit: contain;
}
.winqr .question-title {
  margin-top: 22px;
  color: var(--white);
}
.winqr .error {
  margin-bottom: 10px;
  font-size: 22px;
  font-family: "Noto Sans Armenian";
  font-weight: 600;
  text-transform: lowercase;
  color: var(--orange-290);
}
.winqr .btns-wrap {
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 30px;
}
.winqr .btns-wrap .btn {
  margin-bottom: 15px;
}
.winqr .predictions {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  margin-right: -27px;
  margin-left: -27px;
  padding: 60px 40px 55px;
  width: 456px;
  height: 488px;
  background-image: url(/images/predictions.png?f055acc18500ac27a6a3bb47a5751454);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  font-family: "Noto Sans Armenian";
  font-size: 23px;
  font-weight: 800;
  line-height: 31px;
  text-align: center;
  text-shadow: var(--shadow-text);
  filter: drop-shadow(0px 0px 6px #014D9A) drop-shadow(0px 4px 13px rgba(0, 0, 0, 0.25));
}
.winqr .finish {
  font-family: "Noto Sans Armenian";
}
.winqr .finish-title {
  order: -2;
  color: var(--white);
  font-size: 30px;
  line-height: 35px;
  font-weight: 900;
  letter-spacing: 0.01em;
  white-space: nowrap;
  text-shadow: var(--shadow-text);
  filter: var(--shadow-filter);
}
.winqr .finish .refill-img {
  margin-top: 43px;
  margin-bottom: 45px;
  width: 201px;
}
.winqr .finish .contact-us {
  margin-top: 0;
  font-size: 21px;
  font-weight: 700;
  color: var(--white);
  white-space: nowrap;
  line-height: normal;
  font-family: "Noto Sans Armenian";
  text-shadow: var(--shadow-text-v2);
}
.winqr .finish .contact-us a {
  display: inline;
  margin-top: 0;
  font-size: 1em;
  color: var(--white);
}
.winqr .finish .contact {
  padding-top: 20px;
  display: flex;
  flex-direction: column;
}
.winqr .finish .contact__title {
  order: 1;
}
.winqr .blocked {
  font-family: "Noto Sans Armenian";
  color: var(--white);
  text-align: center;
}
.winqr .blocked-img {
  margin-top: 0;
  margin-bottom: 45px;
  width: 206px;
}
.winqr .blocked-title {
  order: -1;
  margin-top: 0;
  margin-bottom: 35px;
  line-height: normal;
  font-weight: 900;
  letter-spacing: 0.01em;
  text-shadow: var(--shadow-text);
  filter: var(--shadow-filter);
}
.winqr .blocked-text {
  margin-bottom: 0;
  font-size: 25px;
  font-weight: 700;
  line-height: normal;
  text-shadow: var(--shadow-text-v2);
}
.winqr .blocked .contact {
  padding-top: 100px;
}
.winqr .closed .blocked-img {
  width: 218px;
}
.winqr .unsubscribe > svg {
  width: 107px;
}
.winqr .unsubscribe-title {
  order: -1;
  margin-top: 30px;
  margin-bottom: 30px;
  font-size: 30px;
  font-family: "Noto Sans Armenian";
  color: var(--white);
  text-shadow: var(--shadow-text);
  filter: var(--shadow-filter);
}
.winqr .unsubscribe-text {
  font-size: 20px;
  font-family: "Noto Sans Armenian";
  font-weight: 600;
  color: var(--white);
  letter-spacing: 0.01em;
  text-shadow: var(--shadow-text-v2);
}
.winqr .unsubscribe textarea {
  font-family: "Noto Sans Armenian";
  border-radius: 8px;
  border-color: var(--blue-500);
  color: var(--blue-500);
}
.winqr .unsubscribe textarea::-moz-placeholder {
  color: var(--blue-500);
}
.winqr .unsubscribe textarea::placeholder {
  color: var(--blue-500);
}
.winqr .unsubscribe textarea:-moz-placeholder {
  color: var(--blue-500);
}
.winqr .unsubscribe textarea::-moz-placeholder {
  color: var(--blue-500);
}
.winqr .unsubscribe textarea:-ms-input-placeholder {
  color: var(--blue-500);
}
.winqr .unsubscribe textarea::-webkit-input-placeholder {
  color: var(--blue-500);
}
.winqr .unsubscribe .btns-wrap {
  padding: 0 19px;
}
.winqr .unsubscribe .btns-wrap .btn {
  width: 100%;
}
.winqr .unsubscribe .btn:not(.btn-next) {
  font-size: 21px;
  font-weight: 600;
  text-transform: none;
}
.winqr .unsubscribe .btn-next {
  font-size: 27px;
  font-weight: 700;
}
.winqr .unsubscribe .btn-wrap {
  margin-bottom: 65px;
}
@media (max-width: 1000px) {
  .winqr [class^=step-] .next-square-btn {
    margin-top: 8.3333333333vw;
    width: 13.3333333333vw;
  }
  .winqr.steps {
    max-width: 1000px;
  }
  .winqr.steps > div {
    padding-top: 12.5vw;
    padding-right: 5.625vw;
    padding-left: 5.625vw;
    padding-bottom: 23.5416666667vw;
  }
  .winqr .brand-company-logo {
    margin-bottom: 7.2916666667vw;
  }
  .winqr .brand-company-logo img {
    width: 24.375vw;
  }
  .winqr .title {
    margin-top: 7.2916666667vw;
    margin-bottom: 5.8333333333vw;
    font-size: 6.25vw;
    line-height: 7.2916666667vw;
  }
  .winqr .sub-title {
    font-size: 4.1666666667vw;
    line-height: 5.625vw;
  }
  .winqr .radio-button {
    margin-bottom: 4.1666666667vw;
  }
  .winqr .radio-button label {
    padding-top: 18.75vw;
    min-height: 16.6666666667vw;
    font-size: 4.5833333333vw;
  }
  .winqr .radio-button input[type=radio] + label:before {
    width: 16.6666666667vw;
    height: 16.6666666667vw;
  }
  .winqr .radio-button input[type=radio]:checked + label:after {
    top: 5vw;
    margin-left: -3.3333333333vw;
    width: 6.6666666667vw;
    height: 6.6666666667vw;
  }
  .winqr .checkbox-wrapper {
    margin-top: 6.6666666667vw;
    margin-bottom: 6.4583333333vw;
    max-width: 76.6666666667vw;
  }
  .winqr .checkbox-wrapper .checkbox-container {
    border-radius: 2.5vw;
    margin-right: 6.875vw;
    width: 16.6666666667vw;
    min-width: 16.6666666667vw;
    height: 16.6666666667vw;
  }
  .winqr .checkbox-wrapper .checkmark {
    width: 16.6666666667vw;
    height: 16.6666666667vw;
  }
  .winqr .checkbox-wrapper .checkmark::after {
    width: 10.625vw;
    height: 8.5416666667vw;
  }
  .winqr .checkbox-wrapper .checkbox-text {
    font-size: 4.5833333333vw;
    line-height: 5.625vw;
  }
  .winqr .contact__title {
    font-size: 3.75vw;
    line-height: 5vw;
  }
  .winqr .rules-agree .btn {
    margin-bottom: 5.2083333333vw;
  }
  .winqr .rules-agree .error {
    font-size: 3.75vw;
  }
  .winqr .upload .brand-company-logo {
    padding-top: 12.5vw;
  }
  .winqr .upload-photo__preview img {
    margin-right: -5.2083333333vw;
    width: 39.1666666667vw;
  }
  .winqr .upload-photo__result {
    border-radius: 6.875vw;
    margin-top: 19.7916666667vw;
    padding: 1.6666666667vw;
    height: 115.8333333333vw;
  }
  .winqr .upload-photo__result-wrap {
    border-radius: 6.875vw;
    padding: 12.5vw 2.0833333333vw 10vw;
    background-color: var(--black);
  }
  .winqr .upload-photo__retry {
    top: 7.2916666667vw;
    right: 6.25vw;
    width: 4.7916666667vw;
    height: 4.7916666667vw;
  }
  .winqr .upload-photo__text {
    margin-top: 7.5vw;
    font-size: 4.1666666667vw;
    line-height: 5.625vw;
  }
  .winqr .upload .btn-wrap {
    margin-top: 6.25vw;
  }
  .winqr .btn {
    border-radius: 10.4166666667vw;
    width: 76.6666666667vw;
    height: 16.6666666667vw;
    font-size: 5.2083333333vw;
    line-height: 6.25vw;
  }
  .winqr .btn-next {
    font-size: 5.625vw;
  }
  .winqr .btn.verify {
    margin-bottom: 6.25vw;
  }
  .winqr .btn-link {
    margin-top: -5.2083333333vw;
    margin-bottom: 14.5833333333vw;
    font-size: 3.75vw;
  }
  .winqr .form-field input {
    margin-top: 1.875vw;
    border-radius: 10.4166666667vw;
    width: 76.6666666667vw;
    height: 16.6666666667vw;
    font-size: 4.5833333333vw;
  }
  .winqr .form-field .error {
    display: flex;
    margin-top: 1.6666666667vw;
  }
  .winqr .form-field .error img {
    margin-right: 1.6666666667vw;
    margin-left: 5.4166666667vw;
    width: 4.5833333333vw;
  }
  .winqr form .error {
    max-width: 76.6666666667vw;
    font-size: 3.3333333333vw;
  }
  .winqr .brand-sub-title {
    margin-top: 5.2083333333vw;
    font-size: 8.3333333333vw;
    line-height: 9.5833333333vw;
  }
  .winqr .cigarette {
    padding-top: 6.25vw;
  }
  .winqr .cigarette-pack {
    height: 61.25vw;
  }
  .winqr .question-title {
    margin-top: 4.5833333333vw;
  }
  .winqr .error {
    font-size: 4.5833333333vw;
  }
  .winqr .btns-wrap {
    margin-bottom: 3.125vw;
  }
  .winqr .btns-wrap .btn {
    margin-bottom: 3.125vw;
  }
  .winqr .predictions {
    margin: 0 -5.625vw 2.0833333333vw;
    padding: 12.5vw 8.3333333333vw 11.4583333333vw;
    width: 95vw;
    height: 101.6666666667vw;
    font-size: 4.7916666667vw;
    line-height: 6.4583333333vw;
  }
  .winqr .finish {
    max-width: 100%;
  }
  .winqr .finish-title {
    font-size: 6.25vw;
    line-height: 7.2916666667vw;
  }
  .winqr .finish .refill-img {
    margin-top: 8.9583333333vw;
    margin-bottom: 9.375vw;
    width: 41.875vw;
  }
  .winqr .finish .contact-us {
    font-size: 4.375vw;
  }
  .winqr .finish .contact {
    padding-top: 4.1666666667vw;
  }
  .winqr .blocked-title {
    margin-bottom: 7.2916666667vw;
    font-size: 6.25vw;
  }
  .winqr .blocked-img {
    margin-bottom: 9.375vw;
    width: 42.9166666667vw;
  }
  .winqr .blocked-text {
    font-size: 5.2083333333vw;
  }
  .winqr .blocked .contact {
    padding-top: 20.8333333333vw;
  }
  .winqr .closed .blocked-img {
    width: 45.4166666667vw;
  }
  .winqr .unsubscribe > svg {
    width: 22.2916666667vw;
  }
  .winqr .unsubscribe-title {
    margin-top: 6.25vw;
    margin-bottom: 6.25vw;
    font-size: 6.25vw;
  }
  .winqr .unsubscribe-text {
    font-size: 4.1666666667vw;
    line-height: 6.6666666667vw;
  }
  .winqr .unsubscribe .btn:not(.btn-next) {
    font-size: 4.375vw;
  }
  .winqr .unsubscribe .btn-next {
    font-size: 5.625vw;
  }
  .winqr .unsubscribe .btns-wrap {
    padding: 0 3.9583333333vw;
  }
  .winqr .unsubscribe .btn-wrap {
    margin-bottom: 13.5416666667vw;
  }
}

.camel-family .brand-company-logo {
  justify-content: center;
}
.camel-family .product {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: -12px;
  padding-top: 28px;
  padding-bottom: 42px;
  padding-left: 12px;
  height: 383px;
  align-items: flex-end;
  box-sizing: content-box;
}
.camel-family .product__image {
  position: relative;
}
.camel-family .product__image img {
  position: absolute;
  left: 0;
  bottom: 0;
  transform: translateX(-260px);
  transition: 0.4s ease;
}
.camel-family .product__image .animate {
  transform: translateX(0);
}
.camel-family .product__benefit {
  width: 193px;
}
.camel-family .product__benefit-image {
  position: relative;
}
.camel-family .product__benefit-image img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
  transition: 0.4s ease;
}
.camel-family .product__benefit:nth-of-type(1) .product__benefit-image img {
  padding: 0 6px;
  width: 100%;
}
.camel-family .product__benefit:nth-of-type(2) .product__benefit-image img {
  width: 29px;
}
.camel-family .product__benefit:nth-of-type(3) .product__benefit-image img {
  width: 58px;
}
.camel-family .product__benefit:nth-of-type(4) .product__benefit-image img {
  width: 51px;
}
.camel-family .finish-title {
  margin-top: 80px;
  font-size: 30px;
  letter-spacing: 0.03em;
}
.camel-family .finish .contact-us a {
  font-size: 0.95em;
  text-decoration: underline;
  text-transform: uppercase;
}
.camel-family-v2 .step-0 .confirmation-text {
  margin: 25px 0;
  font-size: 26px;
  font-weight: 800;
  letter-spacing: 0.03em;
  color: var(--yellow);
  text-align: center;
}
.camel-family-v2 .step-0 .radio-button {
  margin-bottom: 20px;
}
.camel-family-v2 .step-0 .radio-button label {
  padding-top: 90px;
  min-height: 80px;
  font-family: "Noto Sans Armenian";
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.03em;
  color: white;
}
.camel-family-v2 .step-0 .radio-button input[type=radio] + label:before {
  border: none;
  width: 80px;
  height: 80px;
}
.camel-family-v2 .step-0 .radio-button input[type=radio]:checked + label:after {
  top: 24px;
  margin-left: -16px;
  width: 32px;
  height: 32px;
  background: var(--blue-190);
}
.camel-family-v2 .step-0 .rules-agree {
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.camel-family-v2 .step-0 .rules-agree .btn {
  margin-bottom: 25px;
  width: 368px;
  height: 80px;
  font-size: 24px;
}
.camel-family-v2 .step-0 .rules-agree .error {
  font-size: 18px;
  line-height: normal;
}
.camel-family-v2 .step-3 {
  padding-top: 30px !important;
  overflow: hidden;
}
.camel-family-v2 .step-3 .brand-sub-title {
  margin-top: 0;
  font-size: 36px;
  line-height: 1;
}
.camel-family-v2 .step-3 .next-square-btn {
  margin-top: 15px;
}
.camel-family-v2 .step-3 .notice {
  margin-top: 3px;
  font-size: 16px;
  line-height: 22px;
}
.camel-family-v2 .step-3 .cigarette-notice {
  font-size: 20px;
}
.camel-family-v2 .step-2 .cigarette > div::before {
  display: none;
}
.camel-family-v2 .invite-text {
  font-size: 20px;
  font-weight: 400;
  color: white;
  margin: 25px 0;
  position: relative;
  text-align: center;
}
.camel-family-v2 .invite-text p {
  line-height: 1.2;
  letter-spacing: 0.01em;
}
.camel-family-v2 .invite-text p a {
  font-weight: 700;
  color: var(--yellow);
}
.camel-family-v2 .invite-text .jplatform-logo-container {
  margin-bottom: 20px;
}
.camel-family-v2 .invite-text .jplatform-logo-container img {
  width: 112px;
}
.camel-family-v2 .invite-text .jplatform-link {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  margin: 22px auto 0;
  width: 368px;
  height: 64px;
  font-size: 22px;
  font-family: "Noto Sans Armenian";
  font-weight: 700;
  text-decoration: none;
  color: var(--blue-820);
  background: var(--blue-190);
}
.camel-family-v2 .product {
  padding-top: 15px;
  padding-bottom: 24px;
  height: 340px;
}
.camel-family-v2 .product__benefit:nth-of-type(1) .product__benefit-image img {
  padding: 0 9px;
}
.camel-family-v2 .finish {
  padding-top: 35px !important;
}
.camel-family-v2 .finish-title {
  margin-top: 0;
  font-size: 28px;
}
.camel-family-v2 .finish .refill-img {
  margin-top: 25px;
  margin-bottom: 25px;
  width: 157px;
}
.camel-family-v2 .finish .contact-us + .contact-us {
  margin-top: 22px;
}
@media (max-width: 991px) {
  .camel-family .product {
    margin-left: -2.5vw;
    padding-top: 5.8333333333vw;
    padding-bottom: 8.75vw;
    padding-left: 2.5vw;
    height: 79.7916666667vw;
    overflow: hidden;
  }
  .camel-family .product__image img {
    transform: translateX(-54.1666666667vw);
  }
  .camel-family .product__benefit {
    width: 40.2083333333vw;
  }
  .camel-family .product__benefit:nth-of-type(1) .product__benefit-image img {
    padding: 0 1.25vw;
  }
  .camel-family .product__benefit:nth-of-type(2) .product__benefit-image img {
    width: 6.0416666667vw;
  }
  .camel-family .product__benefit:nth-of-type(3) .product__benefit-image img {
    width: 12.0833333333vw;
  }
  .camel-family .product__benefit:nth-of-type(4) .product__benefit-image img {
    width: 11.4583333333vw;
  }
  .camel-family .finish-title {
    margin-top: 16.6666666667vw;
    font-size: 6.25vw;
  }
  .camel-family .finish .contact-us a {
    font-size: 0.95em;
  }
  .camel-family-v2 .step-0 .confirmation-text {
    margin: 5.2083333333vw 0;
    font-size: 5.4166666667vw;
  }
  .camel-family-v2 .step-0 .radio-button {
    margin-bottom: 4.1666666667vw;
  }
  .camel-family-v2 .step-0 .radio-button label {
    padding-top: 18.75vw;
    min-height: 16.6666666667vw;
    font-size: 4.5833333333vw;
  }
  .camel-family-v2 .step-0 .radio-button input[type=radio] + label:before {
    width: 16.6666666667vw;
    height: 16.6666666667vw;
  }
  .camel-family-v2 .step-0 .radio-button input[type=radio]:checked + label:after {
    top: 5vw;
    margin-left: -3.3333333333vw;
    width: 6.6666666667vw;
    height: 6.6666666667vw;
  }
  .camel-family-v2 .step-0 .rules-agree .btn {
    margin-bottom: 5.2083333333vw;
    width: 76.6666666667vw;
    height: 16.6666666667vw;
    font-size: 5vw;
  }
  .camel-family-v2 .step-0 .rules-agree .error {
    font-size: 3.75vw;
  }
  .camel-family-v2 .step-3 {
    padding-top: 6.25vw !important;
  }
  .camel-family-v2 .step-3 .brand-sub-title {
    font-size: 7.5vw;
  }
  .camel-family-v2 .step-3 .next-square-btn {
    margin-top: 3.125vw;
  }
  .camel-family-v2 .step-3 .notice {
    margin-top: 0.625vw;
    font-size: 3.3333333333vw;
    line-height: 4.5833333333vw;
  }
  .camel-family-v2 .step-3 .cigarette-notice {
    font-size: 3.9583333333vw;
  }
  .camel-family-v2 .invite-text {
    font-size: 4.1666666667vw;
    margin: 5.2083333333vw 0;
  }
  .camel-family-v2 .invite-text .jplatform-logo-container {
    margin-bottom: 4.1666666667vw;
  }
  .camel-family-v2 .invite-text .jplatform-logo-container img {
    width: 23.3333333333vw;
  }
  .camel-family-v2 .invite-text .jplatform-link {
    border-radius: 2.5vw;
    margin-top: 4.5833333333vw;
    width: 76.6666666667vw;
    height: 13.3333333333vw;
    font-size: 4.5833333333vw;
  }
  .camel-family-v2 .product {
    padding-top: 3.125vw;
    padding-bottom: 5vw;
    height: 70.8333333333vw;
  }
  .camel-family-v2 .product__benefit:nth-of-type(1) .product__benefit-image img {
    padding: 0 1.875vw;
  }
  .camel-family-v2 .finish {
    padding-top: 7.2916666667vw !important;
  }
  .camel-family-v2 .finish-title {
    margin-top: 0;
    font-size: 5.8333333333vw;
  }
  .camel-family-v2 .finish .refill-img {
    margin-top: 5.2083333333vw;
    margin-bottom: 5.2083333333vw;
    width: 32.7083333333vw;
  }
  .camel-family-v2 .finish .contact-us + .contact-us {
    margin-top: 4.5833333333vw;
  }
}
@media (min-width: 992px) {
  .camel-family.steps {
    max-width: 480px;
  }
}

.winston-compact, .sobranie-slims-rich, .winston-xstyle-slims, .camel-slims-blues, .camel-ks-legend {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  font-family: "Noto Sans Armenian";
}
.winston-compact.steps > div, .sobranie-slims-rich.steps > div, .winston-xstyle-slims.steps > div, .camel-slims-blues.steps > div, .camel-ks-legend.steps > div {
  width: 100%;
  max-width: 480px;
}
.winston-compact .brand-company-logo, .sobranie-slims-rich .brand-company-logo, .winston-xstyle-slims .brand-company-logo, .camel-slims-blues .brand-company-logo, .camel-ks-legend .brand-company-logo {
  justify-content: right;
}
.winston-compact .brand-company-logo svg, .sobranie-slims-rich .brand-company-logo svg, .winston-xstyle-slims .brand-company-logo svg, .camel-slims-blues .brand-company-logo svg, .camel-ks-legend .brand-company-logo svg {
  width: 72px;
}
.winston-compact .age-confirmation img, .sobranie-slims-rich .age-confirmation img, .winston-xstyle-slims .age-confirmation img, .camel-slims-blues .age-confirmation img, .camel-ks-legend .age-confirmation img {
  width: 178px;
  height: 178px;
  margin: 0 auto;
}
.winston-compact .age-confirmation .confirmation-text, .sobranie-slims-rich .age-confirmation .confirmation-text, .winston-xstyle-slims .age-confirmation .confirmation-text, .camel-slims-blues .age-confirmation .confirmation-text, .camel-ks-legend .age-confirmation .confirmation-text {
  font-size: 20px;
  font-weight: 500;
  color: #000;
  text-transform: uppercase;
}
.winston-compact .radio-btn-container, .sobranie-slims-rich .radio-btn-container, .winston-xstyle-slims .radio-btn-container, .camel-slims-blues .radio-btn-container, .camel-ks-legend .radio-btn-container {
  margin: 20px 0 0;
}
.winston-compact .radio-btn-container .radio-button input[type=radio] + label::before, .sobranie-slims-rich .radio-btn-container .radio-button input[type=radio] + label::before, .winston-xstyle-slims .radio-btn-container .radio-button input[type=radio] + label::before, .camel-slims-blues .radio-btn-container .radio-button input[type=radio] + label::before, .camel-ks-legend .radio-btn-container .radio-button input[type=radio] + label::before {
  width: 80px;
  height: 80px;
}
.winston-compact .radio-btn-container .radio-button input[type=radio] + label::after, .sobranie-slims-rich .radio-btn-container .radio-button input[type=radio] + label::after, .winston-xstyle-slims .radio-btn-container .radio-button input[type=radio] + label::after, .camel-slims-blues .radio-btn-container .radio-button input[type=radio] + label::after, .camel-ks-legend .radio-btn-container .radio-button input[type=radio] + label::after {
  content: "";
  display: block;
  position: absolute;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  background-color: #C6C9CC;
  top: 25px;
  left: 50%;
  margin-left: -16px;
}
.winston-compact .radio-btn-container .radio-button input[type=radio]:checked + label::after, .sobranie-slims-rich .radio-btn-container .radio-button input[type=radio]:checked + label::after, .winston-xstyle-slims .radio-btn-container .radio-button input[type=radio]:checked + label::after, .camel-slims-blues .radio-btn-container .radio-button input[type=radio]:checked + label::after, .camel-ks-legend .radio-btn-container .radio-button input[type=radio]:checked + label::after {
  background-color: #00B085;
}
.winston-compact .radio-btn-container label, .sobranie-slims-rich .radio-btn-container label, .winston-xstyle-slims .radio-btn-container label, .camel-slims-blues .radio-btn-container label, .camel-ks-legend .radio-btn-container label {
  color: #000000;
  font-size: 22px;
  text-transform: none;
  padding-top: 86px;
}
.winston-compact .survey-content, .sobranie-slims-rich .survey-content, .winston-xstyle-slims .survey-content, .camel-slims-blues .survey-content, .camel-ks-legend .survey-content {
  width: 100%;
}
.winston-compact .survey-content .survey-title, .sobranie-slims-rich .survey-content .survey-title, .winston-xstyle-slims .survey-content .survey-title, .camel-slims-blues .survey-content .survey-title, .camel-ks-legend .survey-content .survey-title {
  font-size: 34px;
  font-weight: 700;
  color: #000;
  text-transform: uppercase;
  margin-bottom: 20px;
}
@media (max-width: 479px) {
  .winston-compact .survey-content .survey-title, .sobranie-slims-rich .survey-content .survey-title, .winston-xstyle-slims .survey-content .survey-title, .camel-slims-blues .survey-content .survey-title, .camel-ks-legend .survey-content .survey-title {
    font-size: 7.0833333333vw;
  }
}
.winston-compact .survey-content .survey-images, .sobranie-slims-rich .survey-content .survey-images, .winston-xstyle-slims .survey-content .survey-images, .camel-slims-blues .survey-content .survey-images, .camel-ks-legend .survey-content .survey-images {
  display: flex;
  width: 100%;
  max-width: 388px;
  justify-content: space-between;
  margin: 0 auto 20px;
}
.winston-compact .survey-content .survey-text, .sobranie-slims-rich .survey-content .survey-text, .winston-xstyle-slims .survey-content .survey-text, .camel-slims-blues .survey-content .survey-text, .camel-ks-legend .survey-content .survey-text {
  font-weight: 500;
  color: #000;
}
.winston-compact .survey-content .survey-text .nowrap, .sobranie-slims-rich .survey-content .survey-text .nowrap, .winston-xstyle-slims .survey-content .survey-text .nowrap, .camel-slims-blues .survey-content .survey-text .nowrap, .camel-ks-legend .survey-content .survey-text .nowrap {
  white-space: nowrap;
}
.winston-compact .dots, .sobranie-slims-rich .dots, .winston-xstyle-slims .dots, .camel-slims-blues .dots, .camel-ks-legend .dots {
  display: flex;
  justify-content: center;
}
.winston-compact .dots span, .sobranie-slims-rich .dots span, .winston-xstyle-slims .dots span, .camel-slims-blues .dots span, .camel-ks-legend .dots span {
  width: 18px;
  height: 18px;
  background-color: #ccc;
  border-radius: 50%;
  margin: 0 5px;
}
.winston-compact .dots span.active, .sobranie-slims-rich .dots span.active, .winston-xstyle-slims .dots span.active, .camel-slims-blues .dots span.active, .camel-ks-legend .dots span.active {
  background-color: #00B085;
}
.winston-compact .btns-wrap, .sobranie-slims-rich .btns-wrap, .winston-xstyle-slims .btns-wrap, .camel-slims-blues .btns-wrap, .camel-ks-legend .btns-wrap {
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 388px;
}
.winston-compact .btns-wrap .btn, .sobranie-slims-rich .btns-wrap .btn, .winston-xstyle-slims .btns-wrap .btn, .camel-slims-blues .btns-wrap .btn, .camel-ks-legend .btns-wrap .btn {
  padding: 10px 20px;
  border-radius: 12px;
  cursor: pointer;
  text-transform: uppercase;
  background: #00B085;
  color: #fff;
  width: 100%;
}
.winston-compact .btns-wrap .btn.btn--full, .sobranie-slims-rich .btns-wrap .btn.btn--full, .winston-xstyle-slims .btns-wrap .btn.btn--full, .camel-slims-blues .btns-wrap .btn.btn--full, .camel-ks-legend .btns-wrap .btn.btn--full {
  height: 64px;
  padding: 0;
}
.winston-compact .btns-wrap .btn:not(.btn--full), .sobranie-slims-rich .btns-wrap .btn:not(.btn--full), .winston-xstyle-slims .btns-wrap .btn:not(.btn--full), .camel-slims-blues .btns-wrap .btn:not(.btn--full), .camel-ks-legend .btns-wrap .btn:not(.btn--full) {
  width: 188px;
  height: 64px;
}
.winston-compact .btns-wrap .btn:disabled, .winston-compact .btns-wrap .btn:disabled:hover, .sobranie-slims-rich .btns-wrap .btn:disabled, .sobranie-slims-rich .btns-wrap .btn:disabled:hover, .winston-xstyle-slims .btns-wrap .btn:disabled, .winston-xstyle-slims .btns-wrap .btn:disabled:hover, .camel-slims-blues .btns-wrap .btn:disabled, .camel-slims-blues .btns-wrap .btn:disabled:hover, .camel-ks-legend .btns-wrap .btn:disabled, .camel-ks-legend .btns-wrap .btn:disabled:hover {
  cursor: not-allowed;
  background: #ccc;
}
.winston-compact .btns-wrap .answers-row, .sobranie-slims-rich .btns-wrap .answers-row, .winston-xstyle-slims .btns-wrap .answers-row, .camel-slims-blues .btns-wrap .answers-row, .camel-ks-legend .btns-wrap .answers-row {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 10px;
}
.winston-compact .btn-wrap, .sobranie-slims-rich .btn-wrap, .winston-xstyle-slims .btn-wrap, .camel-slims-blues .btn-wrap, .camel-ks-legend .btn-wrap {
  height: 64px;
}
.winston-compact .btn-wrap .error, .sobranie-slims-rich .btn-wrap .error, .winston-xstyle-slims .btn-wrap .error, .camel-slims-blues .btn-wrap .error, .camel-ks-legend .btn-wrap .error {
  color: red;
  font-size: 14px;
  margin-top: 10px;
}
.winston-compact .square-btn-wrap, .sobranie-slims-rich .square-btn-wrap, .winston-xstyle-slims .square-btn-wrap, .camel-slims-blues .square-btn-wrap, .camel-ks-legend .square-btn-wrap {
  margin: 20px 0;
  width: 100%;
  display: flex;
  justify-content: center;
}
.winston-compact .square-btn-wrap .next-square-btn, .sobranie-slims-rich .square-btn-wrap .next-square-btn, .winston-xstyle-slims .square-btn-wrap .next-square-btn, .camel-slims-blues .square-btn-wrap .next-square-btn, .camel-ks-legend .square-btn-wrap .next-square-btn {
  width: 64px;
  height: 64px;
  background-color: #00B085;
  color: #fff;
  border: none;
  font-size: 22px;
  cursor: pointer;
  border-radius: 12px;
}
.winston-compact .square-btn-wrap .next-square-btn:disabled, .sobranie-slims-rich .square-btn-wrap .next-square-btn:disabled, .winston-xstyle-slims .square-btn-wrap .next-square-btn:disabled, .camel-slims-blues .square-btn-wrap .next-square-btn:disabled, .camel-ks-legend .square-btn-wrap .next-square-btn:disabled {
  background-color: #ccc;
}
.winston-compact .square-btn-wrap .next-square-btn img, .sobranie-slims-rich .square-btn-wrap .next-square-btn img, .winston-xstyle-slims .square-btn-wrap .next-square-btn img, .camel-slims-blues .square-btn-wrap .next-square-btn img, .camel-ks-legend .square-btn-wrap .next-square-btn img {
  width: 24px;
  height: auto;
}
.winston-compact .btn-link, .sobranie-slims-rich .btn-link, .winston-xstyle-slims .btn-link, .camel-slims-blues .btn-link, .camel-ks-legend .btn-link {
  background: none;
  border: none;
  text-decoration: underline;
  cursor: pointer;
  font-size: 18px;
  color: #000000;
}
.winston-compact .unsubscribe .unsubscribe-title, .sobranie-slims-rich .unsubscribe .unsubscribe-title, .winston-xstyle-slims .unsubscribe .unsubscribe-title, .camel-slims-blues .unsubscribe .unsubscribe-title, .camel-ks-legend .unsubscribe .unsubscribe-title {
  color: #000;
  font-family: "Noto Sans Armenian";
}
.winston-compact .unsubscribe .unsubscribe-text, .sobranie-slims-rich .unsubscribe .unsubscribe-text, .winston-xstyle-slims .unsubscribe .unsubscribe-text, .camel-slims-blues .unsubscribe .unsubscribe-text, .camel-ks-legend .unsubscribe .unsubscribe-text {
  color: #000;
  font-family: "Noto Sans Armenian";
  margin-bottom: 40px;
}
.winston-compact .unsubscribe .btn--full, .sobranie-slims-rich .unsubscribe .btn--full, .winston-xstyle-slims .unsubscribe .btn--full, .camel-slims-blues .unsubscribe .btn--full, .camel-ks-legend .unsubscribe .btn--full {
  font-size: 20px;
  text-transform: none;
}
.winston-compact .unsubscribe .square-btn-wrap, .sobranie-slims-rich .unsubscribe .square-btn-wrap, .winston-xstyle-slims .unsubscribe .square-btn-wrap, .camel-slims-blues .unsubscribe .square-btn-wrap, .camel-ks-legend .unsubscribe .square-btn-wrap {
  margin-top: 0;
  margin-bottom: 20px;
}
.winston-compact .finish-content, .sobranie-slims-rich .finish-content, .winston-xstyle-slims .finish-content, .camel-slims-blues .finish-content, .camel-ks-legend .finish-content {
  display: flex;
  flex-direction: column;
  min-width: 100%;
  height: 100%;
}
.winston-compact .finish-content .finish-title, .sobranie-slims-rich .finish-content .finish-title, .winston-xstyle-slims .finish-content .finish-title, .camel-slims-blues .finish-content .finish-title, .camel-ks-legend .finish-content .finish-title {
  color: #000;
  text-transform: uppercase;
}
.winston-compact .finish-content .finish-icon, .winston-compact .finish-content .refresh-icon, .sobranie-slims-rich .finish-content .finish-icon, .sobranie-slims-rich .finish-content .refresh-icon, .winston-xstyle-slims .finish-content .finish-icon, .winston-xstyle-slims .finish-content .refresh-icon, .camel-slims-blues .finish-content .finish-icon, .camel-slims-blues .finish-content .refresh-icon, .camel-ks-legend .finish-content .finish-icon, .camel-ks-legend .finish-content .refresh-icon {
  margin: 17px 0;
  height: auto;
}
.winston-compact .finish-content .finish-text, .sobranie-slims-rich .finish-content .finish-text, .winston-xstyle-slims .finish-content .finish-text, .camel-slims-blues .finish-content .finish-text, .camel-ks-legend .finish-content .finish-text {
  font-weight: 500;
  color: #000;
}
.winston-compact .finish-content .finish-text.uppercase, .sobranie-slims-rich .finish-content .finish-text.uppercase, .winston-xstyle-slims .finish-content .finish-text.uppercase, .camel-slims-blues .finish-content .finish-text.uppercase, .camel-ks-legend .finish-content .finish-text.uppercase {
  text-transform: uppercase;
}
.winston-compact .finish-content .invite-text, .sobranie-slims-rich .finish-content .invite-text, .winston-xstyle-slims .finish-content .invite-text, .camel-slims-blues .finish-content .invite-text, .camel-ks-legend .finish-content .invite-text {
  margin-top: auto;
}
.winston-compact .invite-text, .sobranie-slims-rich .invite-text, .winston-xstyle-slims .invite-text, .camel-slims-blues .invite-text, .camel-ks-legend .invite-text {
  width: 480px;
  font-size: 21px;
  font-weight: 500;
  color: #000;
  margin: 60px 0 0;
  padding: 66px 20px 20px;
  background: url(/images/final-bg.png?482a7b8af7f8d6724a52cbcf5e874e67) no-repeat center center;
  position: relative;
}
.winston-compact .invite-text a, .sobranie-slims-rich .invite-text a, .winston-xstyle-slims .invite-text a, .camel-slims-blues .invite-text a, .camel-ks-legend .invite-text a {
  font-weight: 700;
  color: #fff;
}
.winston-compact .invite-text .jplatform-link, .sobranie-slims-rich .invite-text .jplatform-link, .winston-xstyle-slims .invite-text .jplatform-link, .camel-slims-blues .invite-text .jplatform-link, .camel-ks-legend .invite-text .jplatform-link {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20px auto 0;
  width: 100%;
  max-width: 388px;
  height: 64px;
  gap: 10px;
  border-radius: 12px;
  background: #FFFFFF;
  border: none;
  font-size: 22px;
  text-decoration: none;
  color: #00B085;
}
.winston-compact .jplatform-logo-container, .sobranie-slims-rich .jplatform-logo-container, .winston-xstyle-slims .jplatform-logo-container, .camel-slims-blues .jplatform-logo-container, .camel-ks-legend .jplatform-logo-container {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-56px) translateY(-56px);
}
.winston-compact .cigarette-attention, .sobranie-slims-rich .cigarette-attention, .winston-xstyle-slims .cigarette-attention, .camel-slims-blues .cigarette-attention, .camel-ks-legend .cigarette-attention {
  max-width: 480px;
  left: auto;
}
.winston-compact .cigarette-attention img, .sobranie-slims-rich .cigarette-attention img, .winston-xstyle-slims .cigarette-attention img, .camel-slims-blues .cigarette-attention img, .camel-ks-legend .cigarette-attention img {
  margin: 0 auto;
  display: block;
}
@media (max-width: 991px) {
  .winston-compact .finish-title, .sobranie-slims-rich .finish-title, .winston-xstyle-slims .finish-title, .camel-slims-blues .finish-title, .camel-ks-legend .finish-title {
    font-size: 30px;
    letter-spacing: 0.03em;
  }
  .winston-compact .finish .contact-us a, .sobranie-slims-rich .finish .contact-us a, .winston-xstyle-slims .finish .contact-us a, .camel-slims-blues .finish .contact-us a, .camel-ks-legend .finish .contact-us a {
    font-size: 0.95em;
  }
}
@media (min-width: 992px) {
  .winston-compact.steps, .sobranie-slims-rich.steps, .winston-xstyle-slims.steps, .camel-slims-blues.steps, .camel-ks-legend.steps {
    max-width: 480px;
  }
}
@media (max-width: 466px) {
  .winston-compact .btn-wrap, .sobranie-slims-rich .btn-wrap, .winston-xstyle-slims .btn-wrap, .camel-slims-blues .btn-wrap, .camel-ks-legend .btn-wrap {
    max-width: 388px;
    width: 100%;
  }
  .winston-compact .btns-wrap .btn:not(.btn--full), .sobranie-slims-rich .btns-wrap .btn:not(.btn--full), .winston-xstyle-slims .btns-wrap .btn:not(.btn--full), .camel-slims-blues .btns-wrap .btn:not(.btn--full), .camel-ks-legend .btns-wrap .btn:not(.btn--full) {
    max-width: 188px;
    width: 48%;
    height: 64px;
    margin-bottom: 20px;
  }
  .winston-compact .survey-content .survey-images, .sobranie-slims-rich .survey-content .survey-images, .winston-xstyle-slims .survey-content .survey-images, .camel-slims-blues .survey-content .survey-images, .camel-ks-legend .survey-content .survey-images {
    max-width: 388px;
    width: 100%;
    justify-content: space-between;
  }
  .winston-compact .survey-content .survey-images img, .sobranie-slims-rich .survey-content .survey-images img, .winston-xstyle-slims .survey-content .survey-images img, .camel-slims-blues .survey-content .survey-images img, .camel-ks-legend .survey-content .survey-images img {
    max-width: 48%;
  }
  .winston-compact .invite-text .jplatform-link, .sobranie-slims-rich .invite-text .jplatform-link, .winston-xstyle-slims .invite-text .jplatform-link, .camel-slims-blues .invite-text .jplatform-link, .camel-ks-legend .invite-text .jplatform-link {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .winston-compact.steps > div, .sobranie-slims-rich.steps > div, .winston-xstyle-slims.steps > div, .camel-slims-blues.steps > div, .camel-ks-legend.steps > div {
    padding-left: 0;
    padding-right: 0;
  }
  .winston-compact .invite-text, .sobranie-slims-rich .invite-text, .winston-xstyle-slims .invite-text, .camel-slims-blues .invite-text, .camel-ks-legend .invite-text {
    width: 100vw;
  }
  .winston-compact .invite-text p, .sobranie-slims-rich .invite-text p, .winston-xstyle-slims .invite-text p, .camel-slims-blues .invite-text p, .camel-ks-legend .invite-text p {
    max-width: 388px;
  }
}

.winston-compact {
  padding: 20px;
}
.winston-compact .finish.blocked .finish-icon img {
  width: 160px !important;
}
.winston-compact .finish.closed .finish-icon img {
  width: 176px !important;
}
.winston-compact .btn-link {
  text-transform: uppercase;
}
.winston-compact input[type=radio] + label {
  padding-top: 90px;
}
.winston-compact .age-confirmation {
  margin-top: 20px;
}
.winston-compact .age-confirmation .confirmation-text {
  margin-top: 20px;
}
.winston-compact .unsubscribe-icon {
  margin-top: 50px;
}
.winston-compact .unsubscribe-title {
  margin-top: 20px;
}
.winston-compact .survey-content {
  margin-top: 20px;
}
.winston-compact .survey-content .survey-text {
  font-size: 20px;
  line-height: 27px;
  margin-bottom: 20px;
}
.winston-compact.steps > div {
  padding-top: 20px;
  padding-bottom: 93px;
}
.winston-compact .btn-link {
  margin-bottom: 40px;
}
.winston-compact .radio-btn-container {
  margin-bottom: 20px;
}
.winston-compact .btn-wrap {
  margin: 20px 0;
  width: 100%;
  max-width: 388px;
}
.winston-compact .btn-wrap .btn-next {
  width: 100%;
  height: 100%;
  background-color: #00B085;
  color: #fff;
  border: none;
  padding: 10px;
  font-size: 22px;
  cursor: pointer;
  border-radius: 12px;
  text-transform: uppercase;
}
.winston-compact .btn-wrap .btn-next:disabled {
  background-color: #ccc;
}
.winston-compact .btns-wrap {
  margin-bottom: 20px;
}
.winston-compact .btns-wrap .btn {
  margin-bottom: 10px;
  font-size: 16px;
  border: 2px solid #00B085;
}
.winston-compact .btns-wrap .btn.active {
  background-color: #048162;
}
.winston-compact .btns-wrap .btn:not(.btn--full) {
  margin-bottom: 20px;
}
.winston-compact .finish-content {
  margin-top: 20px;
}
.winston-compact .finish-content .finish-title {
  font-size: 29px;
  font-weight: bold;
}
.winston-compact .finish-content .finish-text {
  font-size: 17px;
  margin-bottom: 70px;
}
.winston-compact .finish-content .finish-text.uppercase {
  margin-bottom: 35px;
}
.winston-compact .finish-content .finish-text a {
  text-decoration: none;
  color: #00B085;
}
.winston-compact .finish-content .finish-icon img, .winston-compact .finish-content .refresh-icon img {
  width: 82px;
}
.winston-compact .invite-text {
  padding: 66px 20px 20px;
}
@media (max-width: 480px) {
  .winston-compact .invite-text {
    padding: 66px 20px 67px;
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: -56px;
  }
}
.winston-compact .dots {
  margin-bottom: 20px;
}

.sobranie-slims-rich.steps .step-3 .btns-wrap, .winston-xstyle-slims.steps .step-3 .btns-wrap {
  flex-direction: column;
  gap: 8px;
  text-transform: uppercase;
}

.sobranie-slims-rich, .winston-xstyle-slims, .camel-slims-blues, .camel-ks-legend {
  padding: 0 22px;
}
.sobranie-slims-rich.steps > div, .winston-xstyle-slims.steps > div, .camel-slims-blues.steps > div, .camel-ks-legend.steps > div {
  padding-bottom: 113px;
}
@media (max-width: 479px) {
  .sobranie-slims-rich.steps > div, .winston-xstyle-slims.steps > div, .camel-slims-blues.steps > div, .camel-ks-legend.steps > div {
    padding-bottom: 23.5416666667vw;
  }
}
.sobranie-slims-rich.steps .step-0, .winston-xstyle-slims.steps .step-0, .camel-slims-blues.steps .step-0, .camel-ks-legend.steps .step-0 {
  padding-bottom: 228px;
}
.sobranie-slims-rich.steps .step-0 .age-confirmation .confirmation-text, .winston-xstyle-slims.steps .step-0 .age-confirmation .confirmation-text, .camel-slims-blues.steps .step-0 .age-confirmation .confirmation-text, .camel-ks-legend.steps .step-0 .age-confirmation .confirmation-text {
  line-height: 27.24px;
  letter-spacing: 0.01em;
  margin-top: 23px;
}
@media (max-width: 479px) {
  .sobranie-slims-rich.steps .step-0 .age-confirmation .confirmation-text, .winston-xstyle-slims.steps .step-0 .age-confirmation .confirmation-text, .camel-slims-blues.steps .step-0 .age-confirmation .confirmation-text, .camel-ks-legend.steps .step-0 .age-confirmation .confirmation-text {
    font-size: 4.1666666667vw;
  }
}
.sobranie-slims-rich.steps .step-0 .radio-button, .winston-xstyle-slims.steps .step-0 .radio-button, .camel-slims-blues.steps .step-0 .radio-button, .camel-ks-legend.steps .step-0 .radio-button {
  letter-spacing: 0.03em;
}
.sobranie-slims-rich.steps .step-0 .radio-button:not(:last-child), .winston-xstyle-slims.steps .step-0 .radio-button:not(:last-child), .camel-slims-blues.steps .step-0 .radio-button:not(:last-child), .camel-ks-legend.steps .step-0 .radio-button:not(:last-child) {
  margin-bottom: 26px;
}
.sobranie-slims-rich.steps .step-0 .radio-button input[type=radio] + label, .winston-xstyle-slims.steps .step-0 .radio-button input[type=radio] + label, .camel-slims-blues.steps .step-0 .radio-button input[type=radio] + label, .camel-ks-legend.steps .step-0 .radio-button input[type=radio] + label {
  padding-top: 93px;
  font-family: "Noto Sans Armenian";
}
@media (max-width: 479px) {
  .sobranie-slims-rich.steps .step-0 .radio-button input[type=radio] + label, .winston-xstyle-slims.steps .step-0 .radio-button input[type=radio] + label, .camel-slims-blues.steps .step-0 .radio-button input[type=radio] + label, .camel-ks-legend.steps .step-0 .radio-button input[type=radio] + label {
    font-size: 4.5833333333vw;
  }
}
.sobranie-slims-rich.steps .step-0 .survey-content, .winston-xstyle-slims.steps .step-0 .survey-content, .camel-slims-blues.steps .step-0 .survey-content, .camel-ks-legend.steps .step-0 .survey-content {
  margin-top: 35px;
}
.sobranie-slims-rich.steps .step-0 .survey-brand, .winston-xstyle-slims.steps .step-0 .survey-brand, .camel-slims-blues.steps .step-0 .survey-brand, .camel-ks-legend.steps .step-0 .survey-brand {
  margin-bottom: 30px;
}
.sobranie-slims-rich.steps .step-0 .btn-link, .winston-xstyle-slims.steps .step-0 .btn-link, .camel-slims-blues.steps .step-0 .btn-link, .camel-ks-legend.steps .step-0 .btn-link {
  margin-top: 177px;
}
.sobranie-slims-rich.steps .step-1, .winston-xstyle-slims.steps .step-1, .camel-slims-blues.steps .step-1, .camel-ks-legend.steps .step-1 {
  padding-bottom: 189px;
}
.sobranie-slims-rich.steps .step-1 .survey-content, .winston-xstyle-slims.steps .step-1 .survey-content, .camel-slims-blues.steps .step-1 .survey-content, .camel-ks-legend.steps .step-1 .survey-content {
  margin-top: 30px;
}
.sobranie-slims-rich.steps .step-1 .btn-link, .winston-xstyle-slims.steps .step-1 .btn-link, .camel-slims-blues.steps .step-1 .btn-link, .camel-ks-legend.steps .step-1 .btn-link {
  margin-top: 186px;
}
.sobranie-slims-rich.steps .step-1 .survey-brand, .winston-xstyle-slims.steps .step-1 .survey-brand, .camel-slims-blues.steps .step-1 .survey-brand, .camel-ks-legend.steps .step-1 .survey-brand {
  justify-content: flex-start;
  margin-left: 14px;
  margin-bottom: 30px;
}
@media (max-width: 479px) {
  .sobranie-slims-rich.steps .step-1 .survey-brand, .winston-xstyle-slims.steps .step-1 .survey-brand, .camel-slims-blues.steps .step-1 .survey-brand, .camel-ks-legend.steps .step-1 .survey-brand {
    margin-left: 0;
  }
}
@media (max-width: 479px) {
  .sobranie-slims-rich.steps .step-1 .survey-brand-image, .winston-xstyle-slims.steps .step-1 .survey-brand-image, .camel-slims-blues.steps .step-1 .survey-brand-image, .camel-ks-legend.steps .step-1 .survey-brand-image {
    width: 47.7083333333vw;
  }
}
.sobranie-slims-rich.steps .step-1 .survey-title, .winston-xstyle-slims.steps .step-1 .survey-title, .camel-slims-blues.steps .step-1 .survey-title, .camel-ks-legend.steps .step-1 .survey-title {
  font-weight: 600;
}
.sobranie-slims-rich.steps .step-2, .winston-xstyle-slims.steps .step-2, .camel-slims-blues.steps .step-2, .camel-ks-legend.steps .step-2 {
  padding-bottom: 320px;
}
.sobranie-slims-rich.steps .step-3, .winston-xstyle-slims.steps .step-3, .camel-slims-blues.steps .step-3, .camel-ks-legend.steps .step-3 {
  padding-bottom: 248px;
}
.sobranie-slims-rich.steps .step-2 .survey-content, .sobranie-slims-rich.steps > .step-3 .survey-content, .winston-xstyle-slims.steps .step-2 .survey-content, .winston-xstyle-slims.steps > .step-3 .survey-content, .camel-slims-blues.steps .step-2 .survey-content, .camel-slims-blues.steps > .step-3 .survey-content, .camel-ks-legend.steps .step-2 .survey-content, .camel-ks-legend.steps > .step-3 .survey-content {
  margin-top: 54px;
}
.sobranie-slims-rich.steps .step-2 .survey-brand, .sobranie-slims-rich.steps > .step-3 .survey-brand, .winston-xstyle-slims.steps .step-2 .survey-brand, .winston-xstyle-slims.steps > .step-3 .survey-brand, .camel-slims-blues.steps .step-2 .survey-brand, .camel-slims-blues.steps > .step-3 .survey-brand, .camel-ks-legend.steps .step-2 .survey-brand, .camel-ks-legend.steps > .step-3 .survey-brand {
  margin-bottom: 30px;
}
.sobranie-slims-rich.steps .unsubscribe, .winston-xstyle-slims.steps .unsubscribe, .camel-slims-blues.steps .unsubscribe, .camel-ks-legend.steps .unsubscribe {
  padding-bottom: 210px;
}
.sobranie-slims-rich.steps .unsubscribe .unsubscribe-icon, .winston-xstyle-slims.steps .unsubscribe .unsubscribe-icon, .camel-slims-blues.steps .unsubscribe .unsubscribe-icon, .camel-ks-legend.steps .unsubscribe .unsubscribe-icon {
  margin-top: 74px;
  margin-bottom: 58px;
}
.sobranie-slims-rich.steps .unsubscribe .unsubscribe-title, .winston-xstyle-slims.steps .unsubscribe .unsubscribe-title, .camel-slims-blues.steps .unsubscribe .unsubscribe-title, .camel-ks-legend.steps .unsubscribe .unsubscribe-title {
  margin: 0;
  line-height: 43.58px;
}
@media (max-width: 479px) {
  .sobranie-slims-rich.steps .unsubscribe .unsubscribe-title, .winston-xstyle-slims.steps .unsubscribe .unsubscribe-title, .camel-slims-blues.steps .unsubscribe .unsubscribe-title, .camel-ks-legend.steps .unsubscribe .unsubscribe-title {
    font-size: 5.8333333333vw;
  }
}
.sobranie-slims-rich.steps .unsubscribe .unsubscribe-text, .winston-xstyle-slims.steps .unsubscribe .unsubscribe-text, .camel-slims-blues.steps .unsubscribe .unsubscribe-text, .camel-ks-legend.steps .unsubscribe .unsubscribe-text {
  margin-top: 12px;
  margin-bottom: 57px;
  font-size: 20px;
  line-height: 27.24px;
}
.sobranie-slims-rich.steps .unsubscribe .btns-wrap, .winston-xstyle-slims.steps .unsubscribe .btns-wrap, .camel-slims-blues.steps .unsubscribe .btns-wrap, .camel-ks-legend.steps .unsubscribe .btns-wrap {
  flex-direction: column;
  gap: 10px;
}
.sobranie-slims-rich.steps .unsubscribe .btns-wrap .btn, .winston-xstyle-slims.steps .unsubscribe .btns-wrap .btn, .camel-slims-blues.steps .unsubscribe .btns-wrap .btn, .camel-ks-legend.steps .unsubscribe .btns-wrap .btn {
  font-size: 20px;
  font-weight: 500;
  padding: 5px 13px;
}
@media (max-width: 479px) {
  .sobranie-slims-rich.steps .unsubscribe .btns-wrap .btn, .winston-xstyle-slims.steps .unsubscribe .btns-wrap .btn, .camel-slims-blues.steps .unsubscribe .btns-wrap .btn, .camel-ks-legend.steps .unsubscribe .btns-wrap .btn {
    font-size: 4.1753653445vw;
  }
}
.sobranie-slims-rich.steps .finish .blocked .finish-text, .sobranie-slims-rich.steps .finish .close .finish-text, .winston-xstyle-slims.steps .finish .blocked .finish-text, .winston-xstyle-slims.steps .finish .close .finish-text, .camel-slims-blues.steps .finish .blocked .finish-text, .camel-slims-blues.steps .finish .close .finish-text, .camel-ks-legend.steps .finish .blocked .finish-text, .camel-ks-legend.steps .finish .close .finish-text {
  font-weight: 400;
}
.sobranie-slims-rich.steps .finish.blocked .finish-text, .winston-xstyle-slims.steps .finish.blocked .finish-text, .camel-slims-blues.steps .finish.blocked .finish-text, .camel-ks-legend.steps .finish.blocked .finish-text {
  margin-bottom: 99px;
  margin-top: 29px;
}
.sobranie-slims-rich.steps .finish.blocked .finish-icon, .winston-xstyle-slims.steps .finish.blocked .finish-icon, .camel-slims-blues.steps .finish.blocked .finish-icon, .camel-ks-legend.steps .finish.blocked .finish-icon {
  margin-top: 64px;
  margin-bottom: 62px;
}
.sobranie-slims-rich.steps .finish.closed .finish-text, .winston-xstyle-slims.steps .finish.closed .finish-text, .camel-slims-blues.steps .finish.closed .finish-text, .camel-ks-legend.steps .finish.closed .finish-text {
  margin-bottom: 128px;
  margin-top: 37px;
}
.sobranie-slims-rich.steps .finish.closed .finish-icon, .winston-xstyle-slims.steps .finish.closed .finish-icon, .camel-slims-blues.steps .finish.closed .finish-icon, .camel-ks-legend.steps .finish.closed .finish-icon {
  margin-top: 88px;
  margin-bottom: 58px;
}
.sobranie-slims-rich.steps .finish.closed .finish-icon img, .winston-xstyle-slims.steps .finish.closed .finish-icon img, .camel-slims-blues.steps .finish.closed .finish-icon img, .camel-ks-legend.steps .finish.closed .finish-icon img {
  width: 207px;
}
.sobranie-slims-rich.steps .finish-content, .winston-xstyle-slims.steps .finish-content, .camel-slims-blues.steps .finish-content, .camel-ks-legend.steps .finish-content {
  margin-top: 11px;
}
.sobranie-slims-rich.steps .finish-content .finish-icon, .winston-xstyle-slims.steps .finish-content .finish-icon, .camel-slims-blues.steps .finish-content .finish-icon, .camel-ks-legend.steps .finish-content .finish-icon {
  margin: 24px 0;
}
.sobranie-slims-rich.steps .finish-content .finish-title, .winston-xstyle-slims.steps .finish-content .finish-title, .camel-slims-blues.steps .finish-content .finish-title, .camel-ks-legend.steps .finish-content .finish-title {
  font-family: "Noto Sans Armenian";
  font-size: 34px;
  font-weight: 700;
  line-height: 44px;
  letter-spacing: 0.01em;
}
@media (max-width: 479px) {
  .sobranie-slims-rich.steps .finish-content .finish-title, .winston-xstyle-slims.steps .finish-content .finish-title, .camel-slims-blues.steps .finish-content .finish-title, .camel-ks-legend.steps .finish-content .finish-title {
    font-size: 7.0833333333vw;
  }
}
.sobranie-slims-rich.steps .finish-content .finish-text, .winston-xstyle-slims.steps .finish-content .finish-text, .camel-slims-blues.steps .finish-content .finish-text, .camel-ks-legend.steps .finish-content .finish-text {
  font-family: "Noto Sans Armenian";
  font-size: 20px;
  line-height: 27.24px;
  letter-spacing: 0.01em;
  margin-bottom: 81px;
}
@media (max-width: 400px) {
  .sobranie-slims-rich.steps .finish-content .finish-text, .winston-xstyle-slims.steps .finish-content .finish-text, .camel-slims-blues.steps .finish-content .finish-text, .camel-ks-legend.steps .finish-content .finish-text {
    font-size: 18px;
  }
}
.sobranie-slims-rich.steps .finish-content .finish-text a, .winston-xstyle-slims.steps .finish-content .finish-text a, .camel-slims-blues.steps .finish-content .finish-text a, .camel-ks-legend.steps .finish-content .finish-text a {
  text-underline-offset: 4px;
  color: #000;
}
.sobranie-slims-rich .btn-link, .winston-xstyle-slims .btn-link, .camel-slims-blues .btn-link, .camel-ks-legend .btn-link {
  font-family: "Noto Sans Armenian";
  text-underline-offset: 1px;
}
.sobranie-slims-rich .dots, .winston-xstyle-slims .dots, .camel-slims-blues .dots, .camel-ks-legend .dots {
  margin: 30px 0;
}
.sobranie-slims-rich .survey-text, .winston-xstyle-slims .survey-text, .camel-slims-blues .survey-text, .camel-ks-legend .survey-text {
  font-size: 22px;
  line-height: 1.36;
  letter-spacing: 0.01em;
}
@media (max-width: 479px) {
  .sobranie-slims-rich .survey-text, .winston-xstyle-slims .survey-text, .camel-slims-blues .survey-text, .camel-ks-legend .survey-text {
    font-size: 4.5833333333vw;
  }
}
.sobranie-slims-rich .age-confirmation, .winston-xstyle-slims .age-confirmation, .camel-slims-blues .age-confirmation, .camel-ks-legend .age-confirmation {
  margin-top: 35px;
}
.sobranie-slims-rich .survey-brand, .winston-xstyle-slims .survey-brand, .camel-slims-blues .survey-brand, .camel-ks-legend .survey-brand {
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: center;
}
@media (max-width: 479px) {
  .sobranie-slims-rich .survey-brand, .winston-xstyle-slims .survey-brand, .camel-slims-blues .survey-brand, .camel-ks-legend .survey-brand {
    gap: 3.3333333333vw;
  }
}
.sobranie-slims-rich .survey-brand .brand-tree-list, .winston-xstyle-slims .survey-brand .brand-tree-list, .camel-slims-blues .survey-brand .brand-tree-list, .camel-ks-legend .survey-brand .brand-tree-list {
  font-family: "Noto Sans Armenian";
  color: #000;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.sobranie-slims-rich .survey-brand .brand-tree-list-item, .winston-xstyle-slims .survey-brand .brand-tree-list-item, .camel-slims-blues .survey-brand .brand-tree-list-item, .camel-ks-legend .survey-brand .brand-tree-list-item {
  display: flex;
  align-items: center;
  gap: 13px;
  margin-left: 0;
  margin-bottom: 0;
  text-align: left;
}
@media (max-width: 479px) {
  .sobranie-slims-rich .survey-brand .brand-tree-list-item, .winston-xstyle-slims .survey-brand .brand-tree-list-item, .camel-slims-blues .survey-brand .brand-tree-list-item, .camel-ks-legend .survey-brand .brand-tree-list-item {
    gap: 2.7083333333vw;
  }
}
.sobranie-slims-rich .survey-brand .brand-tree-list-item-box, .winston-xstyle-slims .survey-brand .brand-tree-list-item-box, .camel-slims-blues .survey-brand .brand-tree-list-item-box, .camel-ks-legend .survey-brand .brand-tree-list-item-box {
  width: 63px;
  height: 63px;
  padding: 5px;
  border-radius: 14px;
  background: #00B085;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  color: #fff;
  font-size: 51px;
  font-weight: 600;
}
@media (max-width: 479px) {
  .sobranie-slims-rich .survey-brand .brand-tree-list-item-box, .winston-xstyle-slims .survey-brand .brand-tree-list-item-box, .camel-slims-blues .survey-brand .brand-tree-list-item-box, .camel-ks-legend .survey-brand .brand-tree-list-item-box {
    font-size: 10.625vw;
    width: 13.125vw;
    height: 13.125vw;
  }
}
.sobranie-slims-rich .survey-brand .brand-tree-list-item-image, .winston-xstyle-slims .survey-brand .brand-tree-list-item-image, .camel-slims-blues .survey-brand .brand-tree-list-item-image, .camel-ks-legend .survey-brand .brand-tree-list-item-image {
  margin-right: 0;
  width: auto;
  height: auto;
}
.sobranie-slims-rich .survey-brand .brand-tree-list-item-text, .winston-xstyle-slims .survey-brand .brand-tree-list-item-text, .camel-slims-blues .survey-brand .brand-tree-list-item-text, .camel-ks-legend .survey-brand .brand-tree-list-item-text {
  font-family: "Noto Sans Armenian";
  font-size: 12px;
  line-height: 18px;
}
@media (max-width: 479px) {
  .sobranie-slims-rich .survey-brand .brand-tree-list-item-text, .winston-xstyle-slims .survey-brand .brand-tree-list-item-text, .camel-slims-blues .survey-brand .brand-tree-list-item-text, .camel-ks-legend .survey-brand .brand-tree-list-item-text {
    font-size: 2.5vw;
  }
}
.sobranie-slims-rich .btn-wrap, .winston-xstyle-slims .btn-wrap, .camel-slims-blues .btn-wrap, .camel-ks-legend .btn-wrap {
  margin-top: 30px;
  width: 188px;
}
.sobranie-slims-rich .btn-wrap .btn-next, .winston-xstyle-slims .btn-wrap .btn-next, .camel-slims-blues .btn-wrap .btn-next, .camel-ks-legend .btn-wrap .btn-next {
  width: 100%;
  height: 100%;
  border: 2px solid transparent;
  background: linear-gradient(#fff 0 0) padding-box, linear-gradient(90deg, #53BCB8 0%, #6FBA5F 100%) border-box;
  border-radius: 12px;
  font-size: 22px;
  font-weight: 700;
  cursor: pointer;
}
.sobranie-slims-rich .btn-wrap .btn-next:hover, .winston-xstyle-slims .btn-wrap .btn-next:hover, .camel-slims-blues .btn-wrap .btn-next:hover, .camel-ks-legend .btn-wrap .btn-next:hover {
  background: linear-gradient(#00B085 0 0) padding-box, linear-gradient(90deg, #53BCB8 0%, #6FBA5F 100%) border-box;
}
.sobranie-slims-rich .btn-wrap .btn-next:hover .btn-next-text, .winston-xstyle-slims .btn-wrap .btn-next:hover .btn-next-text, .camel-slims-blues .btn-wrap .btn-next:hover .btn-next-text, .camel-ks-legend .btn-wrap .btn-next:hover .btn-next-text {
  background: none;
  color: #fff;
  -webkit-text-fill-color: unset;
}
.sobranie-slims-rich .btn-wrap .btn-next-text, .winston-xstyle-slims .btn-wrap .btn-next-text, .camel-slims-blues .btn-wrap .btn-next-text, .camel-ks-legend .btn-wrap .btn-next-text {
  background: linear-gradient(90deg, #53BCB8 0%, #6FBA5F 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.sobranie-slims-rich .btn-wrap .btn-next:disabled, .winston-xstyle-slims .btn-wrap .btn-next:disabled, .camel-slims-blues .btn-wrap .btn-next:disabled, .camel-ks-legend .btn-wrap .btn-next:disabled {
  background-color: #ccc;
}
.sobranie-slims-rich .btns-wrap, .winston-xstyle-slims .btns-wrap, .camel-slims-blues .btns-wrap, .camel-ks-legend .btns-wrap {
  width: 100%;
  max-width: 386px;
  margin-top: 0;
  gap: 10px;
}
.sobranie-slims-rich .btns-wrap .btn, .winston-xstyle-slims .btns-wrap .btn, .camel-slims-blues .btns-wrap .btn, .camel-ks-legend .btns-wrap .btn {
  font-family: "Noto Sans Armenian";
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 700;
  text-transform: unset;
}
.sobranie-slims-rich .btns-wrap .btn.active, .sobranie-slims-rich .btns-wrap .btn:hover, .winston-xstyle-slims .btns-wrap .btn.active, .winston-xstyle-slims .btns-wrap .btn:hover, .camel-slims-blues .btns-wrap .btn.active, .camel-slims-blues .btns-wrap .btn:hover, .camel-ks-legend .btns-wrap .btn.active, .camel-ks-legend .btns-wrap .btn:hover {
  background: linear-gradient(90deg, #53BCB8 0%, #6FBA5F 100%);
}
.sobranie-slims-rich .invite-text, .winston-xstyle-slims .invite-text, .camel-slims-blues .invite-text, .camel-ks-legend .invite-text {
  font-family: "Noto Sans Armenian";
  text-transform: uppercase;
  letter-spacing: 0.01em;
  line-height: 28.6px;
  padding: 79px 46px 69px;
  background-size: cover;
}
@media (max-width: 480px) {
  .sobranie-slims-rich .invite-text, .winston-xstyle-slims .invite-text, .camel-slims-blues .invite-text, .camel-ks-legend .invite-text {
    margin-left: -22px;
    margin-right: -22px;
  }
}
.sobranie-slims-rich .invite-text a, .winston-xstyle-slims .invite-text a, .camel-slims-blues .invite-text a, .camel-ks-legend .invite-text a {
  text-decoration: none;
}
.sobranie-slims-rich .invite-text .jplatform-link, .winston-xstyle-slims .invite-text .jplatform-link, .camel-slims-blues .invite-text .jplatform-link, .camel-ks-legend .invite-text .jplatform-link {
  margin-top: 24px;
}
.sobranie-slims-rich .finish-content .refresh-icon img, .sobranie-slims-rich .finish-content .finish-icon img, .winston-xstyle-slims .finish-content .refresh-icon img, .winston-xstyle-slims .finish-content .finish-icon img, .camel-slims-blues .finish-content .refresh-icon img, .camel-slims-blues .finish-content .finish-icon img, .camel-ks-legend .finish-content .refresh-icon img, .camel-ks-legend .finish-content .finish-icon img {
  width: 97px;
}
.sobranie-slims-rich .finish.blocked .finish-icon img, .winston-xstyle-slims .finish.blocked .finish-icon img, .camel-slims-blues .finish.blocked .finish-icon img, .camel-ks-legend .finish.blocked .finish-icon img {
  width: 188px;
}

.camel-ks-legend {
  line-height: normal;
}
.camel-ks-legend.steps > div {
  padding-bottom: min(192px, 40vw);
}
.camel-ks-legend .step-2 .survey-brand {
  margin-top: 19px;
}
.camel-ks-legend .step-2 .survey-brand img {
  height: auto;
}
.camel-ks-legend .step-2 .survey-content .survey-text {
  margin-top: 40px;
}
.camel-ks-legend.steps .step-3 .survey-brand {
  margin-top: 45px;
  margin-bottom: 0;
}
.camel-ks-legend.steps .step-3 .survey-brand img {
  height: auto;
}
.camel-ks-legend.steps .step-3 .survey-content .survey-text {
  margin-top: 25px;
}
.camel-ks-legend .btns-wrap {
  max-width: 360px;
  margin-top: 40px;
  gap: 14px;
}
.camel-ks-legend .btns-wrap .btn {
  line-height: normal;
}
.camel-ks-legend .btns-wrap .btn-icon {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.camel-ks-legend .btns-wrap .btn.btn--full {
  background: #fff;
  box-shadow: 0px 4px 4px 0px #00000040;
  color: #000;
  text-transform: uppercase;
  border-radius: 61px;
  position: relative;
}
.camel-ks-legend .btns-wrap .btn.btn--full:has(.btn-icon) {
  padding: 0 55px;
}
.camel-ks-legend .btns-wrap .btn.btn--full:hover {
  background: #FED924;
}
.camel-ks-legend .survey-content, .camel-ks-legend.steps .step-2 .survey-content, .camel-ks-legend.steps .step-3 .survey-content {
  margin-top: 0;
}
.camel-ks-legend .survey-content .survey-text, .camel-ks-legend.steps .step-2 .survey-content .survey-text, .camel-ks-legend.steps .step-3 .survey-content .survey-text {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: normal;
}
.camel-ks-legend .age-confirmation, .camel-ks-legend.steps .step-0 .age-confirmation {
  margin-top: 24px;
}
.camel-ks-legend .age-confirmation .confirmation-text, .camel-ks-legend.steps .step-0 .age-confirmation .confirmation-text {
  font-size: 30px;
  font-weight: 600;
  letter-spacing: normal;
  line-height: normal;
  margin-top: 0;
}
.camel-ks-legend .btn-link {
  margin-top: min(385px, 80.2083333333vw);
  color: #fff;
  letter-spacing: normal;
}
.camel-ks-legend .radio-btn-container {
  margin-top: 30px;
}
.camel-ks-legend .radio-btn-container .radio-button.yes {
  margin-bottom: 20px;
}
.camel-ks-legend .radio-btn-container .radio-button input[type=radio]:hover + label::after, .camel-ks-legend .radio-btn-container .radio-button input[type=radio]:checked + label::after {
  background: #FED924;
}
.camel-ks-legend .radio-btn-container .radio-button input[type=radio] + label:before {
  border: none;
}
.camel-ks-legend .radio-btn-container .radio-button input[type=radio] + label:after {
  background-color: transparent;
}
.camel-ks-legend .radio-btn-container .radio-button label {
  font-family: "Noto Sans Armenian";
  font-size: 20px;
}
.camel-ks-legend .finish {
  margin-top: 24px;
  font-family: "Noto Sans Armenian";
  color: #000;
}
.camel-ks-legend .finish-title {
  font-size: 30px;
  font-weight: 600;
  letter-spacing: normal;
}
.camel-ks-legend .finish .refill-img {
  width: 183px;
  margin-top: 61px;
  margin-bottom: 41px;
}
.camel-ks-legend .finish .contact-us {
  font-weight: 400;
  line-height: normal;
}
.camel-ks-legend .finish .contact-us:nth-of-type(2) {
  margin-top: 25px;
}
.camel-ks-legend .finish .contact-us, .camel-ks-legend .finish .contact-us a {
  font-family: "Noto Sans Armenian";
  font-size: 20px;
  color: #000;
}
.camel-ks-legend .finish .contact-us a {
  margin-top: 0;
  text-decoration: none;
  font-weight: 600;
}
.camel-ks-legend .blocked {
  color: #000;
}
.camel-ks-legend .blocked-img {
  width: 209px;
  scale: 1.17;
  margin: 10px 0;
}
.camel-ks-legend .blocked-title {
  margin-top: 0;
  margin-bottom: 61px;
  line-height: normal;
}
.camel-ks-legend .blocked .blocked-text {
  margin-top: 37px;
}
.camel-ks-legend .blocked.closed .blocked-title {
  margin-bottom: 78px;
}
.camel-ks-legend .blocked.closed .blocked-text {
  margin-top: 61px;
}
.camel-ks-legend .blocked.closed .invite-text {
  margin-top: 107px;
}
.camel-ks-legend .invite-text {
  background: none;
  margin-top: 80px;
  padding: 0;
  width: auto;
  font-size: 20px;
  letter-spacing: 0.01em;
  max-width: 388px;
}
.camel-ks-legend .invite-text a {
  color: #000;
  font-weight: 600;
  text-decoration: underline;
}
.camel-ks-legend .invite-text .jplatform-logo-container {
  position: static;
  transform: none;
  margin-bottom: 24px;
}
.camel-ks-legend .invite-text a.jplatform-link {
  color: #000;
  letter-spacing: 0.02em;
  font-weight: 700;
  text-decoration: none;
  box-shadow: 0px 4px 4px 0px #00000040;
  border-radius: 61px;
  max-width: 288px;
  margin-top: 30px;
}
.camel-ks-legend .blocked-text {
  line-height: normal;
}
.camel-ks-legend .step-blocked.unsubscribe .unsubscribe-title {
  font-size: 30px;
  line-height: normal;
  font-weight: 600;
  text-transform: none;
}
.camel-ks-legend .step-blocked.unsubscribe .unsubscribe-title + svg {
  width: 232px;
  margin-top: 119px;
}
.camel-ks-legend .step-blocked.unsubscribe .unsubscribe-text {
  margin-top: 61px;
  margin-bottom: 37px;
  line-height: normal;
  letter-spacing: normal;
}
.camel-ks-legend .step-blocked.unsubscribe .unsubscribe-text + .btns-wrap {
  margin-top: 0;
  gap: 14px;
}
.camel-ks-legend .step-blocked.unsubscribe .unsubscribe-text + .btns-wrap .btn {
  font-size: 15px;
  font-weight: 700;
}

.winston-xstyle-slims .survey-content .survey-title {
  margin-bottom: 48px;
}
.winston-xstyle-slims .survey-content .survey-text {
  max-width: 388px;
  margin: 0 auto;
}

.camel-slims-blues .survey-content .survey-text {
  max-width: 388px;
  margin: 0 auto;
}

.sob-quiz main {
  padding-bottom: 110px;
}
.sob-quiz header {
  display: block !important;
  margin-right: -6.1111111111vw;
  margin-left: -6.1111111111vw;
  width: 100vw;
}
.sob-quiz .age-confirm {
  padding-top: 23.0555555556vw;
}
.sob-quiz .age-confirm::before {
  content: "";
  display: block;
  position: absolute;
  top: -23.0555555556vw;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 109.7222222222vw;
  background-image: url(/images/auth-dust.png?8b563ced96862c005ffed5947defbf86);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 109.7222222222vw;
}
.sob-quiz .age-confirm > img {
  margin: 0 auto;
  width: 43.8888888889vw;
  display: block;
  position: relative;
}
.sob-quiz .age-confirm .confirmation-text {
  margin-top: 20.8333333333vw;
  margin-bottom: 6.1111111111vw;
  font-size: 7.2222222222vw;
  font-family: "Calibri", sans-serif;
  font-weight: 100;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  text-align: left;
}
.sob-quiz .age-confirm .radio-btn-container {
  margin-bottom: 6.1111111111vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.sob-quiz .age-confirm .radio-button {
  width: 100%;
  justify-content: flex-start;
  margin-bottom: 3.3333333333vw;
}
.sob-quiz .age-confirm .radio-button label {
  padding-top: 0;
  padding-left: 19.4444444444vw;
  min-width: 16.1111111111vw;
  min-height: 16.1111111111vw;
  font-family: "Calibri", sans-serif;
  font-size: 5vw;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.1em;
  color: #A18F6B;
  text-transform: uppercase;
}
.sob-quiz .age-confirm .radio-button input[type=radio] + label:before {
  left: 0;
  border: none;
  width: 16.1111111111vw;
  height: 16.1111111111vw;
}
.sob-quiz .age-confirm .radio-button input[type=radio]:checked + label:after {
  top: 4.4444444444vw;
  left: 4.4444444444vw;
  margin-left: 0;
  width: 7.5vw;
  height: 7.5vw;
  background: #A18F6B;
}
.sob-quiz .howto-list-wrap {
  position: relative;
  z-index: 1;
}
.sob-quiz .howto-list-wrap::before, .sob-quiz .howto-list-wrap::after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 56.1111111111vw;
  height: 71.3888888889vw;
  background-image: url(/images/game-stars.png?02aafb4c362a49e686c77b4e21154e2f);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.sob-quiz .howto-list-wrap::before {
  display: none;
  bottom: -9.7222222222vw;
  right: -12.5vw;
  z-index: -1;
  transform: scaleX(-1);
}
.sob-quiz .howto-list-wrap::after {
  bottom: -25vw;
  right: -36.1111111111vw;
  transform: rotate(90deg);
  z-index: -2;
}
.sob-quiz .btn {
  font-family: "Calibri", sans-serif;
  text-align: left;
}
.sob-quiz .btn-link {
  cursor: pointer;
  margin-top: 2.7777777778vw;
  margin-bottom: 11.1111111111vw;
  font-size: 5vw;
  font-weight: 300;
  color: #fff;
}
.sob-quiz .cigarette-attention {
  z-index: 1;
}
.sob-quiz .h1 span {
  display: inline-flex;
  padding-right: 1.3888888889vw;
  padding-left: 2.2222222222vw;
  color: var(--sob-game-red);
  background: transparent;
  -webkit-background-clip: initial;
  background-clip: initial;
  -webkit-text-fill-color: initial;
  text-fill-color: initial;
}
.sob-quiz.sobranie-game {
  font-family: "Calibri", sans-serif;
}
.sob-quiz.sobranie-game main > div {
  max-width: 100vw;
}
.sob-quiz.sobranie-game .h1 {
  margin-top: 0;
  font-family: "Calibri", sans-serif;
  font-weight: 100;
}
.sob-quiz.sobranie-game .h2 {
  font-family: "Calibri", sans-serif;
  font-weight: 400;
  font-size: 6.9444444444vw;
  position: relative;
  z-index: 2;
}
.sob-quiz.sobranie-game .h2_3 {
  font-weight: 100;
  font-size: 9.7222222222vw;
}
.sob-quiz.sobranie-game .text {
  font-weight: 100;
}
.sob-quiz.sobranie-game .sobranie-game-main .h1 {
  text-transform: none;
}
.sob-quiz.sobranie-game .quiz-game__question {
  font-weight: 400;
}
.sob-quiz.sobranie-game .quiz-game__img {
  margin-bottom: 9.1666666667vw;
}
.sob-quiz.sobranie-game .quiz .btns-wrap {
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}
.sob-quiz.sobranie-game .quiz .btns-wrap .btn {
  border-color: var(--sob-game-gold1);
  margin: 0;
  width: 48%;
  background-color: var(--sob-game-gold1);
  color: #000;
  text-align: center;
  justify-content: center;
  font-weight: 400;
}
.sob-quiz.sobranie-game .quiz .btns-wrap .btn--full {
  margin-top: 2.7777777778vw;
  width: 100%;
}
.sob-quiz.sobranie-game .puzzle.step-0 h1 {
  margin-top: 0;
}
.sob-quiz.sobranie-game .game.step-3::before {
  top: -20.8333333333vw;
  right: -6.1111111111vw;
  width: 100vw;
  height: 107.7777777778vw;
  background-image: url(/images/timeout_v2.jpg?a1f1cc2ac519cb50130ee4e7481f86cb);
  background-position: top right;
  background-size: contain;
}
.sob-quiz.sobranie-game .game.step-3 h1 {
  margin-top: 0;
  margin-bottom: 9.1666666667vw;
  padding-top: 63.8888888889vw;
}
.sob-quiz.sobranie-game .moments.step-0 .h2 {
  font-weight: 700;
}
.sob-quiz .jplatform__logo {
  margin: 0 auto 6.6666666667vw;
  width: 31.1111111111vw;
}
.sob-quiz .jplatform p {
  margin-bottom: 6.6666666667vw;
  font-family: "Calibri", sans-serif;
  font-size: 6.6666666667vw;
  font-weight: 400;
  line-height: normal;
  color: var(--sob-game-gold1);
  background-image: linear-gradient(90deg, #987C4D -14.14%, #F2D19E 31.01%, #CDB584 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  text-transform: uppercase;
}
.sob-quiz .jplatform p a {
  font-weight: 700;
  color: var(--sob-game-gold1);
  text-decoration: none;
  white-space: nowrap;
}
.sob-quiz .blocked {
  font-family: "Calibri", sans-serif;
  color: #fff;
  text-align: left;
}
.sob-quiz .blocked::before {
  content: "";
  display: block;
  position: absolute;
  top: -23.0555555556vw;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 109.7222222222vw;
  background-image: url(/images/auth-dust.png?8b563ced96862c005ffed5947defbf86);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 109.7222222222vw;
}
.sob-quiz .blocked .header {
  background-color: transparent;
}
.sob-quiz .blocked-img {
  margin: 4.7222222222vw auto 7.7777777778vw;
  width: 43.8888888889vw;
  position: relative;
  z-index: 1;
}
.sob-quiz .blocked h1 {
  position: relative;
  z-index: 1;
}
.sob-quiz .closed .blocked-img {
  width: 46.1111111111vw;
}
.sob-quiz .unsubscribe::before {
  content: "";
  display: block;
  position: absolute;
  top: -23.0555555556vw;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 109.7222222222vw;
  background-image: url(/images/auth-dust.png?8b563ced96862c005ffed5947defbf86);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 109.7222222222vw;
}
.sob-quiz .unsubscribe .brand-company-logo {
  position: relative;
  z-index: 1;
  justify-content: flex-start;
  margin-bottom: 12.5vw;
  padding-top: 5.2777777778vw;
}
.sob-quiz .unsubscribe .brand-company-logo img {
  width: 36.3888888889vw;
}
.sob-quiz .unsubscribe > img {
  position: relative;
  z-index: 1;
  margin-bottom: 4.7222222222vw;
  width: 48.6111111111vw;
}
.sob-quiz .unsubscribe-title {
  position: relative;
  z-index: 1;
  font-size: 7.7777777778vw;
  font-family: "Calibri", sans-serif;
  color: var(--white);
  text-align: left;
}
.sob-quiz .unsubscribe-text {
  font-size: 4.4444444444vw;
  font-family: "Calibri", sans-serif;
  font-weight: 100;
  color: var(--white);
  letter-spacing: 0;
  text-align: left;
}
.sob-quiz .unsubscribe textarea {
  font-family: "Calibri", sans-serif;
  border-radius: 8px;
  border-color: #CDB584;
  color: #000000;
}
.sob-quiz .unsubscribe textarea::-moz-placeholder {
  color: #000000;
}
.sob-quiz .unsubscribe textarea::placeholder {
  color: #000000;
}
.sob-quiz .unsubscribe textarea:-moz-placeholder {
  color: #000000;
}
.sob-quiz .unsubscribe textarea::-moz-placeholder {
  color: #000000;
}
.sob-quiz .unsubscribe textarea:-ms-input-placeholder {
  color: #000000;
}
.sob-quiz .unsubscribe textarea::-webkit-input-placeholder {
  color: #000000;
}
.sob-quiz .unsubscribe .btns-wrap .btn {
  width: 100%;
}
.sob-quiz .unsubscribe .btn {
  border-color: var(--sob-game-gold1);
  background-color: var(--sob-game-gold1);
  color: #000;
  text-align: center;
  justify-content: center;
  font-weight: 400;
}
.sob-quiz .unsubscribe .btn.active {
  background: linear-gradient(90deg, #987C4D 0%, #F2D19E 39.56%, #CDB584 100%);
}
.sob-quiz-photo.sobranie-game .sobranie-game-main .h1 {
  text-transform: uppercase;
}
.sob-quiz-photo.sobranie-game .quiz-game__question {
  font-weight: 600;
}
.sob-quiz-photo.sobranie-game .quiz .h2_2 {
  width: 100%;
  font-size: 10vw;
}
.sob-quiz-photo.sobranie-game .treasure.step-1 .puzzle__header {
  margin-top: -23.6111111111vw;
  margin-bottom: -2.7777777778vw;
  padding: 0;
}
.sob-quiz-photo.sobranie-game .treasure.step-1 .puzzle__header > img {
  width: 100vw;
}
.sob-quiz-photo.sobranie-game .treasure.step-1 .sobranie-game__btn-wrap {
  margin-top: 5.5555555556vw;
}
.sob-quiz-photo.sobranie-game .treasure__pic {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}
.sob-quiz-photo.sobranie-game .treasure__pic img {
  position: absolute;
  z-index: 1;
}
.sob-quiz-photo.sobranie-game .treasure__pic img:nth-of-type(1) {
  width: 26.6666666667vw;
  left: 3.8888888889vw;
  top: 106.1111111111vw;
}
.sob-quiz-photo.sobranie-game .treasure__pic img:nth-of-type(2) {
  width: 25.8333333333vw;
  left: 33.3333333333vw;
  top: 85.2777777778vw;
  z-index: 2;
}
.sob-quiz-photo.sobranie-game .treasure__pic img:nth-of-type(3) {
  width: 25.2777777778vw;
  left: 42.5vw;
  top: 58.3333333333vw;
}
.sob-quiz-photo.sobranie-game .treasure__pic img:nth-of-type(4) {
  width: 29.7222222222vw;
  left: 63.8888888889vw;
  top: 93.8888888889vw;
}
.sob-quiz-photo.sobranie-game .treasure-pick-list {
  display: flex;
  font-family: "Noto Sans Armenian";
}
.sob-quiz-photo.sobranie-game .treasure-pick-list__item {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin: 0 1.1111111111vw;
  width: 20.5555555556vw;
}
.sob-quiz-photo.sobranie-game .treasure-pick-list__item:nth-of-type(1) img {
  width: 12.5vw;
}
.sob-quiz-photo.sobranie-game .treasure-pick-list__item:nth-of-type(2) img {
  width: 18.8888888889vw;
}
.sob-quiz-photo.sobranie-game .treasure-pick-list__item:nth-of-type(3) img {
  width: 19.4444444444vw;
}
.sob-quiz-photo.sobranie-game .treasure-pick-list__item:nth-of-type(4) img {
  width: 14.4444444444vw;
}
.sob-quiz-photo.sobranie-game .treasure-pick-list__item.active img {
  visibility: visible;
}
.sob-quiz-photo.sobranie-game .treasure-pick-list__item.active h3 {
  display: inline-block;
  color: var(--sob-game-gold3);
}
@supports (((-webkit-background-clip: text) or (background-clip: text)) or (-webkit-background-clip: text)) and ((text-fill-color: transparent) or (-webkit-text-fill-color: transparent)) {
  .sob-quiz-photo.sobranie-game .treasure-pick-list__item.active h3 {
    background-image: linear-gradient(90deg, #907234 0.17%, #947639 1.2%, #BD9D64 11.72%, #DABA84 21.16%, #ECCB97 29.11%, #F2D19E 34.59%, #CDB584 99.74%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
  }
}
.sob-quiz-photo.sobranie-game .treasure-pick-list__item.active p {
  color: #FFF;
}
.sob-quiz-photo.sobranie-game .treasure-pick-list__img-wrap {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 20.5555555556vw;
  background-image: url(/images/treasure-img-bg.svg?ad85d01bd2139285f1802edaf7ee2e4e);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.sob-quiz-photo.sobranie-game .treasure-pick-list__img-wrap img {
  visibility: hidden;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.sob-quiz-photo.sobranie-game .treasure-pick-list h3 {
  margin-top: 2.5vw;
  margin-bottom: 1.3888888889vw;
  font-size: 3.8888888889vw;
  color: #333435;
  font-weight: 900;
  word-break: break-all;
  text-transform: uppercase;
}
.sob-quiz-photo.sobranie-game .treasure-pick-list p {
  font-size: 2.5vw;
  line-height: 3.0555555556vw;
  font-weight: 300;
  color: #4F4F4F;
}
.sob-quiz-photo.sobranie-game .photo__header {
  margin: -13.8888888889vw -6.1111111111vw -16.6666666667vw;
  text-align: center;
  position: relative;
  z-index: 0;
}
.sob-quiz-photo.sobranie-game .photo__header img {
  width: 100vw;
}
.sob-quiz-photo.sobranie-game .photo.step-1 .sobranie-game__btn-wrap {
  margin-top: 1.6666666667vw;
}
.sob-quiz-photo.sobranie-game .photo .upload-photo {
  border: 1px solid var(--sob-game-gold1);
  margin-bottom: 6.1111111111vw;
  width: 100%;
  height: 105.5555555556vw;
  background: linear-gradient(180deg, #000000 59.71%, #3F3217 100%);
}
.sob-quiz-photo.sobranie-game .photo .upload-photo > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
}
.sob-quiz-photo.sobranie-game .photo .upload-photo__preview {
  justify-content: center;
  height: inherit;
}
.sob-quiz-photo.sobranie-game .photo .upload-photo__result {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--black);
}
.sob-quiz-photo.sobranie-game .photo .upload-photo__result-wrap {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.sob-quiz-photo.sobranie-game .photo .upload-photo__result-wrap > img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.sob-quiz-photo.sobranie-game .photo .upload-photo__retry {
  position: absolute;
  top: 3.8888888889vw;
  right: 3.8888888889vw;
  width: 5.2777777778vw;
  height: 5.2777777778vw;
  border: 0;
  margin: 0;
  padding: 0;
  cursor: pointer;
  background-color: #000;
  outline: none;
}
.sob-quiz-photo.sobranie-game .photo .upload-photo__img-wrap {
  margin-bottom: 2.7777777778vw;
}
.sob-quiz-photo.sobranie-game .photo .upload-photo__img-wrap img {
  width: 13.3333333333vw;
}
.sob-quiz-photo.sobranie-game .photo .upload-photo__text {
  margin-bottom: 0;
  font-family: "Noto Sans Armenian";
  font-style: normal;
  font-weight: 600;
  font-size: 4.4444444444vw;
  text-align: center;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .sob-quiz {
    max-width: 360px;
  }
  .sob-quiz main {
    padding-bottom: 180px;
  }
  .sob-quiz header {
    margin-right: -22px;
    margin-left: -22px;
    width: 360px;
  }
  .sob-quiz .age-confirm {
    padding-top: 83px;
  }
  .sob-quiz .age-confirm::before {
    top: -83px;
    height: 395px;
    background-size: contain;
  }
  .sob-quiz .age-confirm > img {
    width: 158px;
  }
  .sob-quiz .age-confirm .confirmation-text {
    margin-top: 75px;
    margin-bottom: 22px;
    font-size: 26px;
  }
  .sob-quiz .age-confirm .radio-btn-container {
    margin-bottom: 22px;
  }
  .sob-quiz .age-confirm .radio-button {
    margin-bottom: 12px;
  }
  .sob-quiz .age-confirm .radio-button label {
    padding-left: 70px;
    min-width: 58px;
    min-height: 58px;
    font-size: 18px;
  }
  .sob-quiz .age-confirm .radio-button input[type=radio] + label:before {
    width: 58px;
    height: 58px;
  }
  .sob-quiz .age-confirm .radio-button input[type=radio]:checked + label:after {
    top: 16px;
    left: 16px;
    width: 27px;
    height: 27px;
  }
  .sob-quiz .howto-list-wrap {
    position: relative;
    z-index: 1;
  }
  .sob-quiz .howto-list-wrap::before, .sob-quiz .howto-list-wrap::after {
    width: 202px;
    height: 257px;
  }
  .sob-quiz .howto-list-wrap::before {
    bottom: -35px;
    right: -45px;
  }
  .sob-quiz .howto-list-wrap::after {
    bottom: -90px;
    right: -130px;
  }
  .sob-quiz .btn-link {
    margin-top: 10px;
    margin-bottom: 40px;
    font-size: 18px;
  }
  .sob-quiz .h1 span {
    padding-right: 5px;
    padding-left: 8px;
  }
  .sob-quiz.sobranie-game main > div {
    max-width: 360px;
  }
  .sob-quiz.sobranie-game .h2 {
    font-size: 25px;
  }
  .sob-quiz.sobranie-game .h2_3 {
    font-size: 35px;
  }
  .sob-quiz.sobranie-game .quiz-game__img {
    margin-bottom: 33px;
  }
  .sob-quiz.sobranie-game .quiz .btns-wrap .btn--full {
    margin-top: 10px;
  }
  .sob-quiz.sobranie-game .game.step-3::before {
    top: -75px;
    right: -22px;
    width: 360px;
    height: 360px;
  }
  .sob-quiz.sobranie-game .game.step-3 h1 {
    margin-bottom: 33px;
    padding-top: 230px;
  }
  .sob-quiz .jplatform__logo {
    margin: 0 auto 24px;
    width: 112px;
  }
  .sob-quiz .jplatform p {
    margin-bottom: 24px;
    font-size: 26px;
  }
  .sob-quiz .blocked::before {
    top: -83px;
    height: 395px;
    background-size: contain;
  }
  .sob-quiz .blocked-img {
    margin: 17px auto 28px;
    width: 158px;
  }
  .sob-quiz .closed .blocked-img {
    width: 166px;
  }
  .sob-quiz .unsubscribe::before {
    top: -83px;
    height: 395px;
    background-size: contain;
  }
  .sob-quiz .unsubscribe .brand-company-logo {
    margin-bottom: 45px;
    padding-top: 19px;
  }
  .sob-quiz .unsubscribe .brand-company-logo img {
    width: 131px;
  }
  .sob-quiz .unsubscribe > img {
    margin-bottom: 17px;
    width: 175px;
  }
  .sob-quiz .unsubscribe-title {
    font-size: 28px;
  }
  .sob-quiz .unsubscribe-text {
    font-size: 16px;
  }
  .sob-quiz-photo.sobranie-game .quiz .h2_2 {
    font-size: 36px;
  }
  .sob-quiz-photo.sobranie-game .treasure.step-1 .puzzle__header {
    margin-top: -85px;
    margin-bottom: -10px;
  }
  .sob-quiz-photo.sobranie-game .treasure.step-1 .puzzle__header > img {
    width: 360px;
  }
  .sob-quiz-photo.sobranie-game .treasure.step-1 .sobranie-game__btn-wrap {
    margin-top: 20px;
  }
  .sob-quiz-photo.sobranie-game .treasure__pic img:nth-of-type(1) {
    width: 96px;
    left: 14px;
    top: 382px;
  }
  .sob-quiz-photo.sobranie-game .treasure__pic img:nth-of-type(2) {
    width: 93px;
    left: 120px;
    top: 307px;
  }
  .sob-quiz-photo.sobranie-game .treasure__pic img:nth-of-type(3) {
    width: 91px;
    left: 153px;
    top: 210px;
  }
  .sob-quiz-photo.sobranie-game .treasure__pic img:nth-of-type(4) {
    width: 107px;
    left: 230px;
    top: 338px;
  }
  .sob-quiz-photo.sobranie-game .treasure-pick-list__item {
    margin: 0 4px;
    width: 74px;
  }
  .sob-quiz-photo.sobranie-game .treasure-pick-list__item:nth-of-type(1) img {
    width: 45px;
  }
  .sob-quiz-photo.sobranie-game .treasure-pick-list__item:nth-of-type(2) img {
    width: 68px;
  }
  .sob-quiz-photo.sobranie-game .treasure-pick-list__item:nth-of-type(3) img {
    width: 70px;
  }
  .sob-quiz-photo.sobranie-game .treasure-pick-list__item:nth-of-type(4) img {
    width: 52px;
  }
  .sob-quiz-photo.sobranie-game .treasure-pick-list__img-wrap {
    height: 74px;
  }
  .sob-quiz-photo.sobranie-game .treasure-pick-list h3 {
    margin-top: 9px;
    margin-bottom: 5px;
    font-size: 14px;
  }
  .sob-quiz-photo.sobranie-game .treasure-pick-list p {
    font-size: 9px;
    line-height: 11px;
  }
  .sob-quiz-photo.sobranie-game .photo__header {
    margin: -50px -22px -60px;
  }
  .sob-quiz-photo.sobranie-game .photo__header img {
    width: 360px;
  }
  .sob-quiz-photo.sobranie-game .photo.step-1 .sobranie-game__btn-wrap {
    margin-top: 6px;
  }
  .sob-quiz-photo.sobranie-game .photo .upload-photo {
    margin-bottom: 22px;
    height: 380px;
  }
  .sob-quiz-photo.sobranie-game .photo .upload-photo__retry {
    top: 14px;
    right: 14px;
    width: 19px;
    height: 19px;
  }
  .sob-quiz-photo.sobranie-game .photo .upload-photo__img-wrap {
    margin-bottom: 10px;
  }
  .sob-quiz-photo.sobranie-game .photo .upload-photo__img-wrap img {
    width: 48px;
  }
  .sob-quiz-photo.sobranie-game .photo .upload-photo__text {
    font-size: 16px;
  }
}

.winston-compact-blue {
  position: relative;
}
.winston-compact-blue [class^=step-] {
  position: relative;
}
.winston-compact-blue.steps {
  max-width: 480px;
}
.winston-compact-blue.steps > div {
  padding-top: 0;
  padding-right: 19px;
  padding-left: 19px;
  padding-bottom: 113px;
}
.winston-compact-blue .brand-company-logo {
  display: flex;
  justify-content: flex-end;
  order: -2;
  padding: 26px 29px 17px;
  width: 480px;
  background-color: rgba(79, 150, 193, 0.4);
}
@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
  .winston-compact-blue .brand-company-logo {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
  }
}
.winston-compact-blue .brand-company-logo img, .winston-compact-blue .brand-company-logo svg {
  width: 63px;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.winston-compact-blue .title {
  margin-top: 44px;
  margin-bottom: 44px;
  font-size: 25px;
  font-family: "Noto Sans Armenian";
  font-weight: 600;
  line-height: normal;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
}
.winston-compact-blue .radio-button {
  margin-bottom: 20px;
}
.winston-compact-blue .radio-button label {
  padding-top: 90px;
  min-height: 80px;
  font-family: "Noto Sans Armenian";
  font-size: 19px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0;
  color: #fff;
}
.winston-compact-blue .radio-button input[type=radio] + label:before {
  border: none;
  width: 80px;
  height: 80px;
}
.winston-compact-blue .radio-button input[type=radio]:checked + label:after {
  top: 24px;
  margin-left: -16px;
  width: 32px;
  height: 32px;
  background: #EF7B0D;
}
.winston-compact-blue .rules-agree {
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.winston-compact-blue .rules-agree .btn {
  margin-bottom: 25px;
}
.winston-compact-blue .rules-agree .error {
  font-size: 18px;
  line-height: normal;
}
.winston-compact-blue .checkbox-wrapper {
  margin-top: 32px;
  margin-bottom: 31px;
  max-width: 368px;
}
.winston-compact-blue .checkbox-wrapper .checkbox-container {
  flex-shrink: 0;
  border-radius: 12px;
  border: none;
  margin-right: 33px;
  width: 80px;
  min-width: 80px;
  height: 80px;
  background-color: var(--white);
}
.winston-compact-blue .checkbox-wrapper .checkmark {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
}
.winston-compact-blue .checkbox-wrapper .checkmark::after {
  position: static;
  border: none;
  transform: none;
  width: 37px;
  height: 29px;
  background: url(/images/check_orange.svg?8a7abbb695b22d9177182b9e0e64cdfb) no-repeat center;
  background-size: contain;
}
.winston-compact-blue .checkbox-wrapper .checkbox-text {
  font-family: "Noto Sans Armenian";
  font-size: 22px;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0;
  color: #fff;
  text-transform: uppercase;
}
.winston-compact-blue .step-1 .title {
  font-size: 22px;
  letter-spacing: 0;
}
.winston-compact-blue .step-3 .cigarette {
  margin-top: 45px;
  margin-bottom: 41px;
}
.winston-compact-blue .step-3 .cigarette-pack {
  width: 209px;
}
.winston-compact-blue .step-3 .question-title {
  font-size: 25px;
  font-weight: 600;
}
.winston-compact-blue .btns-wrap {
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
}
.winston-compact-blue .btn {
  border-radius: 61px;
  width: 360px;
  height: 70px;
  font-size: 22px;
  font-family: "Noto Sans Armenian";
  font-weight: 700;
  background: #EF7B0D;
  letter-spacing: 0.02em;
  color: var(--white);
  box-shadow: 0px 4px 4px 0px #00000040;
}
.winston-compact-blue .btn:active {
  background: #EF7B0D;
}
.winston-compact-blue .btn[disabled] {
  background-color: #889194;
}
.winston-compact-blue .btn.active {
  background: #EF7B0D;
}
.winston-compact-blue .btn.verify {
  margin-bottom: 30px;
}
.winston-compact-blue .form-field.has-error {
  margin-bottom: 10px;
}
.winston-compact-blue .form-field.has-error input {
  border-color: #EF7B0D;
  box-shadow: none;
}
.winston-compact-blue .form-field__label {
  margin-top: 0;
  margin-bottom: 14px;
  font-size: 22px;
  font-family: "Noto Sans Armenian";
  font-weight: 400;
  line-height: normal;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
}
.winston-compact-blue .form-field__label span {
  font-size: 25px;
  font-weight: 700;
  letter-spacing: 0.25px;
}
.winston-compact-blue .form-field input {
  border-radius: 60px;
  width: 360px;
  height: 70px;
  font-size: 21px;
  font-family: "Noto Sans Armenian";
  font-weight: 500;
  background: #fff;
  line-height: normal;
  letter-spacing: 0.02em;
  color: #656565;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset;
}
.winston-compact-blue form {
  width: 100%;
  text-align: center;
}
.winston-compact-blue .brand-sub-title {
  margin-top: 5px;
  margin-bottom: 0;
  font-size: 19px;
  font-family: "Noto Sans Armenian";
  font-weight: 700;
  width: 100%;
  text-align: center;
  color: var(--white);
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.winston-compact-blue .cigarette {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin-top: 26px;
  margin-bottom: 43px;
  width: 100%;
}
.winston-compact-blue .cigarette > div {
  display: flex;
  justify-content: center;
  width: 100%;
  text-align: center;
  position: relative;
}
.winston-compact-blue .cigarette-pack {
  width: 365px;
  position: relative;
}
.winston-compact-blue .question-title {
  position: relative;
  margin-bottom: 26px;
  font-size: 22px;
  font-family: "Noto Sans Armenian";
  font-weight: 400;
  line-height: normal;
  color: var(--white);
  text-transform: uppercase;
  white-space: nowrap;
}
.winston-compact-blue .error {
  margin-bottom: 14px;
  width: 100%;
  visibility: hidden;
  font-size: 18px;
  font-weight: 600;
  font-family: "Noto Sans Armenian";
  text-transform: lowercase;
  color: #FF8E24;
  text-align: center;
}
.winston-compact-blue .error.show {
  visibility: visible;
}
.winston-compact-blue .btns-wrap .btn {
  margin-bottom: 14px;
  font-size: 22px;
  line-height: 26px;
  letter-spacing: 0;
}
.winston-compact-blue .contact__title {
  margin-right: auto;
  margin-bottom: 20px;
  margin-left: auto;
  max-width: 420px;
  color: #fff;
  font-size: 19px;
}
.winston-compact-blue .contact__title strong {
  font-weight: 700;
}
.winston-compact-blue .contact__social-wrap > div > a {
  border-radius: 17px;
  background-color: #EF7B0D;
  box-shadow: 0px 4px 4px 0px #00000040;
}
.winston-compact-blue .finish {
  font-family: "Noto Sans Armenian";
  color: var(--white);
}
.winston-compact-blue .finish-title {
  order: -2;
  margin-top: 45px;
  font-size: 40px;
  line-height: normal;
}
.winston-compact-blue .finish-title br:nth-of-type(2) {
  display: none;
}
.winston-compact-blue .finish .greetings-text {
  order: -1;
  margin-bottom: 0;
  color: var(--white);
  font-size: 22px;
  line-height: normal;
}
.winston-compact-blue .finish .greetings-text br:nth-of-type(1) {
  display: none;
}
.winston-compact-blue .finish .refill-img {
  margin-top: 45px;
  margin-bottom: 80px;
  width: 182px;
}
.winston-compact-blue .finish .contact-us {
  margin-top: 0;
  font-family: "Noto Sans Armenian";
  font-size: 22px;
  font-weight: 300;
  color: var(--white);
  white-space: nowrap;
  line-height: normal;
}
.winston-compact-blue .finish .contact-us + .contact-us {
  margin-top: 20px;
  margin-bottom: 0;
}
.winston-compact-blue .finish .contact-us a {
  font-size: 30px;
  font-weight: 600;
  color: var(--white);
  text-decoration: none;
}
.winston-compact-blue .finish .contact {
  padding-top: 30px;
}
.winston-compact-blue .finish .contact__title {
  display: none;
}
.winston-compact-blue .blocked {
  font-family: "Noto Sans Armenian";
  color: var(--white);
  text-align: center;
}
.winston-compact-blue .blocked-img {
  margin-top: 65px;
  margin-bottom: 55px;
  width: 206px;
}
.winston-compact-blue .blocked-title {
  margin-top: 0;
  margin-bottom: 22px;
  font-weight: 600;
  line-height: normal;
}
.winston-compact-blue .blocked-text {
  margin-bottom: 0;
  font-size: 22px;
  line-height: normal;
}
.winston-compact-blue .blocked .btn-wrap {
  margin-top: 35px;
  margin-bottom: 65px;
}
.winston-compact-blue .blocked .contact {
  padding-top: 100px;
}
.winston-compact-blue .closed .blocked-img {
  width: 180px;
}
.winston-compact-blue .closed .blocked-title {
  font-size: 40px;
  font-weight: 700;
  line-height: 50px;
}
@media (max-width: 767px) {
  .winston-compact-blue [class^=step-] .next-square-btn {
    margin-top: 8.3333333333vw;
    width: 13.3333333333vw;
  }
  .winston-compact-blue.steps > div {
    padding-top: 0;
    padding-right: 3.9583333333vw;
    padding-left: 3.9583333333vw;
    padding-bottom: 23.5416666667vw;
  }
  .winston-compact-blue .brand-company-logo {
    padding: 26px 6.0416666667vw 3.5416666667vw;
    width: 100vw;
  }
  .winston-compact-blue .brand-company-logo img, .winston-compact-blue .brand-company-logo svg {
    width: 13.125vw;
  }
  .winston-compact-blue .title {
    margin-top: 9.1666666667vw;
    margin-bottom: 9.1666666667vw;
    font-size: 5.2083333333vw;
  }
  .winston-compact-blue .radio-button {
    margin-bottom: 4.1666666667vw;
  }
  .winston-compact-blue .radio-button label {
    padding-top: 18.75vw;
    min-height: 16.6666666667vw;
    font-size: 3.9583333333vw;
  }
  .winston-compact-blue .radio-button input[type=radio] + label:before {
    width: 16.6666666667vw;
    height: 16.6666666667vw;
  }
  .winston-compact-blue .radio-button input[type=radio]:checked + label:after {
    top: 5vw;
    margin-left: -3.3333333333vw;
    width: 6.6666666667vw;
    height: 6.6666666667vw;
  }
  .winston-compact-blue .checkbox-wrapper {
    margin-top: 6.6666666667vw;
    margin-bottom: 6.4583333333vw;
    max-width: 76.6666666667vw;
  }
  .winston-compact-blue .checkbox-wrapper .checkbox-container {
    border-radius: 2.5vw;
    margin-right: 6.875vw;
    width: 16.6666666667vw;
    min-width: 16.6666666667vw;
    height: 16.6666666667vw;
  }
  .winston-compact-blue .checkbox-wrapper .checkmark {
    width: 16.6666666667vw;
    height: 16.6666666667vw;
  }
  .winston-compact-blue .checkbox-wrapper .checkmark::after {
    width: 7.7083333333vw;
    height: 6.0416666667vw;
  }
  .winston-compact-blue .checkbox-wrapper .checkbox-text {
    font-size: 4.5833333333vw;
  }
  .winston-compact-blue .rules-agree .btn {
    margin-bottom: 5.2083333333vw;
  }
  .winston-compact-blue .rules-agree .error {
    font-size: 3.75vw;
  }
  .winston-compact-blue .step-1 .title {
    font-size: 4.5833333333vw;
  }
  .winston-compact-blue .step-3 .cigarette {
    margin-top: 9.375vw;
    margin-bottom: 8.5416666667vw;
  }
  .winston-compact-blue .step-3 .cigarette-pack {
    width: 43.5416666667vw;
  }
  .winston-compact-blue .step-3 .question-title {
    font-size: 5.2083333333vw;
  }
  .winston-compact-blue .btn {
    border-radius: 12.7083333333vw;
    width: 75vw;
    height: 14.5833333333vw;
    font-size: 4.5833333333vw;
  }
  .winston-compact-blue .btn.verify {
    margin-bottom: 6.25vw;
  }
  .winston-compact-blue .form-field__label {
    margin-bottom: 3.5416666667vw;
    font-size: 4.5833333333vw;
  }
  .winston-compact-blue .form-field__label span {
    font-size: 5.2083333333vw;
  }
  .winston-compact-blue .form-field input {
    border-radius: 12.5vw;
    width: 75vw;
    height: 14.5833333333vw;
    font-size: 4.375vw;
  }
  .winston-compact-blue .brand-sub-title {
    margin-top: 5.2083333333vw;
    font-size: 8.3333333333vw;
    line-height: 9.5833333333vw;
  }
  .winston-compact-blue .cigarette {
    margin-top: 5.4166666667vw;
    margin-bottom: 8.9583333333vw;
  }
  .winston-compact-blue .cigarette-pack {
    width: 76.0416666667vw;
  }
  .winston-compact-blue .question-title {
    margin-bottom: 5.4166666667vw;
    font-size: 4.5833333333vw;
  }
  .winston-compact-blue .error {
    margin-bottom: 2.9166666667vw;
    font-size: 3.75vw;
  }
  .winston-compact-blue .btns-wrap .btn {
    margin-bottom: 2.9166666667vw;
    font-size: 4.5833333333vw;
    line-height: 5.4166666667vw;
  }
  .winston-compact-blue .contact__title {
    margin-bottom: 4.1666666667vw;
    max-width: 87.5vw;
    font-size: 3.9583333333vw;
  }
  .winston-compact-blue .contact__social-wrap > div > a {
    border-radius: 3.5416666667vw;
  }
  .winston-compact-blue .finish {
    max-width: 100%;
  }
  .winston-compact-blue .finish-title {
    margin-top: 9.375vw;
    font-size: 8.3333333333vw;
  }
  .winston-compact-blue .finish .greetings-text {
    margin-top: 3.125vw;
    font-size: 4.5833333333vw;
  }
  .winston-compact-blue .finish .refill-img {
    margin-top: 9.375vw;
    margin-bottom: 16.6666666667vw;
    width: 37.9166666667vw;
  }
  .winston-compact-blue .finish .contact-us {
    font-size: 4.5833333333vw;
  }
  .winston-compact-blue .finish .contact-us + .contact-us {
    margin-top: 4.1666666667vw;
  }
  .winston-compact-blue .finish .contact-us a {
    margin-top: 2.0833333333vw;
    font-size: 6.25vw;
  }
  .winston-compact-blue .finish .contact {
    padding-top: 6.25vw;
  }
  .winston-compact-blue .blocked-title {
    margin-bottom: 4.5833333333vw;
    font-size: 6.25vw;
  }
  .winston-compact-blue .blocked-img {
    margin-top: 13.5416666667vw;
    margin-bottom: 11.4583333333vw;
    width: 42.9166666667vw;
  }
  .winston-compact-blue .blocked-text {
    font-size: 4.5833333333vw;
  }
  .winston-compact-blue .blocked .next-square-btn {
    width: 16.6666666667vw;
  }
  .winston-compact-blue .blocked .btn-wrap {
    margin-top: 7.2916666667vw;
    margin-bottom: 13.5416666667vw;
  }
  .winston-compact-blue .blocked .contact {
    padding-top: 20.8333333333vw;
  }
  .winston-compact-blue .closed .blocked-title {
    font-size: 8.3333333333vw;
    line-height: 10.4166666667vw;
  }
  .winston-compact-blue .closed .blocked-img {
    width: 37.5vw;
  }
}
@media (min-width: 768px) {
  .winston-compact-blue.steps > div {
    padding-bottom: 113px;
  }
}

.camel-compact-blue {
  position: relative;
  font-family: "Noto Sans Armenian";
  color: #fff;
}
.camel-compact-blue [class^=step-] {
  position: relative;
}
.camel-compact-blue.steps {
  max-width: 480px;
}
.camel-compact-blue.steps > div {
  padding-top: 135px;
  padding-right: 19px;
  padding-left: 19px;
  padding-bottom: 340px;
}
.camel-compact-blue .title {
  margin-bottom: 29px;
  font-size: 25px;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  text-align: center;
}
.camel-compact-blue .radio-button {
  margin-bottom: 20px;
}
.camel-compact-blue .radio-button label {
  padding-top: 90px;
  min-height: 80px;
  font-family: "Noto Sans Armenian";
  font-size: 19px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0;
  color: #fff;
}
.camel-compact-blue .radio-button input[type=radio] + label:before {
  border: none;
  width: 80px;
  height: 80px;
}
.camel-compact-blue .radio-button input[type=radio]:checked + label:after {
  top: 24px;
  margin-left: -16px;
  width: 32px;
  height: 32px;
  background: var(--blue-195);
}
.camel-compact-blue .rules-agree {
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.camel-compact-blue .rules-agree .btn {
  margin-bottom: 25px;
}
.camel-compact-blue .rules-agree .error {
  font-size: 18px;
  line-height: normal;
}
.camel-compact-blue .checkbox-wrapper {
  margin-top: 32px;
  margin-bottom: 31px;
  max-width: 368px;
}
.camel-compact-blue .checkbox-wrapper .checkbox-container {
  flex-shrink: 0;
  border-radius: 12px;
  border: none;
  margin-right: 33px;
  width: 80px;
  min-width: 80px;
  height: 80px;
  background-color: var(--white);
}
.camel-compact-blue .checkbox-wrapper .checkmark {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
}
.camel-compact-blue .checkbox-wrapper .checkmark::after {
  position: static;
  border: none;
  transform: none;
  width: 39px;
  height: 31px;
  background: url(/images/check_blue_radius.svg?7a6383e93a16aeaa9eb3bd9d8c5f3f6e) no-repeat center;
  background-size: contain;
}
.camel-compact-blue .checkbox-wrapper .checkbox-text {
  font-family: "Noto Sans Armenian";
  font-size: 22px;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}
.camel-compact-blue .step-0 .btn {
  width: 288px;
}
.camel-compact-blue .step-1 .title {
  font-size: 22px;
  letter-spacing: 0;
}
.camel-compact-blue .step-3 .cigarette-pack {
  width: 221px;
}
.camel-compact-blue .step-3 .question-title {
  font-size: 25px;
  font-weight: 600;
}
.camel-compact-blue .btns-wrap {
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
}
.camel-compact-blue .btn {
  border-radius: 61px;
  width: 360px;
  height: 70px;
  font-size: 22px;
  font-family: "Noto Sans Armenian";
  font-weight: 700;
  background: var(--blue-195);
  letter-spacing: 0.02em;
  color: var(--white);
  box-shadow: var(--shadow);
}
.camel-compact-blue .btn:active {
  background: #169DEA;
}
.camel-compact-blue .btn[disabled] {
  background-color: #889194;
}
.camel-compact-blue .btn.active {
  background: #169DEA;
}
.camel-compact-blue .btn.verify {
  margin-bottom: 30px;
}
.camel-compact-blue .form-field.has-error {
  margin-bottom: 10px;
}
.camel-compact-blue .form-field.has-error input {
  border-color: var(--blue-195);
  box-shadow: none;
}
.camel-compact-blue .form-field__label {
  margin-top: 0;
  margin-bottom: 14px;
  font-size: 22px;
  font-family: "Noto Sans Armenian";
  font-weight: 400;
  line-height: normal;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
}
.camel-compact-blue .form-field__label span {
  font-size: 25px;
  font-weight: 700;
  letter-spacing: 0.25px;
}
.camel-compact-blue .form-field input {
  border-radius: 60px;
  width: 360px;
  height: 70px;
  font-size: 21px;
  font-family: "Noto Sans Armenian";
  font-weight: 500;
  background: #fff;
  line-height: normal;
  letter-spacing: 0.02em;
  color: #656565;
  box-shadow: var(--shadow-i);
}
.camel-compact-blue form {
  width: 100%;
  text-align: center;
}
.camel-compact-blue .brand-sub-title {
  margin-top: 5px;
  margin-bottom: 0;
  font-size: 19px;
  font-family: "Noto Sans Armenian";
  font-weight: 700;
  width: 100%;
  text-align: center;
  color: var(--white);
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.camel-compact-blue .cigarette {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin-top: -50px;
  margin-bottom: 0;
  width: 100%;
}
.camel-compact-blue .cigarette > div {
  display: flex;
  justify-content: center;
  width: 100%;
  text-align: center;
  position: relative;
}
.camel-compact-blue .cigarette-pack {
  width: 480px;
  position: relative;
}
.camel-compact-blue .question-title {
  position: relative;
  margin-bottom: 26px;
  font-size: 22px;
  font-family: "Noto Sans Armenian";
  font-weight: 400;
  line-height: normal;
  color: var(--white);
  text-transform: uppercase;
  white-space: nowrap;
}
.camel-compact-blue .error {
  margin-bottom: 14px;
  width: 100%;
  visibility: hidden;
  font-size: 18px;
  font-weight: 600;
  font-family: "Noto Sans Armenian";
  text-transform: uppercase;
  color: #FFEE00;
  text-align: center;
}
.camel-compact-blue .error.show {
  visibility: visible;
}
.camel-compact-blue .btns-wrap .btn {
  margin-bottom: 14px;
  font-size: 22px;
  line-height: 26px;
  letter-spacing: 0;
}
.camel-compact-blue .contact {
  padding-bottom: 15px;
}
.camel-compact-blue .contact__title {
  margin-right: auto;
  margin-bottom: 20px;
  margin-left: auto;
  max-width: 420px;
  color: #fff;
  font-size: 19px;
}
.camel-compact-blue .contact__title strong {
  font-size: 1.15em;
  font-weight: 600;
}
.camel-compact-blue .contact__social-wrap > div > a {
  border-radius: 17px;
  background-color: var(--blue-195);
  box-shadow: var(--shadow);
}
.camel-compact-blue .finish {
  font-family: "Noto Sans Armenian";
  color: var(--white);
}
.camel-compact-blue .finish-title {
  order: -2;
  font-size: 38px;
  line-height: normal;
}
.camel-compact-blue .finish .greetings-text {
  order: -1;
  margin-bottom: 0;
  color: var(--white);
  font-size: 22px;
  line-height: normal;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}
.camel-compact-blue .finish .refill-img {
  margin-top: 45px;
  margin-bottom: 80px;
  width: 182px;
}
.camel-compact-blue .finish .contact-us {
  margin-top: 0;
  font-family: "Noto Sans Armenian";
  font-size: 22px;
  font-weight: 300;
  color: var(--white);
  white-space: nowrap;
  line-height: normal;
}
.camel-compact-blue .finish .contact-us + .contact-us {
  margin-top: 20px;
  margin-bottom: 0;
  order: 5;
}
.camel-compact-blue .finish .contact-us a {
  font-size: 30px;
  font-weight: 600;
  color: var(--white);
  text-decoration: none;
}
.camel-compact-blue .finish .contact {
  padding-top: 30px;
}
.camel-compact-blue .finish .contact__title {
  display: none;
}
.camel-compact-blue .blocked {
  font-family: "Noto Sans Armenian";
  color: var(--white);
  text-align: center;
}
.camel-compact-blue .blocked-img {
  margin-top: 53px;
  margin-bottom: 33px;
  width: 206px;
}
.camel-compact-blue .blocked-title {
  order: -1;
  margin: 0;
  font-size: 40px;
  line-height: normal;
}
.camel-compact-blue .blocked-title br {
  display: none;
}
.camel-compact-blue .blocked-text {
  margin-bottom: 0;
  font-size: 22px;
  line-height: normal;
}
.camel-compact-blue .blocked .btn-wrap {
  margin-top: 35px;
  margin-bottom: 65px;
}
.camel-compact-blue .blocked .contact {
  padding-top: 100px;
}
.camel-compact-blue .closed .blocked-img {
  width: 180px;
}
.camel-compact-blue .closed .blocked-title {
  font-weight: 700;
  line-height: 50px;
}
@media (max-width: 992px) {
  .camel-compact-blue [class^=step-] .next-square-btn {
    margin-top: 8.3333333333vw;
    width: 13.3333333333vw;
  }
  .camel-compact-blue.steps > div {
    padding-top: 28.125vw;
    padding-right: 3.9583333333vw;
    padding-left: 3.9583333333vw;
    padding-bottom: 70.8333333333vw;
  }
  .camel-compact-blue .title {
    margin-bottom: 6.0416666667vw;
    font-size: 5.2083333333vw;
  }
  .camel-compact-blue .radio-button {
    margin-bottom: 4.1666666667vw;
  }
  .camel-compact-blue .radio-button label {
    padding-top: 18.75vw;
    min-height: 16.6666666667vw;
    font-size: 3.9583333333vw;
  }
  .camel-compact-blue .radio-button input[type=radio] + label:before {
    width: 16.6666666667vw;
    height: 16.6666666667vw;
  }
  .camel-compact-blue .radio-button input[type=radio]:checked + label:after {
    top: 5vw;
    margin-left: -3.3333333333vw;
    width: 6.6666666667vw;
    height: 6.6666666667vw;
  }
  .camel-compact-blue .checkbox-wrapper {
    margin-top: 6.6666666667vw;
    margin-bottom: 6.4583333333vw;
    max-width: 76.6666666667vw;
  }
  .camel-compact-blue .checkbox-wrapper .checkbox-container {
    border-radius: 2.5vw;
    margin-right: 6.875vw;
    width: 16.6666666667vw;
    min-width: 16.6666666667vw;
    height: 16.6666666667vw;
  }
  .camel-compact-blue .checkbox-wrapper .checkmark {
    width: 16.6666666667vw;
    height: 16.6666666667vw;
  }
  .camel-compact-blue .checkbox-wrapper .checkmark::after {
    width: 8.125vw;
    height: 6.4583333333vw;
  }
  .camel-compact-blue .checkbox-wrapper .checkbox-text {
    font-size: 4.5833333333vw;
    line-height: 5.625vw;
  }
  .camel-compact-blue .rules-agree .btn {
    margin-bottom: 5.2083333333vw;
  }
  .camel-compact-blue .rules-agree .error {
    font-size: 3.75vw;
  }
  .camel-compact-blue .step-0 .btn {
    width: 60vw;
  }
  .camel-compact-blue .step-1 .title {
    font-size: 4.5833333333vw;
  }
  .camel-compact-blue .btn {
    border-radius: 12.7083333333vw;
    width: 75vw;
    height: 14.5833333333vw;
    font-size: 4.5833333333vw;
  }
  .camel-compact-blue .btn.verify {
    margin-bottom: 6.25vw;
  }
  .camel-compact-blue .form-field__label {
    margin-bottom: 3.5416666667vw;
    font-size: 4.5833333333vw;
  }
  .camel-compact-blue .form-field__label span {
    font-size: 5.2083333333vw;
  }
  .camel-compact-blue .form-field input {
    border-radius: 12.5vw;
    width: 75vw;
    height: 14.5833333333vw;
    font-size: 4.375vw;
  }
  .camel-compact-blue .brand-sub-title {
    margin-top: 5.2083333333vw;
    font-size: 8.3333333333vw;
    line-height: 9.5833333333vw;
  }
  .camel-compact-blue .cigarette {
    margin-top: -10.4166666667vw;
    margin-bottom: 0;
  }
  .camel-compact-blue .cigarette-pack {
    width: 100vw;
  }
  .camel-compact-blue .question-title {
    margin-bottom: 5.4166666667vw;
    font-size: 4.5833333333vw;
  }
  .camel-compact-blue .error {
    margin-bottom: 2.9166666667vw;
    font-size: 3.75vw;
  }
  .camel-compact-blue .btns-wrap .btn {
    margin-bottom: 2.9166666667vw;
    font-size: 4.5833333333vw;
    line-height: 5.4166666667vw;
  }
  .camel-compact-blue .contact {
    padding-bottom: 3.125vw;
  }
  .camel-compact-blue .contact__title {
    margin-bottom: 4.1666666667vw;
    max-width: 87.5vw;
    font-size: 3.9583333333vw;
  }
  .camel-compact-blue .contact__social-wrap > div > a {
    border-radius: 3.5416666667vw;
  }
  .camel-compact-blue .finish {
    max-width: 100%;
  }
  .camel-compact-blue .finish-title {
    font-size: 7.9166666667vw;
  }
  .camel-compact-blue .finish .greetings-text {
    margin-top: 3.125vw;
    font-size: 4.5833333333vw;
  }
  .camel-compact-blue .finish .refill-img {
    margin-top: 9.375vw;
    margin-bottom: 16.6666666667vw;
    width: 37.9166666667vw;
  }
  .camel-compact-blue .finish .contact-us {
    font-size: 4.5833333333vw;
  }
  .camel-compact-blue .finish .contact-us + .contact-us {
    margin-top: 4.1666666667vw;
  }
  .camel-compact-blue .finish .contact-us a {
    margin-top: 2.0833333333vw;
    font-size: 6.25vw;
  }
  .camel-compact-blue .finish .contact {
    padding-top: 6.25vw;
  }
  .camel-compact-blue .blocked-title {
    font-size: 8.3333333333vw;
  }
  .camel-compact-blue .blocked-img {
    margin-top: 11.0416666667vw;
    margin-bottom: 6.875vw;
    width: 42.9166666667vw;
  }
  .camel-compact-blue .blocked-text {
    font-size: 4.5833333333vw;
  }
  .camel-compact-blue .blocked .next-square-btn {
    width: 16.6666666667vw;
  }
  .camel-compact-blue .blocked .btn-wrap {
    margin-top: 7.2916666667vw;
    margin-bottom: 13.5416666667vw;
  }
  .camel-compact-blue .blocked .contact {
    padding-top: 20.8333333333vw;
  }
  .camel-compact-blue .closed .blocked-title {
    line-height: 10.4166666667vw;
  }
  .camel-compact-blue .closed .blocked-img {
    width: 37.5vw;
  }
}

.camel-111 {
  position: relative;
  font-family: "Noto Sans Armenian";
  color: #fff;
}
.camel-111 [class^=step-] {
  position: relative;
}
.camel-111.steps {
  max-width: 480px;
}
.camel-111.steps > div {
  padding-top: 92px;
  padding-right: 19px;
  padding-left: 19px;
  padding-bottom: 340px;
}
.camel-111 .title {
  margin-bottom: 32px;
  font-size: 25px;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  text-align: center;
}
.camel-111 .radio-button {
  margin-bottom: 20px;
}
.camel-111 .radio-button label {
  padding-top: 90px;
  min-height: 80px;
  font-family: "Noto Sans Armenian";
  font-size: 19px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0;
  color: #fff;
}
.camel-111 .radio-button input[type=radio] + label:before {
  border: none;
  width: 80px;
  height: 80px;
}
.camel-111 .radio-button input[type=radio]:checked + label:after {
  top: 24px;
  margin-left: -16px;
  width: 32px;
  height: 32px;
  background: var(--blue-195);
}
.camel-111 .rules-agree {
  margin-top: 100px;
  margin-bottom: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.camel-111 .rules-agree .btn {
  margin-bottom: 25px;
}
.camel-111 .rules-agree .error {
  font-size: 18px;
  line-height: normal;
}
.camel-111 .btn-link {
  background: none;
  border: none;
  text-decoration: underline;
  cursor: pointer;
  margin-top: 20px;
  margin-bottom: 40px;
  font-size: 18px;
  color: #fff;
  letter-spacing: 0;
  font-family: "Noto Sans Armenian";
}
.camel-111 .step-0 .btn, .camel-111 .step-1 .btn {
  width: 288px;
  background: #4CC3F0;
  color: #fff;
}
.camel-111 .step-1 .cigarette {
  margin-bottom: 0;
}
.camel-111 .step-1 .btn-wrap {
  margin-top: 10px;
}
.camel-111 .step-1 .brand-company-logo {
  margin-top: -40px;
  justify-content: center;
}
.camel-111 .step-1 .brand-company-logo img {
  width: 375px;
}
.camel-111 .btns-wrap {
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
}
.camel-111 .btn {
  border-radius: 61px;
  width: 360px;
  height: 70px;
  font-size: 22px;
  font-family: "Noto Sans Armenian";
  font-weight: 700;
  background: #fff;
  letter-spacing: 0;
  color: #1B52A4;
  box-shadow: var(--shadow);
  white-space: pre-line;
  text-transform: uppercase;
}
.camel-111 .btn:active {
  background: #169DEA;
  color: #fff;
}
.camel-111 .btn[disabled] {
  background: #fff;
  color: #1B52A4;
  opacity: 0.5;
}
.camel-111 .btn.active {
  background: #169DEA;
  color: #fff;
}
.camel-111 .cigarette {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 25px;
  width: 100%;
}
.camel-111 .cigarette > div {
  display: flex;
  justify-content: center;
  width: 100%;
  text-align: center;
  position: relative;
}
.camel-111 .cigarette-pack {
  width: 221px;
  position: relative;
}
.camel-111 .question-title {
  position: relative;
  margin-bottom: 26px;
  font-size: 25px;
  font-family: "Noto Sans Armenian";
  font-weight: 600;
  line-height: normal;
  color: var(--white);
  text-transform: uppercase;
}
.camel-111 .error {
  margin-bottom: 14px;
  width: 100%;
  visibility: hidden;
  font-size: 18px;
  font-weight: 600;
  font-family: "Noto Sans Armenian";
  text-transform: uppercase;
  color: #FFEE00;
  text-align: center;
}
.camel-111 .error.show {
  visibility: visible;
}
.camel-111 .btns-wrap .btn {
  margin-bottom: 14px;
  font-size: 22px;
  line-height: 26px;
  letter-spacing: 0;
}
.camel-111 .invite-text {
  font-size: 21px;
  font-weight: 500;
  color: white;
  margin: 25px 0;
  position: relative;
  text-align: center;
  letter-spacing: 0.01em;
}
.camel-111 .invite-text p {
  text-transform: uppercase;
  line-height: 1.2;
}
.camel-111 .invite-text p a {
  font-weight: 700;
  color: white;
}
.camel-111 .invite-text .jplatform-logo-container {
  margin-bottom: 24px;
}
.camel-111 .invite-text .jplatform-logo-container img {
  width: 112px;
}
.camel-111 .invite-text .jplatform-link {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 61px;
  margin: 30px auto 0;
  width: 288px;
  height: 70px;
  font-size: 22px;
  font-family: "Noto Sans Armenian";
  font-weight: 700;
  text-decoration: none;
  color: white;
  background: var(--blue-195);
}
.camel-111 .finish {
  font-family: "Noto Sans Armenian";
  color: var(--white);
  padding-top: 40px !important;
}
.camel-111 .finish-title {
  order: -2;
  font-size: 30px;
  line-height: normal;
}
.camel-111 .finish .greetings-text {
  order: -1;
  margin-bottom: 0;
  color: var(--white);
  font-size: 22px;
  line-height: normal;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}
.camel-111 .finish .refill-img {
  margin-top: 22px;
  margin-bottom: 22px;
  width: 183px;
}
.camel-111 .finish .contact-us {
  margin-top: 0;
  font-family: "Noto Sans Armenian";
  font-size: 22px;
  font-weight: 400;
  color: var(--white);
  white-space: nowrap;
  line-height: normal;
}
.camel-111 .finish .contact-us + .contact-us {
  margin-top: 10px;
  margin-bottom: 0;
}
.camel-111 .finish .contact-us a {
  font-size: 25px;
  font-weight: 700;
  color: var(--white);
  text-decoration: none;
}
.camel-111 .blocked {
  font-family: "Noto Sans Armenian";
  color: var(--white);
  text-align: center;
  padding-top: 40px !important;
}
.camel-111 .blocked-img {
  margin-top: 22px;
  margin-bottom: 22px;
  width: 206px;
}
.camel-111 .blocked-title {
  order: -1;
  margin: 0;
  font-size: 30px;
  line-height: normal;
}
.camel-111 .blocked-text {
  margin-bottom: 0;
  font-size: 22px;
  line-height: normal;
}
.camel-111 .closed .blocked-img {
  width: 180px;
}
.camel-111 .closed .blocked-title {
  font-weight: 700;
  line-height: 50px;
}
.camel-111 .closed .blocked-title br {
  display: none;
}
.camel-111 .unsubscribe > svg {
  display: none;
}
.camel-111 .unsubscribe-title {
  margin: 0;
  font-size: 32px;
  font-family: "Noto Sans Armenian";
  color: var(--white);
}
.camel-111 .unsubscribe-text {
  margin-top: 30px;
  font-size: 22px;
  font-family: "Noto Sans Armenian";
  font-weight: 400;
  color: var(--white);
  letter-spacing: 0;
}
.camel-111 .unsubscribe textarea {
  font-family: "Noto Sans Armenian";
  margin-right: auto;
  margin-left: auto;
  width: 360px;
  border-radius: 8px;
  border-color: var(--white);
  color: var(--dark-500);
}
.camel-111 .unsubscribe textarea::-moz-placeholder {
  color: var(--dark-500);
}
.camel-111 .unsubscribe textarea::placeholder {
  color: var(--dark-500);
}
.camel-111 .unsubscribe textarea:-moz-placeholder {
  color: var(--dark-500);
}
.camel-111 .unsubscribe textarea::-moz-placeholder {
  color: var(--dark-500);
}
.camel-111 .unsubscribe textarea:-ms-input-placeholder {
  color: var(--dark-500);
}
.camel-111 .unsubscribe textarea::-webkit-input-placeholder {
  color: var(--dark-500);
}
.camel-111 .unsubscribe .btns-wrap .btn {
  font-size: 15px;
  line-height: 20px;
  font-weight: 700;
}
.camel-111 .unsubscribe .btn-wrap {
  margin-top: 35px;
}
.camel-111 .unsubscribe .btn-next {
  background: #4CC3F0;
  color: #fff;
  width: 288px;
  font-size: 22px;
  font-weight: 700;
}
@media (max-width: 992px) {
  .camel-111 [class^=step-] .next-square-btn {
    margin-top: 8.3333333333vw;
    width: 13.3333333333vw;
  }
  .camel-111.steps {
    max-width: 100vw;
  }
  .camel-111.steps > div {
    padding-top: 19.1666666667vw;
    padding-right: 3.9583333333vw;
    padding-left: 3.9583333333vw;
    padding-bottom: 70.8333333333vw;
  }
  .camel-111 .title {
    margin-bottom: 6.6666666667vw;
    font-size: 5.2083333333vw;
  }
  .camel-111 .radio-button {
    margin-bottom: 4.1666666667vw;
  }
  .camel-111 .radio-button label {
    padding-top: 18.75vw;
    min-height: 16.6666666667vw;
    font-size: 3.9583333333vw;
  }
  .camel-111 .radio-button input[type=radio] + label:before {
    width: 16.6666666667vw;
    height: 16.6666666667vw;
  }
  .camel-111 .radio-button input[type=radio]:checked + label:after {
    top: 5vw;
    margin-left: -3.3333333333vw;
    width: 6.6666666667vw;
    height: 6.6666666667vw;
  }
  .camel-111 .rules-agree {
    margin-top: 20.8333333333vw;
  }
  .camel-111 .rules-agree .btn {
    margin-bottom: 5.2083333333vw;
  }
  .camel-111 .rules-agree .error {
    font-size: 3.75vw;
  }
  .camel-111 .btn-link {
    margin-top: 4.1666666667vw;
    margin-bottom: 8.3333333333vw;
    font-size: 3.75vw;
  }
  .camel-111 .step-0 .btn, .camel-111 .step-1 .btn {
    width: 60vw;
  }
  .camel-111 .step-1 .btn-wrap {
    margin-top: 2.0833333333vw;
  }
  .camel-111 .step-1 .brand-company-logo {
    margin-top: -8.3333333333vw;
    justify-content: center;
  }
  .camel-111 .step-1 .brand-company-logo img {
    width: 78.125vw;
  }
  .camel-111 .btn {
    border-radius: 12.7083333333vw;
    width: 75vw;
    height: 14.5833333333vw;
    font-size: 4.5833333333vw;
  }
  .camel-111 .btn.verify {
    margin-bottom: 6.25vw;
  }
  .camel-111 .cigarette {
    margin-bottom: 5.2083333333vw;
  }
  .camel-111 .cigarette-pack {
    width: 46.0416666667vw;
  }
  .camel-111 .question-title {
    margin-bottom: 5.4166666667vw;
    font-size: 5.2083333333vw;
  }
  .camel-111 .error {
    margin-bottom: 2.9166666667vw;
    font-size: 3.75vw;
  }
  .camel-111 .btns-wrap .btn {
    margin-bottom: 2.9166666667vw;
    font-size: 4.5833333333vw;
    line-height: 5.4166666667vw;
  }
  .camel-111 .invite-text {
    font-size: 4.375vw;
    margin: 5.2083333333vw 0;
  }
  .camel-111 .invite-text .jplatform-logo-container {
    margin-bottom: 5vw;
  }
  .camel-111 .invite-text .jplatform-logo-container img {
    width: 23.3333333333vw;
  }
  .camel-111 .invite-text .jplatform-link {
    border-radius: 12.7083333333vw;
    margin-top: 6.25vw;
    width: 60vw;
    height: 14.5833333333vw;
    font-size: 4.5833333333vw;
  }
  .camel-111 .finish {
    padding-top: 8.3333333333vw !important;
    max-width: 100%;
  }
  .camel-111 .finish-title {
    font-size: 6.25vw;
  }
  .camel-111 .finish .greetings-text {
    margin-top: 3.125vw;
    font-size: 4.5833333333vw;
  }
  .camel-111 .finish .refill-img {
    margin-top: 4.5833333333vw;
    margin-bottom: 4.5833333333vw;
    width: 38.125vw;
  }
  .camel-111 .finish .contact-us {
    font-size: 4.5833333333vw;
  }
  .camel-111 .finish .contact-us + .contact-us {
    margin-top: 2.0833333333vw;
  }
  .camel-111 .finish .contact-us a {
    margin-top: 2.0833333333vw;
    font-size: 5.2083333333vw;
  }
  .camel-111 .blocked {
    padding-top: 8.3333333333vw !important;
  }
  .camel-111 .blocked-title {
    font-size: 6.25vw;
  }
  .camel-111 .blocked-img {
    margin-top: 4.5833333333vw;
    margin-bottom: 4.5833333333vw;
    width: 42.9166666667vw;
  }
  .camel-111 .blocked-text {
    font-size: 4.5833333333vw;
  }
  .camel-111 .blocked .next-square-btn {
    width: 16.6666666667vw;
  }
  .camel-111 .blocked .btn-wrap {
    margin-top: 7.2916666667vw;
    margin-bottom: 13.5416666667vw;
  }
  .camel-111 .blocked .contact {
    padding-top: 20.8333333333vw;
  }
  .camel-111 .closed .blocked-title {
    line-height: 10.4166666667vw;
  }
  .camel-111 .closed .blocked-img {
    width: 37.5vw;
  }
  .camel-111 .unsubscribe > svg {
    width: 28.125vw;
  }
  .camel-111 .unsubscribe-title {
    font-size: 6.6666666667vw;
  }
  .camel-111 .unsubscribe-text {
    margin-top: 6.25vw;
    font-size: 4.5833333333vw;
    line-height: 6.25vw;
  }
  .camel-111 .unsubscribe textarea {
    width: 75vw;
  }
  .camel-111 .unsubscribe .btns-wrap .btn {
    font-size: 3.125vw;
    line-height: 4.1666666667vw;
    font-weight: 700;
  }
  .camel-111 .unsubscribe .btn-wrap {
    margin-top: 7.2916666667vw;
  }
  .camel-111 .unsubscribe .btn-next {
    width: 60vw;
    font-size: 4.5833333333vw;
  }
}

.win-com-blue-bb {
  position: relative;
  font-family: "Noto Sans Armenian";
  color: #fff;
}
.win-com-blue-bb [class^=step-] {
  position: relative;
}
.win-com-blue-bb.steps {
  max-width: 480px;
}
.win-com-blue-bb.steps > div {
  padding-top: 0;
  padding-right: 19px;
  padding-left: 19px;
  padding-bottom: 115px;
}
.win-com-blue-bb .brand-company-logo {
  display: flex;
  justify-content: flex-end;
  order: -2;
  padding: 26px 29px 17px;
  width: 480px;
  background-color: rgba(79, 150, 193, 0.4);
  box-shadow: 1px 10px 5px -1px rgba(0, 0, 0, 0.31);
  margin-bottom: 50px;
}
@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
  .win-com-blue-bb .brand-company-logo {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
  }
}
.win-com-blue-bb .brand-company-logo img, .win-com-blue-bb .brand-company-logo svg {
  width: 63px;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.win-com-blue-bb .pack-grid-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(4, 1fr);
  grid-column-gap: 13px;
  grid-row-gap: 8px;
  margin-bottom: 18px;
}
.win-com-blue-bb .pack-grid-wrapper p {
  text-transform: uppercase;
  font-size: 13px;
  line-height: 1.1;
}
.win-com-blue-bb .product-image {
  grid-area: 1/1/5/2;
}
.win-com-blue-bb .product-image img {
  height: auto;
}
.win-com-blue-bb .benefit-1 {
  grid-area: 1/2/2/3;
}
.win-com-blue-bb .benefit-2 {
  grid-area: 2/2/3/3;
}
.win-com-blue-bb .benefit-3 {
  grid-area: 3/2/4/3;
}
.win-com-blue-bb .benefit-4 {
  grid-area: 4/2/5/3;
}
.win-com-blue-bb .benefit-flex {
  display: flex;
  gap: 6px;
  align-items: center;
}
.win-com-blue-bb .benefit-flex img {
  max-width: 73px;
  width: 40%;
  height: auto;
  flex-shrink: 1;
}
.win-com-blue-bb .radio-btn-container {
  display: flex;
}
.win-com-blue-bb .rules-agree {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.win-com-blue-bb h2.title {
  text-transform: uppercase;
  text-align: center;
  font-size: clamp(23px, 4.5vw, 35px);
  margin-bottom: 44px;
  line-height: 1.1;
}
.win-com-blue-bb .prize-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  width: 65vw;
  max-width: 235px;
  aspect-ratio: 1;
  background: rgba(5, 30, 108, 0.5);
  -webkit-backdrop-filter: blur(1px);
          backdrop-filter: blur(1px);
  margin-bottom: 29px;
}
.win-com-blue-bb .prize-description {
  text-align: center;
  font-size: clamp(18px, 2vw, 24px);
  margin-bottom: 42px;
}
.win-com-blue-bb .question-title {
  font-family: "Noto Sans Armenian";
  color: white;
  font-size: 18px;
  line-height: 1.1;
  text-align: center;
  margin-bottom: 12px;
}
.win-com-blue-bb .circular-select-wrapper {
  margin: 0 auto;
  position: relative;
  margin-bottom: 40px;
}
.win-com-blue-bb .circular-select {
  position: absolute;
  width: 295px;
  height: 295px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}
.win-com-blue-bb .circular-select svg circle {
  fill: blue !important;
  stroke: white;
  stroke-width: 10;
}
.win-com-blue-bb .stop-gradient {
  position: absolute;
  width: 229px;
  aspect-ratio: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.win-com-blue-bb .stop-gradient img {
  width: 100%;
  height: auto;
}
.win-com-blue-bb .quiz-wraper {
  position: relative;
}
.win-com-blue-bb .quiz-wraper .answer-wrapper {
  z-index: 1;
  position: absolute;
  width: 170px;
  height: 170px;
  top: 41%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.win-com-blue-bb .quiz-wraper .answer-icon {
  max-width: 100%;
  display: block;
  height: auto;
}
.win-com-blue-bb .quiz-wraper .answer-text {
  max-width: 162px;
  font-size: 15px;
  text-align: center;
}
.win-com-blue-bb .radio-button {
  margin-bottom: 20px;
}
.win-com-blue-bb .radio-button label {
  padding-top: 90px;
  min-height: 80px;
  font-family: "Noto Sans Armenian";
  font-size: 19px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0;
  color: #D9D9D9;
}
.win-com-blue-bb .radio-button input[type=radio] + label:before {
  border: none;
  width: 80px;
  height: 80px;
}
.win-com-blue-bb .radio-button input[type=radio]:checked + label:after {
  top: 24px;
  margin-left: -16px;
  width: 32px;
  height: 32px;
  background: var(--win-bb-yellow);
}
.win-com-blue-bb .btn-link {
  background: none;
  border: none;
  text-decoration: underline;
  cursor: pointer;
  margin-top: 20px;
  margin-bottom: 40px;
  font-size: 18px;
  color: #fff;
  letter-spacing: 0;
  font-family: "Noto Sans Armenian";
}
.win-com-blue-bb .btns-wrap {
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
}
.win-com-blue-bb .btn, .win-com-blue-bb .jplatform-link {
  border-radius: 61px;
  width: 187px;
  height: 54px;
  font-size: 22px;
  font-family: "Noto Sans Armenian";
  font-weight: 700;
  background: #EF7B0D;
  letter-spacing: 0.01em;
  color: #fff;
  box-shadow: var(--shadow);
  white-space: pre-line;
  text-transform: uppercase;
}
.win-com-blue-bb .btn:active, .win-com-blue-bb .jplatform-link:active {
  background: #169DEA;
  color: #fff;
}
.win-com-blue-bb .btn[disabled], .win-com-blue-bb .jplatform-link[disabled] {
  background: #fff;
  color: #1B52A4;
  opacity: 0.5;
}
.win-com-blue-bb .btn.active, .win-com-blue-bb .jplatform-link.active {
  background: #169DEA;
  color: #fff;
}
.win-com-blue-bb .error {
  margin-bottom: 14px;
  width: 100%;
  visibility: hidden;
  font-size: 18px;
  font-weight: 600;
  font-family: "Noto Sans Armenian";
  text-transform: uppercase;
  color: #FFEE00;
  text-align: center;
}
.win-com-blue-bb .error.show {
  visibility: visible;
}
.win-com-blue-bb .btns-wrap .btn {
  margin-bottom: 14px;
  font-size: 22px;
  line-height: 26px;
  letter-spacing: 0;
}
.win-com-blue-bb .invite-text {
  font-size: 22px;
  line-height: 28px;
  font-weight: 700;
  color: white;
  margin: 75px 0 100px;
  position: relative;
  text-align: center;
  margin-bottom: 0;
}
.win-com-blue-bb .invite-text p a {
  font-weight: 700;
  color: white;
  text-decoration: none;
}
.win-com-blue-bb .invite-text .jplatform-logo-container {
  margin-bottom: 24px;
}
.win-com-blue-bb .invite-text .jplatform-logo-container img {
  width: 150px;
}
.win-com-blue-bb .invite-text .jplatform-link {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  margin: 25px auto 0;
}
.win-com-blue-bb .finish {
  font-family: "Noto Sans Armenian";
  color: var(--white);
}
.win-com-blue-bb .finish-title {
  order: -2;
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 35px;
  line-height: 1;
  font-weight: 600;
}
.win-com-blue-bb .finish__img-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 12px;
  margin-bottom: 17px;
  border-radius: 50%;
  width: 223px;
  height: 223px;
  background-color: rgba(5, 30, 108, 0.5);
}
.win-com-blue-bb .finish .greetings-text {
  margin: 0;
  color: var(--white);
  font-size: 18px;
  line-height: normal;
}
.win-com-blue-bb .finish .refill-img {
  margin: 0;
  width: 95px;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.win-com-blue-bb .finish .contact-us {
  display: none;
}
.win-com-blue-bb .blocked {
  font-family: "Noto Sans Armenian";
  color: var(--white);
  text-align: center;
}
.win-com-blue-bb .blocked-title {
  order: -1;
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 35px;
  line-height: 1;
  font-weight: 600;
}
.win-com-blue-bb .blocked__img-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 12px;
  margin-bottom: 17px;
  border-radius: 50%;
  width: 223px;
  height: 223px;
  background-color: rgba(5, 30, 108, 0.5);
}
.win-com-blue-bb .blocked-img {
  margin: 0;
  width: 124px;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.win-com-blue-bb .blocked-text {
  margin-bottom: 0;
  font-size: 18px;
  line-height: 25px;
  text-transform: uppercase;
}
.win-com-blue-bb .closed .blocked-img {
  width: 173px;
}
.win-com-blue-bb .unsubscribe > svg {
  display: none;
}
.win-com-blue-bb .unsubscribe-title {
  margin: 0;
  font-size: 32px;
  font-family: "Noto Sans Armenian";
  color: var(--white);
}
.win-com-blue-bb .unsubscribe-text {
  margin-top: 30px;
  font-size: 22px;
  font-family: "Noto Sans Armenian";
  font-weight: 400;
  color: var(--white);
  letter-spacing: 0;
}
.win-com-blue-bb .unsubscribe textarea {
  font-family: "Noto Sans Armenian";
  margin-right: auto;
  margin-left: auto;
  width: 360px;
  border-radius: 8px;
  border-color: var(--white);
  color: var(--dark-500);
}
.win-com-blue-bb .unsubscribe textarea::-moz-placeholder {
  color: var(--dark-500);
}
.win-com-blue-bb .unsubscribe textarea::placeholder {
  color: var(--dark-500);
}
.win-com-blue-bb .unsubscribe textarea:-moz-placeholder {
  color: var(--dark-500);
}
.win-com-blue-bb .unsubscribe textarea::-moz-placeholder {
  color: var(--dark-500);
}
.win-com-blue-bb .unsubscribe textarea:-ms-input-placeholder {
  color: var(--dark-500);
}
.win-com-blue-bb .unsubscribe textarea::-webkit-input-placeholder {
  color: var(--dark-500);
}
.win-com-blue-bb .unsubscribe .btns-wrap .btn {
  font-size: 15px;
  line-height: 20px;
  font-weight: 700;
}
.win-com-blue-bb .unsubscribe .btn-wrap {
  margin-top: 35px;
}
.win-com-blue-bb .unsubscribe .btn-next {
  background: #4CC3F0;
  color: #fff;
  width: 288px;
  font-size: 22px;
  font-weight: 700;
}
@media (max-width: 767px) {
  .win-com-blue-bb [class^=step-] .next-square-btn {
    margin-top: 8.3333333333vw;
    width: 13.3333333333vw;
  }
  .win-com-blue-bb.steps {
    max-width: 100vw;
  }
  .win-com-blue-bb.steps > div {
    padding-top: 0;
    padding-right: 3.9583333333vw;
    padding-left: 3.9583333333vw;
    padding-bottom: 28.125vw;
  }
  .win-com-blue-bb .brand-company-logo {
    padding: 26px 6.0416666667vw 3.5416666667vw;
    width: 100vw;
  }
  .win-com-blue-bb .brand-company-logo img, .win-com-blue-bb .brand-company-logo svg {
    width: 13.125vw;
  }
  .win-com-blue-bb .radio-button {
    margin-bottom: 4.1666666667vw;
  }
  .win-com-blue-bb .radio-button label {
    text-transform: none;
    padding-top: 18.75vw;
    min-height: 16.6666666667vw;
    font-size: 3.9583333333vw;
  }
  .win-com-blue-bb .radio-button input[type=radio] + label:before {
    width: 16.6666666667vw;
    height: 16.6666666667vw;
  }
  .win-com-blue-bb .radio-button input[type=radio]:checked + label:after {
    top: 5vw;
    margin-left: -3.3333333333vw;
    width: 6.6666666667vw;
    height: 6.6666666667vw;
  }
  .win-com-blue-bb .btn-link {
    margin-top: auto;
    margin-bottom: 8.3333333333vw;
    font-size: 3.75vw;
  }
  .win-com-blue-bb .step-1 .btn,
.win-com-blue-bb .step-2 .btn,
.win-com-blue-bb .step-3 .btn,
.win-com-blue-bb .step-4 .btn,
.win-com-blue-bb .step-5 .btn {
    width: 50%;
    margin-top: auto;
  }
  .win-com-blue-bb .btn {
    border-radius: 12.7083333333vw;
    width: 75vw;
    height: 14.5833333333vw;
    font-size: 4.5833333333vw;
  }
  .win-com-blue-bb .btn.verify {
    margin-bottom: 6.25vw;
  }
  .win-com-blue-bb .error {
    margin-bottom: 2.9166666667vw;
    font-size: 3.75vw;
  }
  .win-com-blue-bb .btns-wrap .btn {
    margin-bottom: 2.9166666667vw;
    font-size: 4.5833333333vw;
    line-height: 5.4166666667vw;
  }
  .win-com-blue-bb .invite-text {
    font-size: 4.5833333333vw;
    line-height: 5.8333333333vw;
    margin: 16px 0 20.8333333333vw;
    margin-bottom: 0;
  }
  .win-com-blue-bb .invite-text .jplatform-logo-container {
    margin-bottom: 5vw;
  }
  .win-com-blue-bb .invite-text .jplatform-logo-container img {
    width: 31.25vw;
  }
  .win-com-blue-bb .finish {
    max-width: 100%;
  }
  .win-com-blue-bb .finish-title {
    margin-top: 0;
    margin-bottom: 16px;
    font-size: 7.2916666667vw;
  }
  .win-com-blue-bb .finish__img-wrap {
    margin-top: 2.5vw;
    margin-bottom: 3.5416666667vw;
    width: 46.4583333333vw;
    height: 46.4583333333vw;
  }
  .win-com-blue-bb .finish .greetings-text {
    font-size: 3.75vw;
  }
  .win-com-blue-bb .finish .refill-img {
    width: 19.7916666667vw;
  }
  .win-com-blue-bb .blocked-title {
    margin-top: 0;
    margin-bottom: 16px;
    font-size: 7.2916666667vw;
  }
  .win-com-blue-bb .blocked__img-wrap {
    margin-top: 2.5vw;
    margin-bottom: 3.5416666667vw;
    width: 46.4583333333vw;
    height: 46.4583333333vw;
  }
  .win-com-blue-bb .blocked-img {
    width: 25.8333333333vw;
  }
  .win-com-blue-bb .blocked-text {
    font-size: 3.75vw;
    line-height: 5.2083333333vw;
  }
  .win-com-blue-bb .closed .blocked-img {
    width: 36.0416666667vw;
  }
  .win-com-blue-bb .closed .blocked-text {
    text-transform: none;
  }
  .win-com-blue-bb .unsubscribe > svg {
    width: 28.125vw;
  }
  .win-com-blue-bb .unsubscribe-title {
    font-size: 6.6666666667vw;
  }
  .win-com-blue-bb .unsubscribe-text {
    margin-top: 6.25vw;
    font-size: 4.5833333333vw;
    line-height: 6.25vw;
  }
  .win-com-blue-bb .unsubscribe textarea {
    width: 75vw;
  }
  .win-com-blue-bb .unsubscribe .btns-wrap .btn {
    font-size: 3.125vw;
    line-height: 4.1666666667vw;
    font-weight: 700;
  }
  .win-com-blue-bb .unsubscribe .btn-wrap {
    margin-top: 7.2916666667vw;
  }
  .win-com-blue-bb .unsubscribe .btn-next {
    width: 60vw;
    font-size: 4.5833333333vw;
  }
}

.win-monte-carlo {
  position: relative;
  font-family: "Noto Sans Armenian";
  color: #000;
}
.win-monte-carlo [class^=step-] {
  position: relative;
}
.win-monte-carlo.steps {
  max-width: 480px;
}
.win-monte-carlo.steps > div {
  padding-top: 85px;
  padding-right: 19px;
  padding-left: 19px;
  padding-bottom: 113px;
}
.win-monte-carlo .step-0 .age-confirmation {
  margin-bottom: 15px;
  text-align: center;
}
.win-monte-carlo .step-0 .age-confirmation img {
  margin-bottom: 23px;
  width: 178px;
}
.win-monte-carlo .step-0 .confirmation-text {
  color: #000;
  font-size: 25px;
  font-weight: 700;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  text-align: center;
}
.win-monte-carlo .step-0 .radio-btn-container {
  margin-bottom: 50px;
}
.win-monte-carlo .step-0 .radio-button {
  margin-bottom: 27px;
}
.win-monte-carlo .step-0 .radio-button label {
  padding-top: 95px;
  min-height: 80px;
  font-family: "Noto Sans Armenian";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0;
  color: #000;
}
.win-monte-carlo .step-0 .radio-button input[type=radio] + label:before {
  border: 1px solid #8B8B8B;
  width: 80px;
  height: 80px;
}
.win-monte-carlo .step-0 .radio-button input[type=radio]:checked + label:after {
  top: 24px;
  margin-left: -16px;
  width: 32px;
  height: 32px;
  background: #025593;
}
.win-monte-carlo .step-0 .btn-link {
  background: none;
  border: none;
  text-decoration: underline;
  cursor: pointer;
  margin-top: 20px;
  margin-bottom: 40px;
  font-size: 18px;
  color: #000;
  letter-spacing: 0;
  font-family: "Noto Sans Armenian";
}
.win-monte-carlo .step-2 .survey-content .survey-brand img {
  width: 394px;
}
.win-monte-carlo .step-3 .survey-content .survey-brand img {
  width: 452px;
}
.win-monte-carlo .step-2 .btns-wrap, .win-monte-carlo .step-3 .btns-wrap {
  margin-bottom: 80px;
}
.win-monte-carlo .survey-content .survey-brand {
  text-align: center;
}
.win-monte-carlo .survey-content .survey-brand img {
  width: 173px;
}
.win-monte-carlo .survey-content .survey-text {
  margin: 10px auto 0;
  max-width: 368px;
  font-size: 22px;
  font-family: "Noto Sans Armenian";
  font-weight: 600;
  line-height: normal;
  color: #000;
  text-align: center;
}
.win-monte-carlo .dots {
  margin: 22px 0;
  display: flex;
  justify-content: center;
}
.win-monte-carlo .dots span {
  width: 15px;
  height: 15px;
  background-color: #C6C9CC;
  border-radius: 50%;
  margin: 0 4px;
}
.win-monte-carlo .dots span.active {
  background-color: #025593;
}
.win-monte-carlo .btns-wrap {
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
}
.win-monte-carlo .btn {
  border-radius: 12px;
  width: 392px;
  height: 64px;
  font-size: 18px;
  font-family: "Noto Sans Armenian";
  font-weight: 600;
  background: #025593;
  letter-spacing: 0.01em;
  color: #fff;
  box-shadow: none;
  white-space: pre-line;
  text-transform: uppercase;
}
.win-monte-carlo .btn:active {
  background: rgba(2, 85, 147, 0.8);
  color: #fff;
}
.win-monte-carlo .btn[disabled] {
  background: #025593;
  color: #fff;
  opacity: 0.5;
}
.win-monte-carlo .btn.active {
  background: rgba(2, 85, 147, 0.8);
  color: #fff;
}
.win-monte-carlo .error {
  margin-bottom: 14px;
  width: 100%;
  font-size: 18px;
  font-weight: 600;
  font-family: "Noto Sans Armenian";
  text-transform: uppercase;
  color: var(--error);
  text-align: center;
}
.win-monte-carlo .btns-wrap .btn {
  margin-bottom: 10px;
}
.win-monte-carlo .invite-text {
  font-size: 20px;
  font-weight: 500;
  color: #000;
  margin: 26px auto;
  max-width: 392px;
  position: relative;
  text-align: center;
  letter-spacing: 0.01em;
}
.win-monte-carlo .invite-text p {
  text-transform: uppercase;
  line-height: 1.2;
}
.win-monte-carlo .invite-text p a {
  font-weight: 500;
  color: currentColor;
  text-decoration: none;
}
.win-monte-carlo .invite-text .jplatform-logo-container {
  margin-bottom: 24px;
}
.win-monte-carlo .invite-text .jplatform-logo-container img {
  width: 112px;
}
.win-monte-carlo .invite-text .jplatform-link {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  margin: 25px auto 0;
  width: 392px;
  height: 64px;
  font-size: 18px;
  font-family: "Noto Sans Armenian";
  font-weight: 600;
  letter-spacing: 0.01em;
  text-decoration: none;
  color: white;
  background: #025593;
}
.win-monte-carlo .finish {
  font-family: "Noto Sans Armenian";
  color: #000;
}
.win-monte-carlo .finish-title {
  order: -2;
  font-size: 34px;
  line-height: normal;
  letter-spacing: 0.01em;
}
.win-monte-carlo .finish .refill-img {
  margin-top: 30px;
  margin-bottom: 35px;
  width: 97px;
  height: auto;
}
.win-monte-carlo .finish .contact-us {
  margin-top: 0;
  font-family: "Noto Sans Armenian";
  font-size: 20px;
  font-weight: 400;
  color: #000;
  white-space: nowrap;
  line-height: normal;
  letter-spacing: 0.01em;
  text-transform: uppercase;
}
.win-monte-carlo .finish .contact-us + .contact-us {
  margin-top: 23px;
  margin-bottom: 0;
  text-transform: inherit;
}
.win-monte-carlo .finish .contact-us a {
  font-size: 1em;
  font-weight: 500;
  color: #000;
  text-decoration: none;
}
.win-monte-carlo .blocked {
  font-family: "Noto Sans Armenian";
  color: #000;
  text-align: center;
}
.win-monte-carlo .blocked-img {
  margin-top: 30px;
  margin-bottom: 35px;
  width: 189px;
}
.win-monte-carlo .blocked-title {
  order: -1;
  margin: 0;
  font-size: 34px;
  line-height: normal;
  letter-spacing: 0.01em;
}
.win-monte-carlo .blocked-text {
  margin-bottom: 0;
  font-size: 22px;
  line-height: normal;
}
.win-monte-carlo .blocked .invite-text {
  margin-bottom: 100px;
}
.win-monte-carlo .closed .blocked-img {
  width: 206px;
}
.win-monte-carlo .unsubscribe > svg {
  width: 211px;
}
.win-monte-carlo .unsubscribe-title {
  order: -1;
  margin-bottom: 40px;
  font-size: 30px;
  font-family: "Noto Sans Armenian";
  color: #000;
  letter-spacing: 0.01em;
}
.win-monte-carlo .unsubscribe-text {
  margin-top: 22px;
  font-size: 22px;
  font-family: "Noto Sans Armenian";
  font-weight: 400;
  color: #000;
  letter-spacing: 0;
}
.win-monte-carlo .unsubscribe textarea {
  font-family: "Noto Sans Armenian";
  margin-right: auto;
  margin-left: auto;
  width: 392px;
  border-radius: 12px;
  border-color: var(--white);
  color: #025593;
}
.win-monte-carlo .unsubscribe textarea::-moz-placeholder {
  color: #025593;
}
.win-monte-carlo .unsubscribe textarea::placeholder {
  color: #025593;
}
.win-monte-carlo .unsubscribe textarea:-moz-placeholder {
  color: #025593;
}
.win-monte-carlo .unsubscribe textarea::-moz-placeholder {
  color: #025593;
}
.win-monte-carlo .unsubscribe textarea:-ms-input-placeholder {
  color: #025593;
}
.win-monte-carlo .unsubscribe textarea::-webkit-input-placeholder {
  color: #025593;
}
.win-monte-carlo .unsubscribe .btns-wrap .btn {
  font-size: 20px;
  line-height: 27px;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: inherit;
}
.win-monte-carlo .unsubscribe .btns-wrap .btn br {
  display: none;
}
.win-monte-carlo .unsubscribe .btn-wrap {
  margin: 35px 0;
}
@media (max-width: 992px) {
  .win-monte-carlo [class^=step-] .next-square-btn {
    margin-top: 8.3333333333vw;
    width: 13.3333333333vw;
  }
  .win-monte-carlo.steps {
    max-width: 100vw;
  }
  .win-monte-carlo.steps > div {
    padding-top: 17.7083333333vw;
    padding-right: 3.9583333333vw;
    padding-left: 3.9583333333vw;
    padding-bottom: 23.5416666667vw;
  }
  .win-monte-carlo .step-0 .age-confirmation {
    margin-bottom: 3.125vw;
  }
  .win-monte-carlo .step-0 .age-confirmation img {
    margin-bottom: 4.7916666667vw;
    width: 37.0833333333vw;
  }
  .win-monte-carlo .step-0 .confirmation-text {
    font-size: 5.2083333333vw;
  }
  .win-monte-carlo .step-0 .radio-btn-container {
    margin-bottom: 10.4166666667vw;
  }
  .win-monte-carlo .step-0 .radio-button {
    margin-bottom: 5.625vw;
  }
  .win-monte-carlo .step-0 .radio-button label {
    padding-top: 19.7916666667vw;
    min-height: 16.6666666667vw;
    font-size: 4.1666666667vw;
  }
  .win-monte-carlo .step-0 .radio-button input[type=radio] + label:before {
    width: 16.6666666667vw;
    height: 16.6666666667vw;
  }
  .win-monte-carlo .step-0 .radio-button input[type=radio]:checked + label:after {
    top: 5vw;
    margin-left: -3.3333333333vw;
    width: 6.6666666667vw;
    height: 6.6666666667vw;
  }
  .win-monte-carlo .step-0 .btn-link {
    margin-top: 4.1666666667vw;
    margin-bottom: 8.3333333333vw;
    font-size: 3.75vw;
  }
  .win-monte-carlo .step-2 .survey-content .survey-brand img {
    width: 82.0833333333vw;
  }
  .win-monte-carlo .step-3 .survey-content .survey-brand img {
    width: 94.1666666667vw;
  }
  .win-monte-carlo .step-2 .btns-wrap, .win-monte-carlo .step-3 .btns-wrap {
    margin-bottom: 16.6666666667vw;
  }
  .win-monte-carlo .survey-content .survey-brand img {
    width: 36.0416666667vw;
  }
  .win-monte-carlo .survey-content .survey-text {
    margin-top: 2.0833333333vw;
    max-width: 76.6666666667vw;
    font-size: 4.5833333333vw;
  }
  .win-monte-carlo .dots {
    margin: 4.5833333333vw 0;
  }
  .win-monte-carlo .dots span {
    width: 3.125vw;
    height: 3.125vw;
    margin: 0 0.8333333333vw;
  }
  .win-monte-carlo .btn {
    border-radius: 2.5vw;
    width: 82.0833333333vw;
    height: 13.3333333333vw;
    font-size: 3.75vw;
  }
  .win-monte-carlo .error {
    margin-bottom: 2.9166666667vw;
    font-size: 3.75vw;
  }
  .win-monte-carlo .btns-wrap .btn {
    margin-bottom: 2.0833333333vw;
  }
  .win-monte-carlo .invite-text {
    font-size: 4.1666666667vw;
    margin: 5.2083333333vw auto;
    max-width: 81.6666666667vw;
  }
  .win-monte-carlo .invite-text .jplatform-logo-container {
    margin-bottom: 5vw;
  }
  .win-monte-carlo .invite-text .jplatform-logo-container img {
    width: 23.3333333333vw;
  }
  .win-monte-carlo .invite-text .jplatform-link {
    border-radius: 2.5vw;
    margin-top: 5.4166666667vw;
    width: 81.6666666667vw;
    height: 13.3333333333vw;
    font-size: 3.75vw;
  }
  .win-monte-carlo .finish {
    max-width: 100%;
  }
  .win-monte-carlo .finish-title {
    font-size: 7.0833333333vw;
  }
  .win-monte-carlo .finish .refill-img {
    margin-top: 6.25vw;
    margin-bottom: 7.2916666667vw;
    width: 20.2083333333vw;
  }
  .win-monte-carlo .finish .contact-us {
    font-size: 4.1666666667vw;
  }
  .win-monte-carlo .finish .contact-us + .contact-us {
    margin-top: 4.5833333333vw;
  }
  .win-monte-carlo .blocked-title {
    font-size: 7.0833333333vw;
  }
  .win-monte-carlo .blocked-img {
    margin-top: 6.25vw;
    margin-bottom: 7.2916666667vw;
    width: 39.375vw;
  }
  .win-monte-carlo .blocked-text {
    font-size: 4.5833333333vw;
  }
  .win-monte-carlo .blocked .invite-text {
    margin-bottom: 20.8333333333vw;
  }
  .win-monte-carlo .closed .blocked-img {
    width: 42.9166666667vw;
  }
  .win-monte-carlo .unsubscribe > svg {
    width: 43.9583333333vw;
  }
  .win-monte-carlo .unsubscribe-title {
    margin-bottom: 8.3333333333vw;
    font-size: 6.25vw;
  }
  .win-monte-carlo .unsubscribe-text {
    margin-top: 4.5833333333vw;
    font-size: 4.5833333333vw;
    line-height: 6.25vw;
  }
  .win-monte-carlo .unsubscribe textarea {
    width: 81.6666666667vw;
  }
  .win-monte-carlo .unsubscribe .btns-wrap .btn {
    font-size: 4.1666666667vw;
    line-height: 5.625vw;
  }
  .win-monte-carlo .unsubscribe .btn-wrap {
    margin: 7.2916666667vw 0;
  }
}

.win-xs-ss {
  position: relative;
  font-family: "Noto Sans Armenian";
  color: #000;
}
.win-xs-ss [class^=step-] {
  position: relative;
}
.win-xs-ss.steps {
  max-width: 480px;
}
.win-xs-ss.steps > div {
  padding-top: 85px;
  padding-right: 19px;
  padding-left: 19px;
  padding-bottom: 113px;
}
.win-xs-ss .step-0 .age-confirmation {
  margin-bottom: 15px;
  text-align: center;
}
.win-xs-ss .step-0 .age-confirmation img {
  margin-bottom: 23px;
  width: 178px;
}
.win-xs-ss .step-0 .confirmation-text {
  color: #014B8B;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  text-align: center;
}
.win-xs-ss .step-0 .radio-btn-container {
  margin-bottom: 50px;
}
.win-xs-ss .step-0 .radio-button {
  margin-bottom: 27px;
}
.win-xs-ss .step-0 .radio-button.no input[type=radio]:checked + label:after {
  background: #C6C9CC;
}
.win-xs-ss .step-0 .radio-button label {
  padding-top: 95px;
  min-height: 80px;
  font-family: "Noto Sans Armenian";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0;
  color: #014B8B;
}
.win-xs-ss .step-0 .radio-button input[type=radio] + label:before {
  border: 1px solid #CCCCCC;
  width: 80px;
  height: 80px;
}
.win-xs-ss .step-0 .radio-button input[type=radio]:checked + label:after {
  top: 24px;
  margin-left: -16px;
  width: 32px;
  height: 32px;
  background: #025593;
}
.win-xs-ss .step-0 .btn-link {
  background: none;
  border: none;
  text-decoration: underline;
  cursor: pointer;
  margin-top: 20px;
  margin-bottom: 130px;
  font-size: 18px;
  color: #014B8B;
  letter-spacing: 0;
  font-family: "Noto Sans Armenian";
}
.win-xs-ss .step-2 .survey-content .survey-brand img {
  width: 381px;
}
.win-xs-ss .step-2 .btns-wrap {
  margin-bottom: 130px;
}
.win-xs-ss .step-3 .survey-content .survey-brand img {
  width: 452px;
}
.win-xs-ss .step-3 .btns-wrap {
  margin-bottom: 70px;
}
.win-xs-ss .survey-content .survey-brand {
  text-align: center;
}
.win-xs-ss .survey-content .survey-brand img {
  width: 173px;
}
.win-xs-ss .survey-content .survey-text {
  margin: 10px auto 0;
  max-width: 400px;
  font-size: 22px;
  font-family: "Noto Sans Armenian";
  font-weight: 700;
  line-height: normal;
  color: #014B8B;
  text-align: center;
}
.win-xs-ss .dots {
  margin: 22px 0 10px;
  display: flex;
  justify-content: center;
}
.win-xs-ss .dots span {
  width: 15px;
  height: 15px;
  background-color: #C6C9CC;
  border-radius: 50%;
  margin: 0 4px;
}
.win-xs-ss .dots span.active {
  background-color: #025593;
}
.win-xs-ss .btns-wrap {
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
}
.win-xs-ss .btn {
  border-radius: 12px;
  width: 388px;
  height: 64px;
  font-size: 18px;
  font-family: "Noto Sans Armenian";
  font-weight: 600;
  background: rgba(2, 85, 147, 0.9);
  letter-spacing: 0.01em;
  color: #fff;
  box-shadow: none;
  white-space: pre-line;
  text-transform: uppercase;
}
.win-xs-ss .btn:active {
  background: rgba(2, 85, 147, 0.8);
  color: #fff;
}
.win-xs-ss .btn[disabled] {
  background: #025593;
  color: #fff;
  opacity: 0.5;
}
.win-xs-ss .btn.active {
  background: rgba(2, 85, 147, 0.8);
  color: #fff;
}
.win-xs-ss .error {
  margin-bottom: 14px;
  width: 100%;
  font-size: 18px;
  font-weight: 600;
  font-family: "Noto Sans Armenian";
  text-transform: uppercase;
  color: var(--error);
  text-align: center;
}
.win-xs-ss .btns-wrap .btn {
  margin-bottom: 10px;
}
.win-xs-ss .invite-text {
  font-size: 20px;
  font-weight: 500;
  color: #014B8B;
  margin: 26px auto;
  max-width: 381px;
  position: relative;
  text-align: center;
}
.win-xs-ss .invite-text p {
  text-transform: uppercase;
  line-height: 1.2;
}
.win-xs-ss .invite-text p a {
  font-weight: 500;
  color: currentColor;
  text-decoration: none;
}
.win-xs-ss .invite-text .jplatform-logo-container {
  margin-bottom: 24px;
}
.win-xs-ss .invite-text .jplatform-logo-container img {
  width: 112px;
}
.win-xs-ss .invite-text .jplatform-link {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  margin: 25px auto 0;
  width: 392px;
  height: 64px;
  font-size: 18px;
  font-family: "Noto Sans Armenian";
  font-weight: 700;
  letter-spacing: 0.01em;
  text-decoration: none;
  color: white;
  background: rgba(2, 85, 147, 0.9);
}
.win-xs-ss .finish {
  font-family: "Noto Sans Armenian";
  color: #014B8B;
}
.win-xs-ss .finish-title {
  order: -2;
  font-size: 34px;
  line-height: normal;
  letter-spacing: 0.01em;
}
.win-xs-ss .finish .refill-img {
  margin-top: 30px;
  margin-bottom: 35px;
  width: 97px;
  height: auto;
}
.win-xs-ss .finish .contact-us {
  margin-top: 0;
  font-family: "Noto Sans Armenian";
  font-size: 20px;
  font-weight: 400;
  color: #014B8B;
  white-space: nowrap;
  line-height: normal;
  letter-spacing: 0.01em;
  text-transform: uppercase;
}
.win-xs-ss .finish .contact-us + .contact-us {
  margin-top: 23px;
  margin-bottom: 0;
  text-transform: inherit;
}
.win-xs-ss .finish .contact-us a {
  font-size: 1em;
  font-weight: 600;
  color: #014B8B;
  text-decoration: none;
}
.win-xs-ss .finish .invite-text {
  margin-bottom: 47px;
}
.win-xs-ss .blocked {
  font-family: "Noto Sans Armenian";
  color: #014B8B;
  text-align: center;
}
.win-xs-ss .blocked-img {
  margin-top: 30px;
  margin-bottom: 35px;
  width: 189px;
}
.win-xs-ss .blocked-title {
  order: -1;
  margin: 0;
  font-size: 34px;
  line-height: normal;
  letter-spacing: 0.01em;
}
.win-xs-ss .blocked-text {
  margin-bottom: 0;
  font-size: 22px;
  line-height: normal;
}
.win-xs-ss .blocked .invite-text {
  margin-bottom: 89px;
}
.win-xs-ss .closed .blocked-img {
  width: 206px;
}
.win-xs-ss .unsubscribe > svg {
  width: 211px;
}
.win-xs-ss .unsubscribe-title {
  order: -1;
  margin-bottom: 117px;
  font-size: 30px;
  font-family: "Noto Sans Armenian";
  color: #014B8B;
  letter-spacing: 0.01em;
}
.win-xs-ss .unsubscribe-text {
  margin-top: 22px;
  font-size: 22px;
  font-family: "Noto Sans Armenian";
  font-weight: 400;
  color: #014B8B;
  letter-spacing: 0;
}
.win-xs-ss .unsubscribe textarea {
  font-family: "Noto Sans Armenian";
  margin-right: auto;
  margin-left: auto;
  width: 392px;
  border-radius: 12px;
  border-color: var(--white);
  color: #014B8B;
}
.win-xs-ss .unsubscribe textarea::-moz-placeholder {
  color: #014B8B;
}
.win-xs-ss .unsubscribe textarea::placeholder {
  color: #014B8B;
}
.win-xs-ss .unsubscribe textarea:-moz-placeholder {
  color: #014B8B;
}
.win-xs-ss .unsubscribe textarea::-moz-placeholder {
  color: #014B8B;
}
.win-xs-ss .unsubscribe textarea:-ms-input-placeholder {
  color: #014B8B;
}
.win-xs-ss .unsubscribe textarea::-webkit-input-placeholder {
  color: #014B8B;
}
.win-xs-ss .unsubscribe .btns-wrap .btn {
  font-size: 20px;
  line-height: 27px;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: inherit;
}
.win-xs-ss .unsubscribe .btns-wrap .btn br {
  display: none;
}
.win-xs-ss .unsubscribe .btn-wrap {
  margin: 35px 0;
}
@media (max-width: 992px) {
  .win-xs-ss [class^=step-] .next-square-btn {
    margin-top: 8.3333333333vw;
    width: 13.3333333333vw;
  }
  .win-xs-ss.steps {
    max-width: 100vw;
  }
  .win-xs-ss.steps > div {
    padding-top: 17.7083333333vw;
    padding-right: 3.9583333333vw;
    padding-left: 3.9583333333vw;
    padding-bottom: 23.5416666667vw;
  }
  .win-xs-ss .step-0 .age-confirmation {
    margin-bottom: 3.125vw;
  }
  .win-xs-ss .step-0 .age-confirmation img {
    margin-bottom: 4.7916666667vw;
    width: 37.0833333333vw;
  }
  .win-xs-ss .step-0 .confirmation-text {
    font-size: 4.1666666667vw;
  }
  .win-xs-ss .step-0 .radio-btn-container {
    margin-bottom: 10.4166666667vw;
  }
  .win-xs-ss .step-0 .radio-button {
    margin-bottom: 5.625vw;
  }
  .win-xs-ss .step-0 .radio-button label {
    padding-top: 19.7916666667vw;
    min-height: 16.6666666667vw;
    font-size: 4.1666666667vw;
  }
  .win-xs-ss .step-0 .radio-button input[type=radio] + label:before {
    width: 16.6666666667vw;
    height: 16.6666666667vw;
  }
  .win-xs-ss .step-0 .radio-button input[type=radio]:checked + label:after {
    top: 5vw;
    margin-left: -3.3333333333vw;
    width: 6.6666666667vw;
    height: 6.6666666667vw;
  }
  .win-xs-ss .step-0 .btn-link {
    margin-top: 6.25vw;
    margin-bottom: 27.0833333333vw;
    font-size: 3.75vw;
  }
  .win-xs-ss .step-2 .btns-wrap {
    margin-bottom: 27.0833333333vw;
  }
  .win-xs-ss .step-3 .btns-wrap {
    margin-bottom: 14.5833333333vw;
  }
  .win-xs-ss .survey-content .survey-brand img {
    width: 79.375vw;
  }
  .win-xs-ss .survey-content .survey-text {
    margin-top: 2.0833333333vw;
    max-width: 83.3333333333vw;
    font-size: 4.5833333333vw;
  }
  .win-xs-ss .dots {
    margin: 4.5833333333vw 0 2.0833333333vw;
  }
  .win-xs-ss .dots span {
    width: 3.125vw;
    height: 3.125vw;
    margin: 0 0.8333333333vw;
  }
  .win-xs-ss .btn {
    border-radius: 2.5vw;
    width: 80.8333333333vw;
    height: 13.3333333333vw;
    font-size: 3.75vw;
  }
  .win-xs-ss .error {
    margin-bottom: 2.9166666667vw;
    font-size: 3.75vw;
  }
  .win-xs-ss .btns-wrap .btn {
    margin-bottom: 2.0833333333vw;
  }
  .win-xs-ss .invite-text {
    font-size: 4.1666666667vw;
    margin: 5.2083333333vw auto;
    max-width: 79.375vw;
  }
  .win-xs-ss .invite-text .jplatform-logo-container {
    margin-bottom: 5vw;
  }
  .win-xs-ss .invite-text .jplatform-logo-container img {
    width: 23.3333333333vw;
  }
  .win-xs-ss .invite-text .jplatform-link {
    border-radius: 2.5vw;
    margin-top: 5.4166666667vw;
    width: 81.6666666667vw;
    height: 13.3333333333vw;
    font-size: 3.75vw;
  }
  .win-xs-ss .finish {
    max-width: 100%;
  }
  .win-xs-ss .finish-title {
    font-size: 7.0833333333vw;
  }
  .win-xs-ss .finish .refill-img {
    margin-top: 6.25vw;
    margin-bottom: 7.2916666667vw;
    width: 20.2083333333vw;
  }
  .win-xs-ss .finish .contact-us {
    font-size: 4.1666666667vw;
  }
  .win-xs-ss .finish .contact-us + .contact-us {
    margin-top: 4.5833333333vw;
  }
  .win-xs-ss .finish .invite-text {
    margin-bottom: 9.7916666667vw;
  }
  .win-xs-ss .blocked-title {
    font-size: 7.0833333333vw;
  }
  .win-xs-ss .blocked-img {
    margin-top: 6.25vw;
    margin-bottom: 7.2916666667vw;
    width: 39.375vw;
  }
  .win-xs-ss .blocked-text {
    font-size: 4.5833333333vw;
  }
  .win-xs-ss .blocked .invite-text {
    margin-bottom: 18.5416666667vw;
  }
  .win-xs-ss .closed .blocked-img {
    width: 42.9166666667vw;
  }
  .win-xs-ss .unsubscribe > svg {
    width: 43.9583333333vw;
  }
  .win-xs-ss .unsubscribe-title {
    margin-bottom: 24.375vw;
    font-size: 6.25vw;
  }
  .win-xs-ss .unsubscribe-text {
    margin-top: 4.5833333333vw;
    font-size: 4.5833333333vw;
    line-height: 6.25vw;
  }
  .win-xs-ss .unsubscribe textarea {
    width: 81.6666666667vw;
  }
  .win-xs-ss .unsubscribe .btns-wrap .btn {
    font-size: 4.1666666667vw;
    line-height: 5.625vw;
  }
  .win-xs-ss .unsubscribe .btn-wrap {
    margin: 7.2916666667vw 0;
  }
}

.not-found-page {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: inherit;
}
.not-found-page p {
  text-align: center;
}
.not-found-page a {
  display: inline-block;
  margin-top: 10px;
  color: #2eb2b5;
}

@media (max-width: 767px) {
  .menu-opened {
    overflow: hidden;
  }
}

@media (max-width: 767px) {
  .main-page-container .header.white {
    background-color: transparent;
  }
  .main-page-container .header.white .header-logo__logo {
    visibility: hidden;
  }
  .main-page-container .header.white .header-logo__logo-mob {
    visibility: visible;
  }
  .main-page-container .header.white .header-hamburger__wrap span {
    background-color: #fff;
  }
}
.header {
  background-color: #fff;
  width: 100%;
  height: 60px;
}
.header-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.header-wrap.is-active .header-logo__logo {
  visibility: hidden;
}
.header-wrap.is-active .header-logo__logo-mob {
  visibility: visible;
}
.header-wrap.is-active .header-nav {
  display: flex;
  transform: translateX(0);
}
.header-wrap.is-active .header-hamburger__wrap span {
  background-color: #fff;
}
.header-wrap.is-active .header-hamburger__wrap span:nth-child(1) {
  top: 11px;
  width: 0;
  left: 50%;
}
.header-wrap.is-active .header-hamburger__wrap span:nth-child(2) {
  transform: rotate(45deg);
}
.header-wrap.is-active .header-hamburger__wrap span:nth-child(3) {
  transform: rotate(-45deg);
}
.header-wrap.is-active .header-hamburger__wrap span:nth-child(4) {
  top: 11px;
  width: 0;
  left: 50%;
}
.header-logo {
  width: 75px;
  position: relative;
  z-index: 21;
}
.header-logo img {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
}
.header-logo__logo {
  visibility: visible;
}
.header-logo__logo-mob {
  visibility: hidden;
}
.header-hamburger__wrap {
  width: 30px;
  height: 24px;
  position: relative;
  z-index: 21;
  cursor: pointer;
  transition: 0.4s ease-in-out;
}
.header-hamburger__wrap span {
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  background: #30aeb0;
  border-radius: 10px;
  opacity: 1;
  left: 0;
  transition: 0.25s ease-in-out;
}
.header-hamburger__wrap span:nth-child(1) {
  top: 0;
}
.header-hamburger__wrap span:nth-child(2), .header-hamburger__wrap span:nth-child(3) {
  top: 11px;
}
.header-hamburger__wrap span:nth-child(4) {
  top: 22px;
}
.header-nav {
  display: none;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 20;
  width: 100%;
  height: 100%;
  transition: transform 0.4s ease-in-out;
  transform: translateX(100%);
}
.header-nav nav {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-top: 80px;
  background-color: #000;
  background: url(/images/menu-bg.png?60c79344e6f18f82096f3dfab52e1fb2) no-repeat;
  background-size: cover;
  background-position: bottom;
}
.header-nav__link {
  display: flex;
  align-items: center;
  position: relative;
  padding: 0 1.5em;
  height: 2em;
  font-size: 1.25em;
  font-weight: 400;
  color: #fff;
  text-decoration: none;
  background-color: transparent;
  text-align: left;
  transition: all 0.3s;
}
.header-nav__link.selected {
  background-color: #fff;
  color: #636363;
}
.header-nav__link.selected .triangle-menu {
  display: inline-block;
}
.header-nav__link:hover {
  background-color: #fff;
  color: #636363;
}
.header-nav__link:hover .triangle-menu {
  display: inline-block;
}
.header-nav__btn-link {
  width: 100%;
  border: 0;
  margin: 0;
  outline: none;
  cursor: pointer;
}
.header .triangle-menu {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 42px;
  display: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 0 7px 12px;
  border-color: transparent transparent transparent #2eb2b5;
}
@media (min-width: 768px) {
  .header .is-active .header-logo__logo {
    visibility: visible;
  }
  .header .is-active .header-logo__logo-mob {
    visibility: hidden;
  }
  .header-logo {
    width: 87px;
    z-index: 5;
  }
  .header-logo__logo {
    display: block;
    visibility: visible;
  }
  .header-logo__logo-mob {
    display: none;
  }
  .header-nav {
    width: 280px;
    z-index: 11;
    min-height: 100vh;
    position: absolute;
  }
  .header-nav nav {
    padding-top: 100px;
  }
  .header-nav__link {
    padding: 0 1.3636363636em;
    height: 2.1818181818em;
    font-size: 1.375em;
  }
  .header-hamburger__wrap {
    width: 30px;
    height: 24px;
    z-index: 12;
  }
  .header-hamburger__wrap span {
    height: 4px;
  }
  .header-hamburger__wrap span:nth-child(1) {
    top: 0;
  }
  .header-hamburger__wrap span:nth-child(2), .header-hamburger__wrap span:nth-child(3) {
    top: 11px;
  }
  .header-hamburger__wrap span:nth-child(4) {
    top: 22px;
  }
}

.language-selector {
  display: flex;
  flex: auto;
  padding: 24px 0 0 24px;
  margin-top: 18px;
  list-style: none;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.07) 0%, rgba(0, 0, 0, 0) 30%);
}
.language-selector li {
  margin: 0 6px;
}
.language-selector li.active button {
  background-color: #000;
  color: #fff;
}
.language-selector button {
  width: 3.125em;
  height: 3.125em;
  font-size: 1em;
  text-transform: uppercase;
  background-color: #fff;
  outline: none;
  border: none;
  border-radius: 50%;
  padding: 0;
  margin: 0;
  cursor: pointer;
  color: #000;
}
@media (min-width: 767px) {
  .language-selector {
    padding: 24px 0 0 19px;
    margin-top: 25px;
  }
  .language-selector button {
    width: 3em;
    height: 3em;
    font-size: 1.25em;
  }
}

.footer {
  background-color: #000;
  color: #fff;
  width: 100%;
  height: auto;
  position: relative;
}
.footer-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding-top: 58px;
  padding-bottom: 58px;
}
.footer-title {
  font-size: 2.18em;
  font-weight: 700;
}
.footer-contact {
  color: #a1a1a1;
  font-size: 1.12em;
  margin-top: 1.83em;
  margin-bottom: 2.24em;
  text-align: center;
}
.footer-contact__phone {
  color: #2eb2b5;
  text-decoration: none;
  letter-spacing: 0.02em;
  white-space: nowrap;
}
.footer-nav {
  display: flex;
  align-items: center;
}
.footer-nav a {
  display: inline-block;
  position: relative;
  color: #2eb2b5;
  font-size: 1.12em;
  font-weight: 300;
  padding: 0 1.52em;
  text-align: center;
}
.footer-nav a::before, .footer-nav a::after {
  content: "";
  width: 2px;
  height: 14px;
  display: inline-block;
  position: absolute;
  background-color: #a1a1a1;
  top: 50%;
  transform: translateY(-50%);
}
.footer-nav a:before {
  display: none;
  left: 0;
}
.footer-nav a::after {
  right: 0;
}
.footer-nav a:first-child::before {
  display: inline-block;
}
@media (max-width: 1169px) {
  .footer {
    font-size: 0.95em;
  }
}
@media (max-width: 991px) {
  .footer {
    font-size: 0.75em;
  }
}
@media (min-width: 768px) {
  .footer {
    height: 60px;
    z-index: 21;
  }
  .footer-wrap {
    flex-direction: row;
    padding-top: 0;
    padding-bottom: 0;
  }
  .footer-title {
    font-size: 1.43em;
    flex-shrink: 0;
  }
  .footer-contact {
    font-size: 1.06em;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0 10px;
  }
  .footer-contact br {
    display: none;
  }
  .footer-nav {
    flex-shrink: 0;
  }
  .footer-nav a {
    font-size: 1.06em;
  }
}

.form-field {
  margin-bottom: 19px;
  position: relative;
}
.form-field.has-error input {
  border: 3px solid #f05a72;
}
.form-field input {
  width: 100%;
  height: 48px;
  border: 1px solid rgba(0, 0, 0, 0.4);
  border-radius: 5px;
  outline: none;
  font-size: 1em;
  color: #636363;
  background-color: transparent;
  text-align: center;
  padding: 0 10px;
  transition: all 0.2s ease-out;
}
.form-field input::-moz-placeholder {
  color: #636363;
}
.form-field input::placeholder {
  color: #636363;
}
.form-field input:-moz-placeholder {
  color: #636363;
}
.form-field input::-moz-placeholder {
  color: #636363;
}
.form-field input:-ms-input-placeholder {
  color: #636363;
}
.form-field input::-webkit-input-placeholder {
  color: #636363;
}
.form-field input[disabled] {
  cursor: not-allowed;
}
.form-field__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 100%;
}
.form-field__icon img {
  width: 26px;
  height: 21px;
}
@media (min-width: 650px) {
  .form-field input {
    font-size: 1.1875em;
    height: 3em;
  }
}

.date-picker .react-datepicker-wrapper {
  width: 100%;
}
.date-picker-indicators {
  display: flex;
  align-items: center;
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 100%;
  cursor: pointer;
}
.date-picker-indicators__separator {
  display: inline-block;
  flex-shrink: 0;
  width: 1px;
  align-self: stretch;
  background-color: rgba(0, 0, 0, 0.4);
  margin-bottom: 10px;
  margin-top: 10px;
}
.date-picker-indicators__icon {
  display: flex;
  justify-content: center;
  width: 100%;
}
.date-picker-indicators__icon img {
  width: 26px;
  height: 26px;
  max-width: 100%;
}

.checkbox-wrapper {
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 19px;
}
.checkbox-wrapper.has-error .checkbox-container {
  border-color: #f05a72;
  border-width: 3px;
}
.checkbox-wrapper .checkbox-text {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
  font-size: 0.85em;
  font-weight: 300;
  color: #555555;
}
.checkbox-wrapper .checkbox-container {
  display: block;
  position: relative;
  cursor: pointer;
  border: 2px solid rgba(0, 0, 0, 0.4);
  border-radius: 6px;
  height: 48px;
  width: 48px;
  min-width: 48px;
  margin-right: 16px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.checkbox-wrapper input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.checkbox-wrapper input:checked ~ .checkmark:after {
  display: block;
}
.checkbox-wrapper .checkmark {
  position: absolute;
  height: 44px;
  width: 44px;
}
.checkbox-wrapper .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  left: 30%;
  top: 13%;
  height: 21px;
  width: 12px;
  border: solid #00427a;
  border-width: 0 7px 7px 0;
  transform: rotate(45deg);
}
.checkbox-wrapper .checkbox-container input:checked ~ .checkmark:after {
  display: block;
}
@media (min-width: 650px) {
  .checkbox-wrapper .checkbox-text {
    font-size: 1.25em;
    font-weight: 400;
    color: #000;
  }
  .checkbox-wrapper .checkbox-container {
    border-radius: 8px;
    height: 3.5em;
    width: 3.5em;
    min-width: 3.5em;
    margin-right: 28px;
  }
  .checkbox-wrapper .checkmark {
    height: 3.25em;
    width: 3.25em;
  }
  .checkbox-wrapper .checkmark:after {
    left: 30%;
    top: 15%;
    height: 1.5em;
    width: 0.9375em;
    border-width: 0 0.4375em 0.4375em 0;
  }
}

.btn {
  width: 100%;
  height: 48px;
  color: #fff;
  background-color: #000;
  border-radius: 5px;
  border: 0;
  outline: none;
  box-shadow: none;
  cursor: pointer;
  font-size: 1em;
  font-weight: 700;
  padding: 0;
  transition: all 0.3s;
}
.btn a {
  text-decoration: none;
  color: #fff;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.2s;
  padding: 0 10px;
}
.btn:hover {
  box-shadow: 0 0 0 1px #000;
}
.btn:active {
  background-color: #154575;
  box-shadow: 0 0 0 1px #154575;
}
.btn--blue {
  background-color: #2eb2b5;
}
.btn--blue:hover {
  background-color: #019294;
  box-shadow: 0 0 0 1px #019294;
}
.btn--blue:active {
  background-color: #154575;
  box-shadow: 0 0 0 1px #154575;
}
.btn--sec-blue {
  height: inherit;
  min-height: 11.4583333333vw;
  padding: 1.5625vw 0;
  background-color: #0e3087;
  font-size: 5vw;
  font-family: "Calibri", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
}
.btn--sec-blue:hover {
  background-color: #0e3087;
  box-shadow: 0 0 0 1px #0e3087;
}
.btn--sec-blue:active {
  background-color: #1543ba;
  box-shadow: 0 0 0 1px #1543ba;
}
.btn--white {
  background-color: #fff;
  color: #000;
}
.btn--white a {
  color: #000;
}
.btn--white:hover {
  color: #fff;
  background-color: #000;
  box-shadow: 0 0 0 1px #000;
}
.btn--white:hover a {
  color: #fff;
}
.btn--white:active {
  color: #fff;
  background-color: #154575;
  box-shadow: 0 0 0 1px #154575;
}
.btn--white:active a {
  color: #fff;
}
.btn[disabled] {
  cursor: not-allowed;
  background-color: #c7e4e0;
}
.btn[disabled]:hover, .btn[disabled]:active {
  box-shadow: none;
}
@media (min-width: 650px) {
  .btn {
    font-size: 1.346875em;
    height: 2.6450116009em;
  }
  .btn--sec-blue {
    min-height: 2.6450116009em;
    padding: 7px 0;
  }
}

.select-wrapper {
  position: relative;
  margin-bottom: 19px;
}
.select-wrapper input {
  width: 100% !important;
  box-sizing: border-box !important;
}
.select-wrapper.has-error .react-select__control {
  border: 3px solid #f05a72;
}
.select-wrapper.has-error .react-select__control:hover {
  border: 3px solid #f05a72;
}
.select-wrapper .react-select__control {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.4);
  border-radius: 5px;
  min-height: 48px;
  box-shadow: none;
}
.select-wrapper .react-select__control:hover, .select-wrapper .react-select__control:focus {
  border-color: rgba(0, 0, 0, 0.4);
}
.select-wrapper .react-select__control--menu-is-open .react-select__indicator svg {
  transform: rotate(180deg);
}
.select-wrapper .react-select__control--is-disabled {
  background-color: rgba(112, 112, 112, 0.2);
}
.select-wrapper .react-select__value-container {
  padding-left: 28px;
  padding-right: 20px;
}
.select-wrapper .react-select__input, .select-wrapper .react-select__placeholder, .select-wrapper .react-select__single-value {
  font-size: 1em;
  color: #636363;
}
.select-wrapper .react-select__single-value {
  overflow: initial;
}
.select-wrapper .react-select__placeholder {
  margin: 0;
}
.select-wrapper .react-select__indicator-separator {
  background-color: rgba(0, 0, 0, 0.4);
  margin-bottom: 10px;
  margin-top: 10px;
}
.select-wrapper .react-select__indicator {
  color: #00427a;
  cursor: pointer;
  padding: 4px;
}
.select-wrapper .react-select__indicator:hover {
  color: #00427a;
}
.select-wrapper .react-select__indicator svg {
  width: 2.375em;
  height: 2.375em;
}
@media (min-width: 650px) {
  .select-wrapper .react-select__control {
    min-height: 3.5625em;
  }
  .select-wrapper .react-select__input, .select-wrapper .react-select__placeholder, .select-wrapper .react-select__single-value {
    font-size: 1.18em;
    color: #636363;
  }
  .select-wrapper .react-select__indicator {
    padding: 6px;
  }
}

.radio-wrapper {
  display: flex;
  justify-content: space-between;
  position: relative;
  margin-bottom: 19px;
}
.radio-wrapper-col {
  flex-direction: column;
}
.radio-wrapper > div {
  flex: 0 0 48.3%;
}
.radio-wrapper input[type=radio] {
  display: none;
}
.radio-wrapper input[type=radio] + label {
  display: flex;
  align-items: center;
  justify-content: center;
}
.radio-wrapper input[type=radio] + label.radio {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: inherit;
  min-height: 50px;
  padding: 0 0 0 70px;
  position: relative;
  color: #636363;
  font-size: 1em;
  font-weight: 300;
  cursor: pointer;
  text-align: left;
  text-transform: none;
}
.radio-wrapper input[type=radio] + label.radio:before {
  content: "";
  width: 48px;
  height: 48px;
  border: 1px solid rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  transition: all 0.2s ease-out;
}
.radio-wrapper input[type=radio] + label.radio-badge {
  width: auto;
  height: 36px;
  font-size: 1em;
  font-weight: 300;
  background-color: #f0f0f0;
  color: #636363;
  padding: 0 20px;
  border-radius: 20px;
  margin-right: 10px;
  cursor: pointer;
}
.radio-wrapper input[type=radio] + label.radio-badge:hover {
  background-color: #2fadfc;
  color: #fff;
  box-shadow: none;
}
.radio-wrapper input[type=radio] + label.radio-badge:active {
  background-color: #2fadfc;
  color: #fff;
  box-shadow: none;
}
.radio-wrapper input[type=radio]:checked + label {
  background-color: #000;
}
.radio-wrapper input[type=radio]:checked + label:hover {
  background-color: #000;
  box-shadow: 0 0 0 1px #000;
}
.radio-wrapper input[type=radio]:checked + label:active {
  background-color: #154575;
  box-shadow: 0 0 0 1px #154575;
}
.radio-wrapper input[type=radio]:checked + label.radio {
  background-color: transparent;
}
.radio-wrapper input[type=radio]:checked + label.radio:after {
  content: "";
  position: absolute;
  width: 27px;
  height: 27px;
  top: 50%;
  left: 25px;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  background: #2fadfc;
}
.radio-wrapper input[type=radio]:checked + label.radio:hover {
  background-color: transparent;
  box-shadow: none;
}
.radio-wrapper input[type=radio]:checked + label.radio:active {
  background-color: transparent;
  box-shadow: none;
}
.radio-wrapper input[type=radio]:checked + label.radio-badge {
  background-color: #2fadfc;
  color: #fff;
}
.radio-wrapper input[type=radio]:checked + label.radio-badge:hover {
  background-color: #2fadfc;
  box-shadow: none;
}
.radio-wrapper input[type=radio]:checked + label.radio-badge:active {
  background-color: #2fadfc;
  box-shadow: none;
}
.radio-wrapper label img {
  display: inline-block;
  margin-right: 6px;
  width: 22px;
  max-width: 100%;
}
@media (min-width: 768px) {
  .radio-wrapper label img {
    width: 1.0208816705em;
  }
  .radio-wrapper input[type=radio] + label.radio {
    font-size: 1.125em;
    height: inherit;
    min-height: 56px;
    padding: 0 0 0 82px;
  }
  .radio-wrapper input[type=radio] + label.radio:before {
    width: 54px;
    height: 54px;
  }
  .radio-wrapper input[type=radio]:checked + label.radio:after {
    left: 28px;
    width: 30px;
    height: 30px;
  }
  .radio-wrapper input[type=radio] + label.radio-badge {
    font-size: 1.125em;
    height: 2.2777777778em;
    background-color: #fff;
  }
}

.textarea-field {
  position: relative;
  margin-bottom: 19px;
}
.textarea-field.has-error textarea {
  border: 3px solid #f05a72;
}
.textarea-field textarea {
  width: 100%;
  height: 100%;
  padding: 15px;
  border: 1px solid rgba(0, 0, 0, 0.4);
  border-radius: 5px;
  font-size: 1em;
  color: #636363;
  background-color: #fff;
  resize: none;
  outline: none;
}
.textarea-field textarea::-moz-placeholder {
  color: #636363;
}
.textarea-field textarea::placeholder {
  color: #636363;
}
.textarea-field textarea:-moz-placeholder {
  color: #636363;
}
.textarea-field textarea::-moz-placeholder {
  color: #636363;
}
.textarea-field textarea:-ms-input-placeholder {
  color: #636363;
}
.textarea-field textarea::-webkit-input-placeholder {
  color: #636363;
}
@media (min-width: 650px) {
  .textarea-field textarea {
    font-size: 1.1875em;
  }
}

.file-upload {
  position: relative;
  margin-bottom: 19px;
}

.error-element {
  color: #e5465f;
  position: absolute;
  bottom: -1.0833333333em;
  font-size: 0.75em;
}
.error-element + .error-element {
  display: none;
}

.range-wrapper {
  padding-bottom: 15px;
}
.range-wrapper .range-labels {
  margin: 0 0 6px;
  padding: 0;
  list-style: none;
  display: flex;
}
.range-wrapper .range-labels--5 li:nth-child(1) {
  text-align: left;
  padding-left: 7%;
}
.range-wrapper .range-labels--5 li:nth-child(2) {
  text-align: left;
  padding-left: 8%;
}
.range-wrapper .range-labels--5 li:nth-child(4) {
  text-align: right;
  padding-right: 8%;
}
.range-wrapper .range-labels--5 li:nth-child(5) {
  text-align: right;
  padding-right: 7%;
}
.range-wrapper .range-labels li {
  position: relative;
  width: 20%;
  text-align: center;
  color: #959595;
  font-size: 20px;
  font-weight: 400;
  cursor: pointer;
}
.range-wrapper .range-labels .active {
  color: #000;
  font-weight: 700;
}
.range-wrapper.inactive .range-labels .active li {
  color: #000;
  font-weight: 700;
}
.range-wrapper.inactive .custom-range.range-style-3::-webkit-slider-thumb {
  background: #b7b7b7;
}
.range-wrapper.inactive .custom-range.range-style-3::-moz-range-thumb {
  background: #b7b7b7;
}
.range-wrapper.inactive .custom-range.range-style-3::-ms-thumb {
  background: #b7b7b7;
}
.range-wrapper .custom-range {
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  height: 50px;
  width: 100%;
  outline: none;
  background-color: transparent;
}
.range-wrapper .custom-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: #b7b7b7;
  cursor: pointer;
  margin: 5px 0 0;
}
@media (min-width: 768px) {
  .range-wrapper .custom-range::-webkit-slider-thumb {
    width: 2.75em;
    height: 2.75em;
    margin: 4px 0 0;
  }
}
.range-wrapper .custom-range::-moz-range-thumb {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: #b7b7b7;
  cursor: pointer;
  margin: 5px 0 0;
}
@media (min-width: 768px) {
  .range-wrapper .custom-range::-moz-range-thumb {
    width: 2.75em;
    height: 2.75em;
    margin: 4px 0 0;
  }
}
.range-wrapper .custom-range::-ms-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: #b7b7b7;
  cursor: pointer;
  margin: 5px 0 0;
}
@media (min-width: 768px) {
  .range-wrapper .custom-range::-ms-thumb {
    width: 2.75em;
    height: 2.75em;
    margin: 4px 0 0;
  }
}
.range-wrapper .custom-range.range-style-1::-webkit-slider-thumb {
  background: linear-gradient(90deg, #20adae 0%, #65b4a9 100%);
}
.range-wrapper .custom-range.range-style-1::-moz-range-thumb {
  background: linear-gradient(90deg, #20adae 0%, #65b4a9 100%);
}
.range-wrapper .custom-range.range-style-1::-ms-thumb {
  background: linear-gradient(90deg, #20adae 0%, #65b4a9 100%);
}
.range-wrapper .custom-range.range-style-2::-webkit-slider-thumb {
  background: linear-gradient(90deg, #ebcb91 0%, #facb90 100%);
}
.range-wrapper .custom-range.range-style-2::-moz-range-thumb {
  background: linear-gradient(90deg, #ebcb91 0%, #facb90 100%);
}
.range-wrapper .custom-range.range-style-2::-ms-thumb {
  background: linear-gradient(90deg, #ebcb91 0%, #facb90 100%);
}
.range-wrapper .custom-range.range-style-3::-webkit-slider-thumb {
  background: linear-gradient(90deg, #e9b79f 0%, #e89e95 100%);
}
.range-wrapper .custom-range.range-style-3::-moz-range-thumb {
  background: linear-gradient(90deg, #e9b79f 0%, #e89e95 100%);
}
.range-wrapper .custom-range.range-style-3::-ms-thumb {
  background: linear-gradient(90deg, #e9b79f 0%, #e89e95 100%);
}
.range-wrapper .custom-range.range-style-4::-webkit-slider-thumb {
  background: linear-gradient(90deg, #e18f94 0%, #d186a1 100%);
}
.range-wrapper .custom-range.range-style-4::-moz-range-thumb {
  background: linear-gradient(90deg, #e18f94 0%, #d186a1 100%);
}
.range-wrapper .custom-range.range-style-4::-ms-thumb {
  background: linear-gradient(90deg, #e18f94 0%, #d186a1 100%);
}
.range-wrapper .custom-range.range-style-5::-webkit-slider-thumb {
  background: linear-gradient(90deg, #c081ae 0%, #ae7cbe 100%);
}
.range-wrapper .custom-range.range-style-5::-moz-range-thumb {
  background: linear-gradient(90deg, #c081ae 0%, #ae7cbe 100%);
}
.range-wrapper .custom-range.range-style-5::-ms-thumb {
  background: linear-gradient(90deg, #c081ae 0%, #ae7cbe 100%);
}
.range-wrapper .custom-range::-webkit-slider-runnable-track {
  display: inline-block;
  -webkit-appearance: none;
  appearance: none;
  height: 50px;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.4);
  border-radius: 35px;
  padding: 0 6px;
  background: #fff;
  outline: none;
  cursor: pointer;
  box-shadow: none;
}
@media (min-width: 768px) {
  .range-wrapper .custom-range::-webkit-slider-runnable-track {
    height: 3.5em;
    border-radius: 35px;
  }
}
.range-wrapper .custom-range::-moz-range-track {
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  height: 50px;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.4);
  border-radius: 35px;
  padding: 0 6px;
  background: #fff;
  outline: none;
  cursor: pointer;
  box-shadow: none;
}
@media (min-width: 768px) {
  .range-wrapper .custom-range::-moz-range-track {
    height: 3.5em;
    border-radius: 35px;
  }
}
.range-wrapper .custom-range::-ms-track {
  display: inline-block;
  -webkit-appearance: none;
  appearance: none;
  height: 50px;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.4);
  border-radius: 35px;
  padding: 0 6px;
  background: #fff;
  outline: none;
  cursor: pointer;
  box-shadow: none;
}
@media (min-width: 768px) {
  .range-wrapper .custom-range::-ms-track {
    height: 3.5em;
    border-radius: 35px;
  }
}
.range-wrapper .custom-range:focus {
  background: none;
  outline: none;
}
.range-wrapper .custom-range::-ms-track {
  width: 100%;
  cursor: pointer;
  background: transparent;
  border-color: rgba(0, 0, 0, 0.4);
  color: transparent;
}
.range-wrapper .custom-range::-moz-focus-outer {
  border: 1px solid rgba(0, 0, 0, 0.4);
}
@media (min-width: 768px) {
  .range-wrapper .range-labels {
    margin: 0 0 10px;
  }
  .range-wrapper .range-labels--5 li:nth-child(1) {
    padding-left: 5%;
  }
  .range-wrapper .range-labels--5 li:nth-child(2) {
    padding-left: 7%;
  }
  .range-wrapper .range-labels--5 li:nth-child(4) {
    padding-right: 7%;
  }
  .range-wrapper .range-labels--5 li:nth-child(5) {
    padding-right: 5%;
  }
  .range-wrapper .range-labels li {
    font-size: 1.5em;
  }
  .range-wrapper .custom-range {
    height: 3.5em;
  }
}

.range.error .range-wrapper .custom-range::-webkit-slider-runnable-track {
  border-color: #f05a72;
  box-shadow: 0 0 0 1px #f05a72;
}
.range.error .range-wrapper .custom-range::-moz-range-track {
  border-color: #f05a72;
  box-shadow: 0 0 0 1px #f05a72;
}
.range.error .range-wrapper .custom-range::-ms-track {
  border-color: #f05a72;
  box-shadow: 0 0 0 1px #f05a72;
}

.lang-ge .btn {
  font-family: Cambay, sans-serif;
}

@media (max-width: 767px) {
  .ios .feedback .textarea-field {
    height: 12.1875em;
    min-height: initial;
  }
}
@media only screen and (device-width: 375px) and (max-height: 812px) {
  .ios .main-page .join-us {
    justify-content: flex-end;
    font-size: 1.125em;
  }
}
@media only screen and (device-width: 414px) and (max-height: 896px) {
  .ios .main-page .join-us {
    justify-content: flex-end;
    font-size: 1.125em;
  }
}