@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap");
@font-face {
  font-family: 'icon-font';
  src: url("../fonts/icon-font/icon-font.eot?zapzd9");
  src: url("../fonts/icon-font/icon-font.eot?zapzd9#iefix") format("embedded-opentype"), url("../fonts/icon-font/icon-font.ttf?zapzd9") format("truetype"), url("../fonts/icon-font/icon-font.woff?zapzd9") format("woff"), url("../fonts/icon-font/icon-font.svg?zapzd9#icon-font") format("svg");
  font-weight: normal;
  font-display: auto;
  font-style: normal; }

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

.fa-wh:before {
  content: "\e900"; }

.fa-arrow-next:before {
  content: "\e901"; }

.fa-map:before {
  content: "\e902"; }

.fa-close:before {
  content: "\e907"; }

.fa-arrow-prev:before {
  content: "\e908"; }

.fa-check:before {
  content: "\e909"; }

.fa-phone:before {
  content: "\e90a"; }

.fa-email:before {
  content: "\e90d"; }

.fa-star:before {
  content: "\e912"; }

.fa-tg:before {
  content: "\e903"; }

html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

body {
  margin: 0; }

main {
  display: block; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

a {
  background-color: transparent; }

abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */ }

b,
strong {
  font-weight: bolder; }

code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

img {
  border-style: none; }

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

button,
input {
  /* 1 */
  overflow: visible; }

button,
select {
  /* 1 */
  text-transform: none; }

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

fieldset {
  padding: 0.35em 0.75em 0.625em; }

legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

progress {
  vertical-align: baseline; }

textarea {
  overflow: auto; }

[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

details {
  display: block; }

summary {
  display: list-item; }

template {
  display: none; }

[hidden] {
  display: none; }

@-webkit-keyframes move-light {
  from {
    -webkit-transform: translateX(-4em) skewX(-45deg);
            transform: translateX(-4em) skewX(-45deg); }
  to {
    -webkit-transform: translateX(18em) skewX(-45deg);
            transform: translateX(18em) skewX(-45deg); } }

@keyframes move-light {
  from {
    -webkit-transform: translateX(-4em) skewX(-45deg);
            transform: translateX(-4em) skewX(-45deg); }
  to {
    -webkit-transform: translateX(18em) skewX(-45deg);
            transform: translateX(18em) skewX(-45deg); } }

.policy {
  padding: 100px 0; }
  @media only screen and (max-width: 980px) {
    .policy {
      padding: 70px 0; } }
  @media only screen and (max-width: 720px) {
    .policy {
      padding: 50px 0; } }

*::-moz-selection {
  color: #fff;
  /* Text color */
  background: #ED6B06;
  /* Background color */ }

*::selection {
  color: #fff;
  /* Text color */
  background: #ED6B06;
  /* Background color */ }

html, body {
  overflow-x: hidden;
  position: relative;
  min-height: 100vh; }

body {
  width: 100%;
  padding: 20px 0 40px;
  min-width: 320px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #555865;
  font: normal 18px/1.5 "Manrope", sans-serif;
  scroll-behavior: smooth; }
  @media only screen and (max-width: 720px) {
    body {
      padding: 10px 0 20px; } }

.no-hidden {
  overflow: inherit !important; }
  .no-hidden body {
    overflow: inherit !important; }
  @media only screen and (max-width: 1200px) {
    .no-hidden {
      overflow-x: hidden !important; }
      .no-hidden body {
        overflow-x: hidden !important; } }

main {
  margin-bottom: auto; }

h1, h2, h3, h4, h5, h6, p, ul, ol, a {
  text-underline-offset: 2px; }

h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit; }

h1, h2, h3, h4, h5, h6 {
  color: #6B6B6B;
  font-family: "Manrope", sans-serif; }

ul, ol {
  padding: 0;
  margin: 0;
  list-style: none; }

a {
  text-decoration: none;
  outline: none;
  color: inherit; }
  a::-moz-selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  a::selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }

form {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

input {
  outline: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

input[type="submit"] {
  cursor: pointer; }

textarea {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  outline: none; }

input, textarea {
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s; }
  input:focus, textarea:focus {
    border-color: #ED6B06 !important; }

select {
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s; }
  select:hover {
    border-color: #ED6B06 !important; }

select, option {
  outline: none;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }

select::-ms-expand {
  display: none; }

img::-moz-selection {
  color: inherit;
  /* Text color */
  background: transparent;
  /* Background color */ }

img::selection {
  color: inherit;
  /* Text color */
  background: transparent;
  /* Background color */ }

label {
  cursor: pointer;
  margin-bottom: 0; }

.slick-slide {
  outline: none !important; }

.section-frame {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  @media only screen and (max-width: 1200px) {
    .section-frame {
      max-width: 700px; } }
  @media only screen and (max-width: 720px) {
    .section-frame {
      max-width: 375px;
      padding: 0 20px; } }

.section-frame_relative {
  position: relative; }

.load * {
  -webkit-transition: none !important;
  -o-transition: none !important;
  transition: none !important; }

.open-frame {
  overflow: hidden; }

.js-checkbox {
  cursor: pointer; }
  .js-checkbox input {
    display: none; }

@media only screen and (max-width: 1200px) {
  .table-hide {
    display: none !important; } }

.table-show {
  display: none !important; }
  @media only screen and (max-width: 1200px) {
    .table-show {
      display: block !important; } }

.table-show-flex {
  display: none !important; }
  @media only screen and (max-width: 1200px) {
    .table-show-flex {
      display: -webkit-box !important;
      display: -webkit-flex !important;
      display: -ms-flexbox !important;
      display: flex !important; } }

.table-show-grid {
  display: none !important; }
  @media only screen and (max-width: 1200px) {
    .table-show-grid {
      display: grid !important; } }

@media only screen and (max-width: 720px) {
  .mob-hide {
    display: none !important; } }

.mob-show {
  display: none !important; }
  @media only screen and (max-width: 720px) {
    .mob-show {
      display: block !important; } }

.mob-show-inline {
  display: none !important; }
  @media only screen and (max-width: 720px) {
    .mob-show-inline {
      display: inline !important; } }

.mob-show-flex {
  display: none !important; }
  @media only screen and (max-width: 720px) {
    .mob-show-flex {
      display: -webkit-box !important;
      display: -webkit-flex !important;
      display: -ms-flexbox !important;
      display: flex !important; } }

.mob-show-grid {
  display: none !important; }
  @media only screen and (max-width: 720px) {
    .mob-show-grid {
      display: grid !important; } }

.page-title {
  font-size: 44px;
  line-height: 136%; }
  .page-title b {
    font-weight: 600; }
  @media only screen and (max-width: 720px) {
    .page-title {
      font-size: 26px; } }

.page-title_center {
  text-align: center; }

.page-title_white {
  color: #fff; }

.hidden-wrap {
  overflow: hidden; }

.header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  grid-gap: 15px;
  position: relative;
  z-index: 2; }

.header-scroll {
  width: 100%;
  padding: 15px 0;
  background-color: #fff;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  position: fixed;
  z-index: 10;
  top: -150px;
  left: 0; }

.header-scroll_active {
  top: 0px; }

.header-frame {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  grid-gap: 15px; }

.burger {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0; }

.mob-frame {
  width: 100%;
  height: 100%;
  display: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
  left: 0;
  top: 0;
  z-index: 80; }

.mob-menu {
  width: 340px;
  min-height: 100%;
  padding: 10px 20px 20px;
  background: #fff;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
  top: 0;
  right: -340px;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s; }
  @media only screen and (max-width: 720px) {
    .mob-menu {
      width: 100%;
      right: -500px; } }

.mob-menu_active {
  right: 0px; }

.menu-close {
  cursor: pointer;
  font-size: 16px;
  color: #B7B7B7;
  position: absolute;
  right: 20px;
  top: 20px;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s; }
  .menu-close:hover {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg); }

.logo-photo {
  width: 150px;
  display: block; }
  .logo-photo img {
    width: 100%;
    display: block; }
  @media only screen and (max-width: 720px) {
    .logo-photo {
      width: 100px; } }

.logo-info {
  max-width: 175px;
  font-size: 11px;
  line-height: 15px;
  margin-top: 10px; }
  @media only screen and (max-width: 720px) {
    .logo-info {
      max-width: 110px;
      font-size: 7px;
      line-height: 10px;
      margin-top: 5px; } }

.header-menu__wrap {
  padding: 12px 20px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 20px;
  -webkit-border-radius: 13px;
          border-radius: 13px;
  background: rgba(255, 255, 255, 0.7);
  -webkit-backdrop-filter: blur(40px);
          backdrop-filter: blur(40px); }

.header-menu ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 20px; }

.header-menu li {
  position: relative; }

.header-menu_link {
  display: block;
  font-size: 11px;
  line-height: 1.2;
  position: relative;
  overflow: hidden; }
  .header-menu_link::after {
    content: '';
    width: 0%;
    height: 1px;
    background-color: #ED6B06;
    -webkit-border-radius: inherit;
            border-radius: inherit;
    position: absolute;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    -webkit-transform-origin: left;
        -ms-transform-origin: left;
            transform-origin: left;
    bottom: 0;
    right: 0;
    left: auto; }
  .header-menu_link:hover::after {
    width: 100%;
    left: 0;
    right: auto; }
  .header-menu_link:hover {
    color: #ED6B06; }

.header-cart {
  width: 28px;
  height: 28px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  background: #DFE5EE;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  position: relative; }
  .header-cart svg {
    display: block; }
  .header-cart path {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s; }
  .header-cart span {
    width: 20px;
    height: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: #ED6B06;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    color: #fff;
    font-size: 10px;
    border: 1px solid #fff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    right: -10px;
    top: -10px; }
    .header-cart span:empty {
      display: none; }
  .header-cart:hover {
    background-color: #ED6B06; }
    .header-cart:hover path {
      stroke: #fff; }

.header-contact__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 10px;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s; }
  .header-contact__item i {
    font-size: 12px;
    color: #B2B7CB; }
  .header-contact__item:last-child {
    margin-bottom: 0; }
  .header-contact__item:hover {
    color: #ED6B06; }

.header-info {
  width: 145px; }
  @media only screen and (max-width: 720px) {
    .header-info {
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content; } }

.header-btn {
  max-width: 100%;
  width: 145px;
  height: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 10px;
  -webkit-border-radius: 10px;
          border-radius: 10px;
  background: #ED6B06;
  font: 700 15px "Manrope", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.9px;
  text-align: center;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  position: relative;
  position: relative;
  overflow: hidden;
  font-size: 10px;
  letter-spacing: 0.6px;
  margin-bottom: 10px; }
  .header-btn input {
    display: none; }
  .header-btn img {
    position: relative;
    z-index: 2; }
  .header-btn::-moz-selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .header-btn::selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .header-btn *::-moz-selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .header-btn *::selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .header-btn span, .header-btn i {
    position: relative;
    z-index: 2; }
  .header-btn::after {
    content: '';
    width: 0%;
    height: 100%;
    background-color: #ED9441;
    -webkit-border-radius: inherit;
            border-radius: inherit;
    position: absolute;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    -webkit-transform-origin: left;
        -ms-transform-origin: left;
            transform-origin: left;
    bottom: 0;
    right: 0;
    left: auto; }
  .header-btn:hover::after {
    width: 100%;
    left: 0;
    right: auto; }
  @media only screen and (max-width: 720px) {
    .header-btn {
      padding: 0 20px;
      font-size: 12px;
      -webkit-border-radius: 20px;
              border-radius: 20px;
      letter-spacing: 0.72px; }
      .header-btn img {
        width: 8px; } }
  @media only screen and (max-width: 1200px) {
    .header-btn {
      width: 100px;
      height: 30px;
      padding: 0;
      font-size: 7px;
      letter-spacing: 0.42px;
      -webkit-border-radius: 10px;
              border-radius: 10px;
      margin-bottom: 5px; } }

.header-manager {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 8px; }

.header-manager__photo {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  position: relative; }
  .header-manager__photo img {
    width: 27px;
    height: 27px;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-border-radius: 50%;
            border-radius: 50%; }
  .header-manager__photo::before {
    content: '';
    width: 2px;
    height: 2px;
    display: block;
    background-color: #ED6B06;
    border: 1px solid #fff;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    -webkit-box-shadow: 0px 0px 4px #ED6B06;
            box-shadow: 0px 0px 4px #ED6B06;
    position: absolute;
    right: 4px;
    bottom: 0; }
  @media only screen and (max-width: 720px) {
    .header-manager__photo img {
      width: 12px;
      height: 12px; } }

.header-manager__info {
  font-size: 10px;
  opacity: 0.7; }
  @media only screen and (max-width: 720px) {
    .header-manager__info {
      font-size: 7px; } }

.header-link {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 10px; }

.mob-menu__wrap {
  width: 100%;
  padding: 15px 10px 20px;
  background: url("../images/bg/mob-bg.jpg") center no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.mob-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.mob-nav {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( (100% / 2) - 20px), 1fr));
  grid-template-columns: repeat(auto-fill, minmax(calc( (100% / 2) - 20px), 1fr));
  grid-gap: 12px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 30px; }
  @media screen and (max-width: 1200px) {
    .mob-nav {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 2 - 20px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 2 - 20px), 1fr)); } }
  @media screen and (max-width: 980px) {
    .mob-nav {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 2 - 20px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 2 - 20px), 1fr)); } }
  @media screen and (max-width: 700px) {
    .mob-nav {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 2 - 20px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 2 - 20px), 1fr)); } }
  .mob-nav img {
    max-width: 100%;
    display: block; }

.mob-nav__item {
  width: 100%;
  height: 46px;
  padding: 0 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  grid-gap: 3px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-border-radius: 15px;
          border-radius: 15px;
  background: #FFF; }
  .mob-nav__item span {
    font-size: 10px; }

.mob-contact {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  grid-gap: 20px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 30px; }

.mob-contact__call {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0; }

.mob-phone {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 10px;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 10px; }
  .mob-phone i {
    font-size: 12px; }
  .mob-phone:last-child {
    margin-bottom: 0; }
  @media only screen and (max-width: 720px) {
    .mob-phone {
      font-size: 16px; } }

.header-manager_mob .header-manager__photo img {
  width: 12px;
  height: 12px; }

.header-manager_mob .header-manager__info {
  font-size: 7px; }

.header-manager_mob-btn {
  max-width: 100%;
  width: 100px;
  height: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 10px;
  -webkit-border-radius: 10px;
          border-radius: 10px;
  background: #ED6B06;
  font: 700 15px "Manrope", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.9px;
  text-align: center;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  position: relative;
  position: relative;
  overflow: hidden;
  padding: 0 !important;
  font-size: 7px !important;
  letter-spacing: 0.42px;
  margin-bottom: 10px;
  border-radius: 10px !important; }
  .header-manager_mob-btn input {
    display: none; }
  .header-manager_mob-btn img {
    position: relative;
    z-index: 2; }
  .header-manager_mob-btn::-moz-selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .header-manager_mob-btn::selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .header-manager_mob-btn *::-moz-selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .header-manager_mob-btn *::selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .header-manager_mob-btn span, .header-manager_mob-btn i {
    position: relative;
    z-index: 2; }
  .header-manager_mob-btn::after {
    content: '';
    width: 0%;
    height: 100%;
    background-color: #ED9441;
    -webkit-border-radius: inherit;
            border-radius: inherit;
    position: absolute;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    -webkit-transform-origin: left;
        -ms-transform-origin: left;
            transform-origin: left;
    bottom: 0;
    right: 0;
    left: auto; }
  .header-manager_mob-btn:hover::after {
    width: 100%;
    left: 0;
    right: auto; }
  @media only screen and (max-width: 720px) {
    .header-manager_mob-btn {
      padding: 0 20px;
      font-size: 12px;
      -webkit-border-radius: 20px;
              border-radius: 20px;
      letter-spacing: 0.72px; }
      .header-manager_mob-btn img {
        width: 8px; } }

.mob-info {
  margin: 30px 0; }

.mob-info__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  grid-gap: 10px;
  margin-bottom: 12px; }
  .mob-info__item b {
    color: #ED6B06;
    font-size: 12px;
    font-weight: 700;
    position: relative; }
    .mob-info__item b::before {
      content: '';
      width: 100%;
      height: 1px;
      background-color: #ED6B06;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      margin: 0 auto;
      -webkit-transition: .4s;
      -o-transition: .4s;
      transition: .4s; }
    .mob-info__item b:hover::before {
      width: 0%; }
  .mob-info__item i {
    font-size: 12px;
    color: #B2B7CB; }
  .mob-info__item span {
    font-size: 9px; }
  .mob-info__item:last-child {
    margin-bottom: 0; }

.mob-wh {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  grid-gap: 5px;
  font-size: 11px;
  color: rgba(85, 88, 101, 0.5);
  text-align: center;
  margin-top: 10px; }
  .mob-wh i {
    color: #ED6B06; }
  .mob-wh span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    grid-gap: 5px;
    color: #ED6B06; }

.mob-tg {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  grid-gap: 5px;
  font-size: 11px;
  color: rgba(85, 88, 101, 0.5);
  text-align: center;
  margin-top: 10px; }
  .mob-tg span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    grid-gap: 5px;
    color: #0088cc; }

.mob-btn {
  max-width: 100%;
  width: 100%;
  height: 70px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 10px;
  -webkit-border-radius: 10px;
          border-radius: 10px;
  background: #ED6B06;
  font: 700 15px "Manrope", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.9px;
  text-align: center;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  position: relative;
  position: relative;
  overflow: hidden;
  grid-gap: 20px;
  margin-top: 15px;
  font-size: 12px;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  letter-spacing: 0.72px; }
  .mob-btn input {
    display: none; }
  .mob-btn img {
    position: relative;
    z-index: 2; }
  .mob-btn::-moz-selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .mob-btn::selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .mob-btn *::-moz-selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .mob-btn *::selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .mob-btn span, .mob-btn i {
    position: relative;
    z-index: 2; }
  .mob-btn::after {
    content: '';
    width: 0%;
    height: 100%;
    background-color: #ED9441;
    -webkit-border-radius: inherit;
            border-radius: inherit;
    position: absolute;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    -webkit-transform-origin: left;
        -ms-transform-origin: left;
            transform-origin: left;
    bottom: 0;
    right: 0;
    left: auto; }
  .mob-btn:hover::after {
    width: 100%;
    left: 0;
    right: auto; }
  @media only screen and (max-width: 720px) {
    .mob-btn {
      padding: 0 20px;
      font-size: 12px;
      -webkit-border-radius: 20px;
              border-radius: 20px;
      letter-spacing: 0.72px; }
      .mob-btn img {
        width: 8px; } }

.js-popup-contact {
  position: relative; }

.popup-contact-mob {
  width: 470px;
  padding: 25px;
  -webkit-border-radius: 30px;
          border-radius: 30px;
  background: #fff;
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); }
  @media only screen and (max-width: 720px) {
    .popup-contact-mob {
      width: 300px;
      padding: 30px 20px; } }

.popup-contact {
  width: 470px;
  padding: 25px;
  display: none;
  -webkit-border-radius: 30px;
          border-radius: 30px;
  background: #fff;
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  z-index: 4;
  right: -70px;
  top: 50px; }

.popup-contact__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  grid-gap: 20px;
  margin-bottom: 20px; }
  .popup-contact__item .header-info {
    width: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    grid-gap: 10px; }
  .popup-contact__item .header-btn {
    width: 125px;
    height: 35px;
    font-size: 9px;
    margin-bottom: 0;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0; }
  .popup-contact__item:last-child {
    margin-bottom: 0; }
  @media only screen and (max-width: 720px) {
    .popup-contact__item {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; }
      .popup-contact__item .logo-photo {
        width: 150px; } }

.popup-contact__email {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 10px; }
  .popup-contact__email span {
    display: block;
    color: #ED6B06;
    font-size: 14px;
    font-weight: 700;
    position: relative; }
    .popup-contact__email span::before {
      content: '';
      width: 100%;
      height: 1px;
      background-color: #ED6B06;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      margin: 0 auto;
      -webkit-transition: .4s;
      -o-transition: .4s;
      transition: .4s; }
    .popup-contact__email span:hover::before {
      width: 0%; }

.popup-contact__yt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 10px; }

.popup-contact-yt__photo {
  width: 85px;
  height: 45px;
  display: block;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0; }
  .popup-contact-yt__photo img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-border-radius: 12px;
            border-radius: 12px;
    border: 1px rgba(255, 255, 255, 0.3);
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }

.popup-contact-yt__info {
  text-align: center;
  font-size: 11px; }
  .popup-contact-yt__info a {
    position: relative;
    font-weight: 700; }
    .popup-contact-yt__info a::before {
      content: '';
      width: 100%;
      height: 1px;
      background-color: #555865;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      margin: 0 auto;
      -webkit-transition: .4s;
      -o-transition: .4s;
      transition: .4s; }
    .popup-contact-yt__info a:hover::before {
      width: 0%; }

.popup-contact__addres {
  width: 205px; }

.popup-contact__address-title {
  display: block;
  color: #A1ABBC;
  font-variant-numeric: lining-nums proportional-nums;
  font-size: 12px;
  letter-spacing: 0.48px;
  text-transform: uppercase;
  margin-bottom: 10px; }

.footer {
  margin-top: 80px; }
  @media only screen and (max-width: 720px) {
    .footer {
      margin-top: 50px; } }

.footer-frame {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 20px 30px;
  -webkit-border-radius: 10px;
          border-radius: 10px;
  background: rgba(240, 242, 246, 0.8); }
  @media only screen and (max-width: 1200px) {
    .footer-frame {
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      grid-gap: 20px; } }
  @media only screen and (max-width: 720px) {
    .footer-frame {
      padding: 20px;
      grid-gap: 15px;
      -webkit-border-radius: 15px;
              border-radius: 15px; } }

.footer-copy {
  font-size: 10px;
  opacity: 0.4;
  margin-top: 10px; }

.footer-yt {
  width: 85px; }
  @media only screen and (max-width: 720px) {
    .footer-yt {
      width: 105px; } }

.footer-yt__photo {
  width: 100%;
  height: 46px;
  display: block;
  -webkit-border-radius: 12px;
          border-radius: 12px; }
  .footer-yt__photo img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-border-radius: 12px;
            border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.3); }
  @media only screen and (max-width: 720px) {
    .footer-yt__photo {
      height: 33px; }
      .footer-yt__photo img {
        -webkit-border-radius: 12px;
                border-radius: 12px; } }

.footer-yt__info {
  font-size: 11px;
  margin-top: 10px; }
  .footer-yt__info a {
    font-weight: 700;
    text-decoration: underline; }
  @media only screen and (max-width: 720px) {
    .footer-yt__info {
      font-size: 7px;
      margin-top: 5px; }
      .footer-yt__info br {
        display: none; } }

.footer-map {
  max-width: 193px; }
  @media only screen and (max-width: 720px) {
    .footer-map {
      max-width: 100%; } }

.footer-address {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 11px;
  line-height: 15px; }
  .footer-address i {
    color: #B2B7CB;
    margin-right: 10px;
    margin-top: 2px; }
  @media only screen and (max-width: 720px) {
    .footer-address {
      font-size: 9px; } }

.footer-ooo {
  font-size: 11px;
  line-height: 15px;
  opacity: 0.7;
  margin-top: 10px; }

.footer-politics {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  font-size: 8px;
  opacity: 0.5;
  position: relative;
  margin-top: 10px; }
  .footer-politics::before {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #555865;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s; }
  .footer-politics:hover::before {
    width: 0%; }

.footer-menu {
  max-width: 240px; }
  @media only screen and (max-width: 720px) {
    .footer-menu {
      max-width: 100%;
      width: 100%; } }

.footer-menu__title {
  display: block;
  text-align: center;
  color: #BABCC3;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.7px;
  text-transform: uppercase;
  margin-bottom: 13px; }

.footer-menu__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  grid-gap: 7px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  .footer-menu__list a {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: block;
    font-size: 10px;
    padding: 6px 10px;
    -webkit-border-radius: 13px;
            border-radius: 13px;
    background: rgba(255, 255, 255, 0.7);
    -webkit-backdrop-filter: blur(40px);
            backdrop-filter: blur(40px); }

@media only screen and (max-width: 720px) {
  .footer-contact {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    grid-gap: 10px 20px;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; } }

.footer-contact__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 10px;
  margin-bottom: 10px; }
  .footer-contact__item i {
    font-size: 12px;
    color: #B2B7CB; }
  .footer-contact__item span {
    font-size: 16px;
    font-weight: 500; }
  .footer-contact__item b {
    font-size: 14px;
    text-decoration: underline;
    color: #ED6B06; }
  .footer-contact__item:last-child {
    margin-bottom: 0; }
  @media only screen and (max-width: 720px) {
    .footer-contact__item {
      margin-bottom: 0; }
      .footer-contact__item span {
        font-size: 12px; }
      .footer-contact__item b {
        font-size: 12px; } }

@media only screen and (max-width: 720px) {
  .header-info_footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    grid-gap: 10px; }
    .header-info_footer .header-btn {
      width: 135px;
      height: 35px;
      -webkit-border-radius: 10px;
              border-radius: 10px;
      font-size: 9px;
      letter-spacing: 0.54px; }
    .header-info_footer .header-manager__photo img {
      width: 27px;
      height: 27px; }
    .header-info_footer .header-manager__info {
      font-size: 10px; } }

.footer-mob-grid {
  width: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  grid-gap: 10px;
  font-size: 9px;
  opacity: 0.7; }
  .footer-mob-grid a {
    position: relative; }
    .footer-mob-grid a::before {
      content: '';
      width: 100%;
      height: 1px;
      background-color: #555865;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      margin: 0 auto;
      -webkit-transition: .4s;
      -o-transition: .4s;
      transition: .4s; }
    .footer-mob-grid a:hover::before {
      width: 0%; }

.greenline-wrap {
  padding: 20px 50px 30px;
  -webkit-border-radius: 30px;
          border-radius: 30px;
  background: url("../images/bg/greenline-bg.jpg") center no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
  position: relative; }
  @media only screen and (max-width: 1200px) {
    .greenline-wrap {
      padding: 20px 10px 25px;
      -webkit-border-radius: 20px;
              border-radius: 20px;
      background: url("../images/bg/greenline-bg-mob.jpg") center no-repeat;
      -webkit-background-size: cover;
              background-size: cover; } }

.greenline-title {
  max-width: 470px;
  margin-top: 35px; }
  .greenline-title h1 {
    color: #ED6B06;
    font-size: 60px;
    font-weight: 600;
    line-height: 1.1; }
  .greenline-title p {
    font-size: 26px;
    line-height: 1.53;
    margin-top: 10px; }
  @media only screen and (max-width: 720px) {
    .greenline-title {
      margin-top: 30px; }
      .greenline-title h1 {
        font-size: 32px; }
      .greenline-title p {
        font-size: 15px; } }

.greenline-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  grid-gap: 20px;
  margin-top: 25px; }
  @media only screen and (max-width: 720px) {
    .greenline-info {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      grid-gap: 10px;
      margin-top: 10px; } }

.greenline-info__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  grid-gap: 7px; }
  .greenline-info__item img {
    margin-top: 3px; }
  .greenline-info__item p {
    font-size: 14px;
    line-height: 171%; }
  @media only screen and (max-width: 720px) {
    .greenline-info__item p {
      font-size: 10px; } }

.greenline-descripter__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  grid-gap: 30px;
  margin-bottom: 15px; }
  @media only screen and (max-width: 720px) {
    .greenline-descripter__wrap {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      grid-gap: 15px;
      margin-top: 30px;
      margin-bottom: 0; }
      .greenline-descripter__wrap br {
        display: none; } }

.greenline-descripter {
  width: 170px;
  font-size: 13px;
  line-height: 123%;
  color: rgba(85, 88, 101, 0.7);
  position: relative;
  z-index: 2; }
  .greenline-descripter i {
    margin-right: 3px; }
  .greenline-descripter a {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s; }
    .greenline-descripter a:hover {
      color: #ED6B06; }
  .greenline-descripter .wh {
    color: #65B337; }
  .greenline-descripter .tg {
    color: #0088cc; }
  @media only screen and (max-width: 720px) {
    .greenline-descripter {
      width: 100%;
      font-size: 11px; } }

.greenline-btn {
  max-width: 100%;
  width: 360px;
  height: 80px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 10px;
  -webkit-border-radius: 10px;
          border-radius: 10px;
  background: #ED6B06;
  font: 700 15px "Manrope", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.9px;
  text-align: center;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  position: relative;
  position: relative;
  overflow: hidden;
  font-size: 15px;
  z-index: 4;
  margin: 15px 0; }
  .greenline-btn input {
    display: none; }
  .greenline-btn img {
    position: relative;
    z-index: 2; }
  .greenline-btn::-moz-selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .greenline-btn::selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .greenline-btn *::-moz-selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .greenline-btn *::selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .greenline-btn span, .greenline-btn i {
    position: relative;
    z-index: 2; }
  .greenline-btn::after {
    content: '';
    width: 0%;
    height: 100%;
    background-color: #ED9441;
    -webkit-border-radius: inherit;
            border-radius: inherit;
    position: absolute;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    -webkit-transform-origin: left;
        -ms-transform-origin: left;
            transform-origin: left;
    bottom: 0;
    right: 0;
    left: auto; }
  .greenline-btn:hover::after {
    width: 100%;
    left: 0;
    right: auto; }
  @media only screen and (max-width: 720px) {
    .greenline-btn {
      padding: 0 20px;
      font-size: 12px;
      -webkit-border-radius: 20px;
              border-radius: 20px;
      letter-spacing: 0.72px; }
      .greenline-btn img {
        width: 8px; } }
  @media only screen and (max-width: 720px) {
    .greenline-btn {
      height: 70px;
      margin-bottom: 0; } }

@media only screen and (max-width: 720px) {
  .header-manager_greenline {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
    z-index: 5;
    margin: -20px auto 0; }
    .header-manager_greenline p {
      color: #fff; } }

.greenline-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 0; }
  @media only screen and (max-width: 1200px) {
    .greenline-list {
      width: -webkit-calc(100% + 50px);
      width: calc(100% + 50px);
      position: static;
      margin-right: -50px;
      margin-top: 30px;
      margin-bottom: -30px; } }
  @media only screen and (max-width: 720px) {
    .greenline-list {
      width: -webkit-calc(100% + 20px);
      width: calc(100% + 20px);
      margin-right: 0px;
      margin-left: -10px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      margin-bottom: 0;
      overflow: hidden;
      position: relative;
      right: auto;
      bottom: auto; } }

.greenline-item {
  padding: 25px 23px 20px 20px;
  -webkit-border-radius: 20px 20px 0px 0px;
          border-radius: 20px 20px 0px 0px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  background: url("../images/bg/greenline-item-bg.svg") left top no-repeat, #ED9441; }
  .greenline-item img {
    display: block;
    margin-bottom: 15px; }
  .greenline-item p {
    font-size: 14px;
    color: #fff;
    line-height: 153%; }
  @media only screen and (max-width: 720px) {
    .greenline-item {
      width: 320px;
      padding: 8px 20px 8px 12px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start;
      grid-gap: 12px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      -webkit-border-radius: 0 15px 15px 0px;
              border-radius: 0 15px 15px 0px;
      margin-bottom: 3px; }
      .greenline-item img {
        margin-bottom: 0; }
      .greenline-item p {
        font-size: 10px; }
      .greenline-item br {
        display: none; }
      .greenline-item:nth-child(3) {
        margin-bottom: 0; } }

.greenline-video {
  width: 235px;
  -webkit-border-radius: 20px 20px 30px 0px;
          border-radius: 20px 20px 30px 0px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  overflow: hidden;
  position: relative; }
  @media only screen and (max-width: 720px) {
    .greenline-video {
      height: 100%;
      -webkit-border-radius: 15px;
              border-radius: 15px;
      position: absolute;
      right: -73px;
      top: 0; } }

.greenline-video__preview {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-border-radius: 20px 20px 30px 0px;
          border-radius: 20px 20px 30px 0px;
  position: absolute;
  left: 0;
  top: 0; }

.greenline-video__title {
  color: #FFF;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.6px;
  position: absolute !important;
  left: 20px;
  bottom: 25px;
  z-index: 2;
  position: relative; }
  .greenline-video__title::before {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s; }
  .greenline-video__title:hover::before {
    width: 0%; }
  @media only screen and (max-width: 720px) {
    .greenline-video__title {
      left: 15px;
      bottom: 15px;
	  font-size: 10px; } }

.greenline-video__play {
  width: 68px;
  height: 68px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  position: absolute;
  left: -9px;
  top: -8px; }
  .greenline-video__play img {
    display: block;
    position: relative;
    z-index: 3; }
  .greenline-video__play::before, .greenline-video__play::after {
    content: '';
    width: 100%;
    height: 100%;
    background: #fff;
    -webkit-border-radius: inherit;
            border-radius: inherit;
    position: absolute;
    z-index: 2;
    opacity: 0.2;
    left: 0;
    top: 0; }
  .greenline-video__play::before {
    -webkit-animation: pulse 2s infinite linear;
            animation: pulse 2s infinite linear; }
  .greenline-video__play::after {
    -webkit-animation: pulse  2s .4s infinite linear;
            animation: pulse  2s .4s infinite linear;
    z-index: 2; }

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 0.1; }
  100% {
    -webkit-transform: scale(2);
            transform: scale(2);
    opacity: 0; } }

@keyframes pulse {
  0% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 0.1; }
  100% {
    -webkit-transform: scale(2);
            transform: scale(2);
    opacity: 0; } }

.greenline-photo {
  width: 787px;
  display: block;
  position: absolute;
  pointer-events: none;
  right: -100px;
  top: 100px; }
  @media only screen and (max-width: 1200px) {
    .greenline-photo {
      width: 387px;
      right: -100px;
      top: 320px; } }
  @media only screen and (max-width: 720px) {
    .greenline-photo {
      width: 387px;
      right: -180px;
      top: 200px; } }

.greenline-advantages {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( (100% / 4) - 25px), 1fr));
  grid-template-columns: repeat(auto-fill, minmax(calc( (100% / 4) - 25px), 1fr));
  grid-gap: 25px 25px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 25px; }
  @media screen and (max-width: 1200px) {
    .greenline-advantages {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 2 - 25px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 2 - 25px), 1fr)); } }
  @media screen and (max-width: 980px) {
    .greenline-advantages {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 2 - 25px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 2 - 25px), 1fr)); } }
  @media screen and (max-width: 700px) {
    .greenline-advantages {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 1 - 25px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 1 - 25px), 1fr)); } }
  .greenline-advantages img {
    max-width: 100%;
    display: block; }
  @media only screen and (max-width: 720px) {
    .greenline-advantages {
      margin-top: 20px;
      grid-gap: 10px; } }

.greenline-advantages__item {
  padding: 25px 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  grid-gap: 15px;
  -webkit-border-radius: 30px;
          border-radius: 30px;
  background: rgba(240, 242, 246, 0.4); }
  .greenline-advantages__item img {
    display: block;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0; }
  .greenline-advantages__item p {
    font-size: 14px;
    line-height: 171%; }
  @media only screen and (max-width: 1200px) {
    .greenline-advantages__item {
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start; } }
  @media only screen and (max-width: 720px) {
    .greenline-advantages__item {
      padding: 15px;
      grid-gap: 10px;
      -webkit-border-radius: 20px;
              border-radius: 20px; }
      .greenline-advantages__item p {
        font-size: 12px; }
      .greenline-advantages__item br {
        display: none; } }

.greenline-kw {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  z-index: 3;
  right: 50px;
  top: 140px; }
  @media only screen and (max-width: 1200px) {
    .greenline-kw {
      right: 20px;
      top: 190px; } }
  @media only screen and (max-width: 720px) {
    .greenline-kw {
      right: 60px;
      top: 230px; } }

.greenline-kw__photo {
  width: 107px;
  display: block; }
  @media only screen and (max-width: 720px) {
    .greenline-kw__photo {
      width: 93px; } }

.greenline-kw__info {
  position: absolute;
  text-align: center; }
  .greenline-kw__info span {
    display: block;
    color: #B3B8CD;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 3px; }
  .greenline-kw__info b {
    display: block;
    color: #ED9441;
    font-size: 22px;
    line-height: 1.1; }
  @media only screen and (max-width: 720px) {
    .greenline-kw__info span {
      font-size: 7px; }
    .greenline-kw__info b {
      font-size: 16px; } }

.situations {
  padding-top: 80px; }
  @media only screen and (max-width: 720px) {
    .situations {
      padding-top: 50px; } }

.situations-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative; }
  @media only screen and (max-width: 1200px) {
    .situations-wrap {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      grid-gap: 30px; } }

.situations-title {
  width: 475px;
  position: -webkit-sticky;
  position: sticky;
  top: 120px; }
  @media only screen and (max-width: 1200px) {
    .situations-title {
      width: 100%;
      position: static !important; } }

.situations-btn {
  max-width: 100%;
  width: 360px;
  height: 80px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 10px;
  -webkit-border-radius: 10px;
          border-radius: 10px;
  background: #ED6B06;
  font: 700 15px "Manrope", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.9px;
  text-align: center;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  position: relative;
  position: relative;
  overflow: hidden;
  margin-top: 30px; }
  .situations-btn input {
    display: none; }
  .situations-btn img {
    position: relative;
    z-index: 2; }
  .situations-btn::-moz-selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .situations-btn::selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .situations-btn *::-moz-selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .situations-btn *::selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .situations-btn span, .situations-btn i {
    position: relative;
    z-index: 2; }
  .situations-btn::after {
    content: '';
    width: 0%;
    height: 100%;
    background-color: #ED9441;
    -webkit-border-radius: inherit;
            border-radius: inherit;
    position: absolute;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    -webkit-transform-origin: left;
        -ms-transform-origin: left;
            transform-origin: left;
    bottom: 0;
    right: 0;
    left: auto; }
  .situations-btn:hover::after {
    width: 100%;
    left: 0;
    right: auto; }
  @media only screen and (max-width: 720px) {
    .situations-btn {
      padding: 0 20px;
      font-size: 12px;
      -webkit-border-radius: 20px;
              border-radius: 20px;
      letter-spacing: 0.72px; }
      .situations-btn img {
        width: 8px; } }
  @media only screen and (max-width: 1200px) {
    .situations-btn {
      margin: 0 auto; } }

.situations-list {
  width: 580px;
  counter-reset: num;
  margin-left: auto; }
  @media only screen and (max-width: 1200px) {
    .situations-list {
      width: 100%; } }

.situations-item {
  padding: 30px;
  padding-right: 170px;
  -webkit-border-radius: 30px;
          border-radius: 30px;
  background: rgba(240, 242, 246, 0.8);
  position: relative;
  margin-bottom: 20px; }
  .situations-item p {
    position: relative;
    z-index: 2; }
  .situations-item::before {
    content: counter(num, decimal-leading-zero);
    color: #B2B7CB;
    counter-increment: num;
    font-size: 96px;
    font-weight: 800;
    line-height: 1;
    opacity: 0.1;
    position: absolute;
    left: 30px;
    top: 10px; }
  .situations-item:last-child {
    margin-bottom: 0; }
  @media only screen and (max-width: 720px) {
    .situations-item {
      padding: 20px; }
      .situations-item br {
        display: none; }
      .situations-item:nth-child(1) .situations-item__title {
        max-width: 200px; }
      .situations-item:nth-child(1) .situations-item__info {
        max-width: 185px; }
      .situations-item:nth-child(1) .situations-item__photo {
        width: 200px;
        bottom: 0;
        top: auto; }
      .situations-item:nth-child(2) .situations-item__title {
        max-width: 200px; }
      .situations-item:nth-child(3) .situations-item__title {
        max-width: 205px; }
      .situations-item:nth-child(4) .situations-item__title {
        max-width: 130px; } }

.situations-item__photo {
  height: 100%;
  display: block;
  -webkit-border-radius: 0 30px 30px 0;
          border-radius: 0 30px 30px 0;
  position: absolute;
  right: 0;
  top: 0; }
  @media only screen and (max-width: 720px) {
    .situations-item__photo {
      height: auto; } }

.situations-item__title {
  font-size: 20px;
  font-weight: 500;
  line-height: 160%;
  margin-bottom: 15px; }
  .situations-item__title b {
    font-weight: 700; }
  @media only screen and (max-width: 720px) {
    .situations-item__title {
      font-size: 18px; } }

.situations-item__info {
  font-size: 14px;
  font-weight: 500;
  line-height: 170%; }
  @media only screen and (max-width: 720px) {
    .situations-item__info {
      font-size: 13px;
      line-height: 184%; } }

.gasgolder {
  margin-top: 205px; }
  @media only screen and (max-width: 1200px) {
    .gasgolder {
      margin-top: 40px; } }

.gasgolder-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .gasgolder-wrap::before {
    content: '';
    -webkit-border-radius: 1637px;
            border-radius: 1637px;
    height: 360px;
    background: #F0F1F6;
    -webkit-filter: blur(150px);
            filter: blur(150px);
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto; }
  @media only screen and (max-width: 1200px) {
    .gasgolder-wrap {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; }
      .gasgolder-wrap::before {
        top: 240px; } }

.gasgolder-title {
  width: 455px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  position: relative;
  z-index: 3; }
  .gasgolder-title h2 {
    font-size: 31px; }
  .gasgolder-title a {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: block;
    color: #ED6B06;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.9px;
    text-transform: uppercase;
    margin-top: 20px;
    position: relative; }
    .gasgolder-title a::before {
      content: '';
      width: 100%;
      height: 1px;
      background-color: #ED6B06;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      margin: 0 auto;
      -webkit-transition: .4s;
      -o-transition: .4s;
      transition: .4s; }
    .gasgolder-title a:hover::before {
      width: 0%; }
  @media only screen and (max-width: 1200px) {
    .gasgolder-title {
      width: 100%;
      margin-bottom: 200px; } }
  @media only screen and (max-width: 720px) {
    .gasgolder-title {
      margin-bottom: 25px; }
      .gasgolder-title h2 {
        font-size: 21px; }
      .gasgolder-title a {
        font-size: 13px;
        margin-top: 12px; } }

.gasgolder-list {
  padding-right: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  grid-gap: 20px;
  position: relative;
  z-index: 3; }
  @media only screen and (max-width: 720px) {
    .gasgolder-list {
      padding: 55px 0 40px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; } }

.gasgolder-item {
  padding: 20px;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  background: #FFF;
  position: relative;
  z-index: 2; }
  .gasgolder-item img {
    display: block;
    margin-bottom: 10px; }
  .gasgolder-item p {
    font-size: 15px;
    font-weight: 500;
    line-height: 145%; }
  @media only screen and (max-width: 720px) {
    .gasgolder-item {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      grid-gap: 10px; }
      .gasgolder-item img {
        width: 20px;
        -webkit-flex-shrink: 0;
            -ms-flex-negative: 0;
                flex-shrink: 0;
        margin-bottom: 0; }
      .gasgolder-item br {
        display: none; } }

.gasgolder-photo {
  position: absolute;
  bottom: -30px;
  right: 0; }
  .gasgolder-photo img {
    width: 580px;
    height: 335px;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-border-radius: 30px;
            border-radius: 30px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .gasgolder-photo p {
    color: #FFF;
    font-size: 15px;
    font-weight: 700;
    line-height: 19px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    opacity: 0.4;
    position: absolute;
    top: 120px;
    right: 30px; }
  @media only screen and (max-width: 720px) {
    .gasgolder-photo {
      height: 100%;
      right: 30px;
      top: 0; }
      .gasgolder-photo img {
        height: 100%;
        -webkit-border-radius: 20px;
                border-radius: 20px; }
      .gasgolder-photo p {
        font-size: 12px;
        top: 20px;
        right: 86px; } }

.stock {
  padding-top: 80px;
  position: relative;
  z-index: 2; }
  @media only screen and (max-width: 720px) {
    .stock {
      padding-top: 50px; } }

.stock-wrap {
  padding: 40px 85px;
  -webkit-border-radius: 30px;
          border-radius: 30px;
  background: rgba(240, 242, 246, 0.8); }
  @media only screen and (max-width: 1200px) {
    .stock-wrap {
      padding: 30px 35px; } }
  @media only screen and (max-width: 720px) {
    .stock-wrap {
      padding: 20px 15px;
      -webkit-border-radius: 20px;
              border-radius: 20px; } }

.stock-title {
  text-align: center; }
  .stock-title p {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.6;
    margin-top: 25px; }
  @media only screen and (max-width: 720px) {
    .stock-title {
      text-align: left; }
      .stock-title h2 {
        font-size: 24px; }
      .stock-title p {
        font-size: 15px;
        margin-top: 20px; } }

.stock-advantages {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  grid-gap: 40px;
  margin-top: 25px; }
  @media only screen and (max-width: 1200px) {
    .stock-advantages {
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; } }
  @media only screen and (max-width: 720px) {
    .stock-advantages {
      grid-gap: 10px;
      margin-top: 20px; } }

.stock-advantages__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  grid-gap: 10px; }
  .stock-advantages__item img {
    margin-top: 4px; }
  .stock-advantages__item p {
    font-size: 14px;
    grid-gap: 10px;
    line-height: 171%; }
  @media only screen and (max-width: 1200px) {
    .stock-advantages__item {
      width: 46%; } }
  @media only screen and (max-width: 720px) {
    .stock-advantages__item p {
      font-size: 12px; } }

.stock-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( (100% / 3) - 25px), 1fr));
  grid-template-columns: repeat(auto-fill, minmax(calc( (100% / 3) - 25px), 1fr));
  grid-gap: 25px 25px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 25px; }
  @media screen and (max-width: 1200px) {
    .stock-list {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 2 - 25px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 2 - 25px), 1fr)); } }
  @media screen and (max-width: 980px) {
    .stock-list {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 2 - 25px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 2 - 25px), 1fr)); } }
  @media screen and (max-width: 700px) {
    .stock-list {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 1 - 25px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 1 - 25px), 1fr)); } }
  .stock-list img {
    max-width: 100%;
    display: block; }
  @media only screen and (max-width: 720px) {
    .stock-list {
      margin-top: 20px; } }

.stock-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  grid-gap: 10px;
  padding: 25px;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  background: #FFF; }

.stock-item__art {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  grid-gap: 10px; }
  .stock-item__art p {
    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase;
    opacity: 0.4; }
  .stock-item__art b {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 5px 10px;
    display: block;
    color: #B3B8CD;
    font-size: 10px;
    -webkit-border-radius: 5px;
            border-radius: 5px;
    background: #F3F4F8; }

.stock-item__title {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  font-size: 20px;
  font-weight: 500;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s; }
  .stock-item__title:hover {
    color: #ED6B06; }

.stock-item__info {
  font-size: 14px;
  line-height: 170%; }

.stock-item__wrap {
  position: relative; }

.stock-item__slider {
  margin-top: auto;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  overflow: hidden; }

.stock-item__slide {
  width: 100%;
  display: block; }
  .stock-item__slide img {
    width: 100%;
    height: 190px;
    -o-object-fit: cover;
       object-fit: cover; }

.stock-item__dots {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 10px; }
  .stock-item__dots ul {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    grid-gap: 13px; }
  .stock-item__dots li {
    width: 12px;
    height: 12px;
    display: block;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid #fff;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    cursor: pointer;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s; }
  .stock-item__dots button {
    display: none; }
  .stock-item__dots .slick-active {
    background-color: #fff; }

.stock-item__btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  color: #ED6B06;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.78px;
  text-transform: uppercase;
  margin-top: 10px;
  position: relative; }
  .stock-item__btn::before {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #ED6B06;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s; }
  .stock-item__btn:hover::before {
    width: 0%; }

.pagination {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  grid-gap: 10px;
  margin-top: 30px; }

.pagination-arrow {
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-border-radius: 10px;
          border-radius: 10px;
  background-color: #ED9441;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s; }
  .pagination-arrow:hover {
    background-color: #ED6B06; }

.pagination-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  grid-gap: 10px; }
  .pagination-list a, .pagination-list .current {
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-border-radius: 10px;
            border-radius: 10px;
    background: #F3F4F8;
    color: #B3B8CD;
    font-size: 16px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s; }
    .pagination-list a:hover, .pagination-list .current:hover {
      color: #555865; }
  .pagination-list .current {
    color: #555865;
    font-weight: 700; }
  .pagination-list .prev, .pagination-list .next {
    background-color: #ED9441; }
    .pagination-list .prev:hover, .pagination-list .next:hover {
      background-color: #ED6B06; }

.stock-wrap-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  grid-gap: 30px;
  margin-top: 30px; }
  @media only screen and (max-width: 720px) {
    .stock-wrap-btn {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; } }

.stock-open {
  max-width: 100%;
  width: 300px;
  height: 80px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 10px;
  -webkit-border-radius: 10px;
          border-radius: 10px;
  background: #ED6B06;
  font: 700 15px "Manrope", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.9px;
  text-align: center;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  position: relative;
  position: relative;
  overflow: hidden; }
  .stock-open input {
    display: none; }
  .stock-open img {
    position: relative;
    z-index: 2; }
  .stock-open::-moz-selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .stock-open::selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .stock-open *::-moz-selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .stock-open *::selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .stock-open span, .stock-open i {
    position: relative;
    z-index: 2; }
  .stock-open::after {
    content: '';
    width: 0%;
    height: 100%;
    background-color: #ED9441;
    -webkit-border-radius: inherit;
            border-radius: inherit;
    position: absolute;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    -webkit-transform-origin: left;
        -ms-transform-origin: left;
            transform-origin: left;
    bottom: 0;
    right: 0;
    left: auto; }
  .stock-open:hover::after {
    width: 100%;
    left: 0;
    right: auto; }
  @media only screen and (max-width: 720px) {
    .stock-open {
      padding: 0 20px;
      font-size: 12px;
      -webkit-border-radius: 20px;
              border-radius: 20px;
      letter-spacing: 0.72px; }
      .stock-open img {
        width: 8px; } }
  @media only screen and (max-width: 720px) {
    .stock-open {
      font-size: 15px; }
      .stock-open img {
        width: 14px; } }

.stock-wh {
  width: 300px;
  height: 80px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #ED6B06;
  background: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-border-radius: 10px;
          border-radius: 10px;
  color: #ED6B06;
  text-align: center;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.78px;
  text-transform: uppercase;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s; }
  .stock-wh:hover {
    background-color: #ED6B06;
    color: #fff; }
  @media only screen and (max-width: 720px) {
    .stock-wh {
      -webkit-border-radius: 20px;
              border-radius: 20px; } }

.saving {
  padding-top: 80px; }
  @media only screen and (max-width: 720px) {
    .saving {
      padding-top: 50px; } }

.saving-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  grid-gap: 30px; }
  .saving-title h2 {
    max-width: 1200px; }

.saving-video {
  width: 530px;
  height: 240px;
  position: relative; }
  .saving-video .greenline-video__play {
    left: -5px;
    top: -3px; }
  @media only screen and (max-width: 1200px) {
    .saving-video {
      display: none; } }

.saving-video__preview {
  width: 100%;
  height: 100%;
  display: block;
  -webkit-border-radius: 30px;
          border-radius: 30px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0; }

.saving-video__title {
  color: #FFF;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  position: absolute !important;
  left: 30px;
  bottom: 20px;
  position: relative; }
  .saving-video__title::before {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s; }
  .saving-video__title:hover::before {
    width: 0%; }

.saving-wrap {
  margin-top: 40px;
  position: relative; }
  @media only screen and (max-width: 720px) {
    .saving-wrap {
      margin-top: 25px; } }

.saving-table {
  width: 870px;
  padding: 23px 23px 35px;
  -webkit-border-radius: 30px;
          border-radius: 30px;
  background: rgba(240, 242, 246, 0.8);
  -webkit-backdrop-filter: blur(37px);
          backdrop-filter: blur(37px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  z-index: 2; }
  @media only screen and (max-width: 1200px) {
    .saving-table {
      width: 100%; } }

.saving-double {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( (100% / 2) - 20px), 1fr));
  grid-template-columns: repeat(auto-fill, minmax(calc( (100% / 2) - 20px), 1fr));
  grid-gap: 15px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  @media screen and (max-width: 1200px) {
    .saving-double {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 2 - 20px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 2 - 20px), 1fr)); } }
  @media screen and (max-width: 980px) {
    .saving-double {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 2 - 20px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 2 - 20px), 1fr)); } }
  @media screen and (max-width: 700px) {
    .saving-double {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 2 - 20px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 2 - 20px), 1fr)); } }
  .saving-double img {
    max-width: 100%;
    display: block; }
  @media only screen and (max-width: 720px) {
    .saving-double {
      grid-gap: 10px; } }

.saving-table__head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  background: #FFF;
  text-align: center;
  padding: 20px;
  font-size: 20px;
  font-weight: 600; }
  .saving-table__head span {
    color: #ED9441; }
  @media only screen and (max-width: 720px) {
    .saving-table__head {
      font-size: 13px;
      line-height: 18px;
      padding: 15px 10px;
      -webkit-border-radius: 15px;
              border-radius: 15px; } }

.saving-table__title {
  text-align: center;
  font-size: 24px;
  font-weight: 300;
  margin: 20px 0; }
  .saving-table__title b {
    font-weight: 500; }
  @media only screen and (max-width: 720px) {
    .saving-table__title {
      font-size: 15px;
      line-height: 20px;
      margin: 15px 0; } }

.saving-option {
  padding: 10px 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-border-radius: 10px;
          border-radius: 10px;
  background: #FFF;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 15px; }
  .saving-option p {
    font-size: 16px; }
  .saving-option b {
    display: block;
    font-size: 16px;
    font-weight: 600;
    text-align: right;
    display: block;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0; }
  .saving-option:empty {
    height: 44px;
    background: none; }
  .saving-option:last-child {
    margin-bottom: 0; }
  @media only screen and (max-width: 1200px) {
    .saving-option {
      padding: 15px;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start;
      grid-gap: 20px; } }
  @media only screen and (max-width: 720px) {
    .saving-option {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      grid-gap: 5px; }
      .saving-option p, .saving-option b {
        font-size: 10px; }
      .saving-option:empty {
        height: 80px; } }

.saving-option_red {
  color: #EA2121; }

.saving-option_green {
  color: #65B337; }

.saving-photo {
  width: 703px;
  display: block;
  position: absolute;
  right: -140px;
  top: 60px; }
  @media only screen and (max-width: 1200px) {
    .saving-photo {
      width: 523px;
      top: 520px; } }
  @media only screen and (max-width: 720px) {
    .saving-photo {
      right: -320px; } }

.saving-result {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 70px;
  position: relative;
  z-index: 2;
  margin-top: 30px; }
  @media only screen and (max-width: 1200px) {
    .saving-result {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start;
      grid-gap: 15px; } }

.saving-result__content {
  width: 100%; }
  @media only screen and (max-width: 1200px) {
    .saving-result__content {
      width: 50%; } }
  @media only screen and (max-width: 720px) {
    .saving-result__content {
      width: 190px; } }

.saving-result__title {
  font-size: 24px;
  font-weight: 600; }
  .saving-result__title b {
    color: #ED6B06;
    font-weight: 700; }
  @media only screen and (max-width: 720px) {
    .saving-result__title {
      font-size: 16px; } }

.saving-result__info {
  margin-top: 15px; }
  @media only screen and (max-width: 720px) {
    .saving-result__info {
      width: 170px;
      font-size: 13px; } }

.saving-result__copy {
  font-size: 11px;
  opacity: 0.6;
  margin-top: 15px; }
  @media only screen and (max-width: 720px) {
    .saving-result__copy {
      width: 135px;
      font-size: 8px;
      line-height: 11px; } }

.saving-result__btn {
  max-width: 100%;
  width: 390px;
  height: 100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 10px;
  -webkit-border-radius: 10px;
          border-radius: 10px;
  background: #ED6B06;
  font: 700 15px "Manrope", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.9px;
  text-align: center;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  position: relative;
  position: relative;
  overflow: hidden;
  text-align: left;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0; }
  .saving-result__btn input {
    display: none; }
  .saving-result__btn img {
    position: relative;
    z-index: 2; }
  .saving-result__btn::-moz-selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .saving-result__btn::selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .saving-result__btn *::-moz-selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .saving-result__btn *::selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .saving-result__btn span, .saving-result__btn i {
    position: relative;
    z-index: 2; }
  .saving-result__btn::after {
    content: '';
    width: 0%;
    height: 100%;
    background-color: #ED9441;
    -webkit-border-radius: inherit;
            border-radius: inherit;
    position: absolute;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    -webkit-transform-origin: left;
        -ms-transform-origin: left;
            transform-origin: left;
    bottom: 0;
    right: 0;
    left: auto; }
  .saving-result__btn:hover::after {
    width: 100%;
    left: 0;
    right: auto; }
  @media only screen and (max-width: 720px) {
    .saving-result__btn {
      padding: 0 20px;
      font-size: 12px;
      -webkit-border-radius: 20px;
              border-radius: 20px;
      letter-spacing: 0.72px; }
      .saving-result__btn img {
        width: 8px; } }
  @media only screen and (max-width: 720px) {
    .saving-result__btn {
      height: 70px; } }

.reviews {
  padding-top: 80px; }
  @media only screen and (max-width: 720px) {
    .reviews {
      padding-top: 50px; } }

.reviews-title {
  margin-bottom: 45px; }
  @media only screen and (max-width: 720px) {
    .reviews-title {
      margin-bottom: 25px; } }

.reviews-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( (100% / 3) - 30px), 1fr));
  grid-template-columns: repeat(auto-fill, minmax(calc( (100% / 3) - 30px), 1fr));
  grid-gap: 30px 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 45px; }
  @media screen and (max-width: 1200px) {
    .reviews-list {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 2 - 30px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 2 - 30px), 1fr)); } }
  @media screen and (max-width: 980px) {
    .reviews-list {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 2 - 30px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 2 - 30px), 1fr)); } }
  @media screen and (max-width: 700px) {
    .reviews-list {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 1 - 30px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 1 - 30px), 1fr)); } }
  .reviews-list img {
    max-width: 100%;
    display: block; }
  @media only screen and (max-width: 720px) {
    .reviews-list {
      margin-top: 25px;
      grid-gap: 15px; } }

.reviews-item {
  padding: 15px;
  -webkit-border-radius: 30px;
          border-radius: 30px;
  background: rgba(240, 242, 246, 0.4); }

.reviews-item__person {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 15px; }

.reviews-item__photo {
  width: 56px;
  height: 56px;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0; }

.reviews-item__name b {
  display: block;
  font-size: 12px;
  font-weight: 500; }

.reviews-item__name p {
  font-size: 10px; }

.reviews-item__star {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 2px;
  color: #fff;
  font-size: 10px;
  margin: 5px 0; }

.star-fill {
  color: #FFD600; }

.reviews-item__content {
  margin-top: 15px; }
  .reviews-item__content p {
    font-size: 10px;
    line-height: 2;
    margin-bottom: 10px; }
    .reviews-item__content p:last-child {
      margin-bottom: 0; }

.reviews-item__link {
  display: block;
  margin-top: 15px; }
  .reviews-item__link img {
    display: block; }

.reviews-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 30px;
  justify-content: center;
  margin-top: 50px; }
  @media only screen and (max-width: 720px) {
    .reviews-btn {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      margin-top: 25px; } }

.reviews-quiz {
  max-width: 100%;
  width: 380px;
  height: 80px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 10px;
  -webkit-border-radius: 10px;
          border-radius: 10px;
  background: #ED6B06;
  font: 700 15px "Manrope", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.9px;
  text-align: center;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  position: relative;
  position: relative;
  overflow: hidden;
  grid-gap: 20px;
  text-align: left; }
  .reviews-quiz input {
    display: none; }
  .reviews-quiz img {
    position: relative;
    z-index: 2; }
  .reviews-quiz::-moz-selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .reviews-quiz::selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .reviews-quiz *::-moz-selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .reviews-quiz *::selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .reviews-quiz span, .reviews-quiz i {
    position: relative;
    z-index: 2; }
  .reviews-quiz::after {
    content: '';
    width: 0%;
    height: 100%;
    background-color: #ED9441;
    -webkit-border-radius: inherit;
            border-radius: inherit;
    position: absolute;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    -webkit-transform-origin: left;
        -ms-transform-origin: left;
            transform-origin: left;
    bottom: 0;
    right: 0;
    left: auto; }
  .reviews-quiz:hover::after {
    width: 100%;
    left: 0;
    right: auto; }
  @media only screen and (max-width: 720px) {
    .reviews-quiz {
      padding: 0 20px;
      font-size: 12px;
      -webkit-border-radius: 20px;
              border-radius: 20px;
      letter-spacing: 0.72px; }
      .reviews-quiz img {
        width: 8px; } }
  @media only screen and (max-width: 720px) {
    .reviews-quiz {
      height: 70px; } }

.reviews-wh {
  width: 300px;
  height: 80px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #ED6B06;
  background: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-border-radius: 10px;
          border-radius: 10px;
  color: #ED6B06;
  text-align: center;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.78px;
  text-transform: uppercase;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s; }
  .reviews-wh:hover {
    background-color: #ED6B06;
    color: #fff; }
  @media only screen and (max-width: 720px) {
    .reviews-wh {
      width: 100%;
      -webkit-border-radius: 20px;
              border-radius: 20px;
      height: 70px; } }

.portfolio {
  padding-top: 80px; }
  @media only screen and (max-width: 720px) {
    .portfolio {
      padding-top: 50px; } }

.portfolio-wrap {
  padding: 40px;
  -webkit-border-radius: 30px;
          border-radius: 30px;
  background: rgba(240, 242, 246, 0.8); }
  @media only screen and (max-width: 720px) {
    .portfolio-wrap {
      padding: 30px 15px;
      -webkit-border-radius: 20px;
              border-radius: 20px; } }

.portfolio-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  grid-gap: 25px;
  margin-top: 40px; }
  @media only screen and (max-width: 720px) {
    .portfolio-list {
      margin-top: 30px;
      grid-gap: 30px; } }

.portfolio-item {
  padding: 25px 25px 20px;
  background-color: #fff;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  grid-gap: 45px; }
  @media only screen and (max-width: 1200px) {
    .portfolio-item {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      grid-gap: 20px; } }
  @media only screen and (max-width: 720px) {
    .portfolio-item {
      padding: 15px;
      -webkit-border-radius: 15px;
              border-radius: 15px; } }

.portfolio-item_hide {
  display: none; }

.portfolio-item__photo {
  width: 300px;
  height: 230px;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-border-radius: 15px;
          border-radius: 15px; }
  @media only screen and (max-width: 1200px) {
    .portfolio-item__photo {
      width: 100%;
      height: 370px; } }
  @media only screen and (max-width: 720px) {
    .portfolio-item__photo {
      height: 205px; } }

.portfolio-item__content {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  grid-gap: 10px; }

.portfolio-title {
  font-size: 24px;
  font-weight: 500;
  line-height: 125%; }

.portfolio-info {
  font-size: 14px;
  line-height: 170%; }

.portfolio-end {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 30px; }
  @media only screen and (max-width: 1200px) {
    .portfolio-end {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      grid-gap: 30px; } }
  @media only screen and (max-width: 720px) {
    .portfolio-end {
      grid-gap: 20px; } }

.portfolio-more {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 10px;
  color: #ED6B06;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.9px;
  text-transform: uppercase; }
  .portfolio-more span {
    position: relative; }
    .portfolio-more span::before {
      content: '';
      width: 100%;
      height: 1px;
      background-color: #ED6B06;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      margin: 0 auto;
      -webkit-transition: .4s;
      -o-transition: .4s;
      transition: .4s; }
    .portfolio-more span:hover::before {
      width: 0%; }
  @media only screen and (max-width: 720px) {
    .portfolio-more {
      font-size: 13px; } }

.portfolio-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 20px;
  margin-left: auto; }
  @media only screen and (max-width: 1200px) {
    .portfolio-btn {
      width: 100%;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; } }

.portfolio-btn__selection {
  max-width: 100%;
  width: 360px;
  height: 80px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 10px;
  -webkit-border-radius: 10px;
          border-radius: 10px;
  background: #ED6B06;
  font: 700 15px "Manrope", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.9px;
  text-align: center;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  position: relative;
  position: relative;
  overflow: hidden;
  grid-gap: 20px;
  text-align: left; }
  .portfolio-btn__selection input {
    display: none; }
  .portfolio-btn__selection img {
    position: relative;
    z-index: 2; }
  .portfolio-btn__selection::-moz-selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .portfolio-btn__selection::selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .portfolio-btn__selection *::-moz-selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .portfolio-btn__selection *::selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .portfolio-btn__selection span, .portfolio-btn__selection i {
    position: relative;
    z-index: 2; }
  .portfolio-btn__selection::after {
    content: '';
    width: 0%;
    height: 100%;
    background-color: #ED9441;
    -webkit-border-radius: inherit;
            border-radius: inherit;
    position: absolute;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    -webkit-transform-origin: left;
        -ms-transform-origin: left;
            transform-origin: left;
    bottom: 0;
    right: 0;
    left: auto; }
  .portfolio-btn__selection:hover::after {
    width: 100%;
    left: 0;
    right: auto; }
  @media only screen and (max-width: 720px) {
    .portfolio-btn__selection {
      padding: 0 20px;
      font-size: 12px;
      -webkit-border-radius: 20px;
              border-radius: 20px;
      letter-spacing: 0.72px; }
      .portfolio-btn__selection img {
        width: 8px; } }
  @media only screen and (max-width: 720px) {
    .portfolio-btn__selection {
      width: 100%;
      height: 70px; } }

.portfolio-btn__wh {
  width: 300px;
  height: 80px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #ED6B06;
  background: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-border-radius: 10px;
          border-radius: 10px;
  color: #ED6B06;
  text-align: center;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.78px;
  text-transform: uppercase;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s; }
  .portfolio-btn__wh:hover {
    background-color: #ED6B06;
    color: #fff; }
  @media only screen and (max-width: 720px) {
    .portfolio-btn__wh {
      width: 100%;
      -webkit-border-radius: 20px;
              border-radius: 20px; } }

.stages {
  padding-top: 70px; }
  @media only screen and (max-width: 720px) {
    .stages {
      padding-top: 50px; } }

.stages-photo {
  width: 100%;
  display: block;
  pointer-events: none;
  margin-top: 45px; }

.stages-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  grid-gap: 20px;
  margin-top: 50px; }
  @media only screen and (max-width: 720px) {
    .stages-btn {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      margin-top: 30px; } }

.stages-btn__time {
  max-width: 100%;
  width: 425px;
  height: 80px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 10px;
  -webkit-border-radius: 10px;
          border-radius: 10px;
  background: #ED6B06;
  font: 700 15px "Manrope", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.9px;
  text-align: center;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  position: relative;
  position: relative;
  overflow: hidden; }
  .stages-btn__time input {
    display: none; }
  .stages-btn__time img {
    position: relative;
    z-index: 2; }
  .stages-btn__time::-moz-selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .stages-btn__time::selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .stages-btn__time *::-moz-selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .stages-btn__time *::selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .stages-btn__time span, .stages-btn__time i {
    position: relative;
    z-index: 2; }
  .stages-btn__time::after {
    content: '';
    width: 0%;
    height: 100%;
    background-color: #ED9441;
    -webkit-border-radius: inherit;
            border-radius: inherit;
    position: absolute;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    -webkit-transform-origin: left;
        -ms-transform-origin: left;
            transform-origin: left;
    bottom: 0;
    right: 0;
    left: auto; }
  .stages-btn__time:hover::after {
    width: 100%;
    left: 0;
    right: auto; }
  @media only screen and (max-width: 720px) {
    .stages-btn__time {
      padding: 0 20px;
      font-size: 12px;
      -webkit-border-radius: 20px;
              border-radius: 20px;
      letter-spacing: 0.72px; }
      .stages-btn__time img {
        width: 8px; } }
  @media only screen and (max-width: 720px) {
    .stages-btn__time {
      width: 100%;
      height: 70px; } }

.stages-btn__wh {
  width: 290px;
  height: 80px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #ED6B06;
  background: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-border-radius: 10px;
          border-radius: 10px;
  color: #ED6B06;
  text-align: center;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.78px;
  text-transform: uppercase;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s; }
  .stages-btn__wh:hover {
    background-color: #ED6B06;
    color: #fff; }
  @media only screen and (max-width: 720px) {
    .stages-btn__wh {
      width: 100%;
      -webkit-border-radius: 20px;
              border-radius: 20px; } }

.stages-mob {
  margin-top: 20px; }

.stages-tabs {
  padding: 10px;
  -webkit-border-radius: 10px;
          border-radius: 10px;
  background: #F3F4F8;
  margin-bottom: 20px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( (100% / 2) - 10px), 1fr));
  grid-template-columns: repeat(auto-fill, minmax(calc( (100% / 2) - 10px), 1fr));
  grid-gap: 10px 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  @media screen and (max-width: 1200px) {
    .stages-tabs {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 2 - 10px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 2 - 10px), 1fr)); } }
  @media screen and (max-width: 980px) {
    .stages-tabs {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 2 - 10px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 2 - 10px), 1fr)); } }
  @media screen and (max-width: 700px) {
    .stages-tabs {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 2 - 10px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 2 - 10px), 1fr)); } }
  .stages-tabs img {
    max-width: 100%;
    display: block; }

.stages-tab {
  width: 100%;
  height: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-border-radius: 10px;
          border-radius: 10px;
  background: #FFF;
  text-align: center;
  color: #B3B8CD;
  font-size: 16px; }

.stages-tab_active {
  background-color: #ED9441;
  color: #fff; }

.stages-map {
  width: 100%;
  display: none; }

.stages-map_active {
  display: block; }

.options {
  padding-top: 70px; }
  @media only screen and (max-width: 720px) {
    .options {
      padding-top: 50px; } }

.options-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( (100% / 3) - 25px), 1fr));
  grid-template-columns: repeat(auto-fill, minmax(calc( (100% / 3) - 25px), 1fr));
  grid-gap: 25px 25px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 45px; }
  @media screen and (max-width: 1200px) {
    .options-list {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 1 - 25px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 1 - 25px), 1fr)); } }
  @media screen and (max-width: 980px) {
    .options-list {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 1 - 25px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 1 - 25px), 1fr)); } }
  @media screen and (max-width: 700px) {
    .options-list {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 1 - 25px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 1 - 25px), 1fr)); } }
  .options-list img {
    max-width: 100%;
    display: block; }
  @media only screen and (max-width: 720px) {
    .options-list {
      margin-top: 25px; } }

.options-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  grid-gap: 20px;
  padding: 25px;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  background: rgba(240, 241, 246, 0.4); }
  @media only screen and (max-width: 720px) {
    .options-item {
      padding: 25px 25px 20px; } }

.options-item__title {
  font-size: 20px; }

.options-item__photo {
  width: 100%;
  height: 170px;
  -webkit-border-radius: 15px;
          border-radius: 15px;
  display: block;
  -o-object-fit: cover;
     object-fit: cover; }
  @media only screen and (max-width: 1200px) {
    .options-item__photo {
      height: 360px; } }
  @media only screen and (max-width: 720px) {
    .options-item__photo {
      height: 170px; } }

.options-item__info {
  font-size: 14px;
  line-height: 170%; }

.options-item__more {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  color: #ED6B06;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.78px;
  text-transform: uppercase;
  position: relative;
  margin-top: auto; }
  .options-item__more::before {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #ED6B06;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s; }
  .options-item__more:hover::before {
    width: 0%; }

.options-btn {
  max-width: 100%;
  width: 525px;
  height: 80px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 10px;
  -webkit-border-radius: 10px;
          border-radius: 10px;
  background: #ED6B06;
  font: 700 15px "Manrope", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.9px;
  text-align: center;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  position: relative;
  position: relative;
  overflow: hidden;
  margin: 30px auto 0; }
  .options-btn input {
    display: none; }
  .options-btn img {
    position: relative;
    z-index: 2; }
  .options-btn::-moz-selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .options-btn::selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .options-btn *::-moz-selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .options-btn *::selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .options-btn span, .options-btn i {
    position: relative;
    z-index: 2; }
  .options-btn::after {
    content: '';
    width: 0%;
    height: 100%;
    background-color: #ED9441;
    -webkit-border-radius: inherit;
            border-radius: inherit;
    position: absolute;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    -webkit-transform-origin: left;
        -ms-transform-origin: left;
            transform-origin: left;
    bottom: 0;
    right: 0;
    left: auto; }
  .options-btn:hover::after {
    width: 100%;
    left: 0;
    right: auto; }
  @media only screen and (max-width: 720px) {
    .options-btn {
      padding: 0 20px;
      font-size: 12px;
      -webkit-border-radius: 20px;
              border-radius: 20px;
      letter-spacing: 0.72px; }
      .options-btn img {
        width: 8px; } }
  @media only screen and (max-width: 720px) {
    .options-btn {
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      text-align: left;
      margin-top: 25px; } }

.faq {
  padding-top: 80px; }
  @media only screen and (max-width: 720px) {
    .faq {
      padding-top: 50px; } }

.faq-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  grid-gap: 60px;
  position: relative; }
  @media only screen and (max-width: 1200px) {
    .faq-wrap {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      grid-gap: 20px; } }

.faq-content {
  width: 760px; }
  @media only screen and (max-width: 1200px) {
    .faq-content {
      width: 100%; } }

.faq-list {
  margin-top: 40px; }
  @media only screen and (max-width: 720px) {
    .faq-list {
      margin-top: 20px; } }

.faq-item {
  margin-bottom: 20px; }
  .faq-item:last-child {
    margin-bottom: 0; }

.faq-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  grid-gap: 20px;
  padding: 20px 30px;
  -webkit-border-radius: 10px;
          border-radius: 10px;
  background: rgba(240, 242, 246, 0.4); }
  .faq-header p {
    font-size: 20px;
    line-height: 27px;
    font-weight: 500; }
  .faq-header img {
    display: block;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s; }
  @media only screen and (max-width: 720px) {
    .faq-header {
      padding: 15px; }
      .faq-header p {
        font-size: 14px;
        line-height: 19px; } }

.faq-body {
  display: none;
  padding: 0 30px;
  margin-top: 20px; }
  .faq-body p {
    font-size: 15px;
    line-height: 173%;
    margin-bottom: 10px; }
    .faq-body p:last-child {
      margin-bottom: 0; }
  @media only screen and (max-width: 720px) {
    .faq-body {
      padding: 0; }
      .faq-body p {
        font-size: 12px; } }

.faq-item_active .faq-header img {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg); }

.faq-banner {
  width: 380px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  padding: 30px 25px;
  background: url("../images/bg/faq-bg.jpg") center no-repeat;
  -webkit-border-radius: 30px;
          border-radius: 30px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  -webkit-background-size: cover;
          background-size: cover;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: -webkit-sticky;
  position: sticky;
  top: 120px; }
  @media only screen and (max-width: 1200px) {
    .faq-banner {
      width: 100%;
      position: relative;
      top: auto; } }

.faq-banner__title {
  text-align: center;
  color: #fff; }
  .faq-banner__title b {
    display: block;
    color: #686868;
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 20px; }
  .faq-banner__title p {
    font-size: 22px;
    color: #686868;
    line-height: 136%; }
  @media only screen and (max-width: 720px) {
    .faq-banner__title b {
      font-size: 24px;
      margin-bottom: 15px; }
    .faq-banner__title p {
      font-size: 16px; } }

.faq-banner__btn {
  max-width: 100%;
  width: 100%;
  height: 80px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 10px;
  -webkit-border-radius: 10px;
          border-radius: 10px;
  background: #ED6B06;
  font: 700 15px "Manrope", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.9px;
  text-align: center;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  position: relative;
  position: relative;
  overflow: hidden;
  margin-top: 20px; }
  .faq-banner__btn input {
    display: none; }
  .faq-banner__btn img {
    position: relative;
    z-index: 2; }
  .faq-banner__btn::-moz-selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .faq-banner__btn::selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .faq-banner__btn *::-moz-selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .faq-banner__btn *::selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .faq-banner__btn span, .faq-banner__btn i {
    position: relative;
    z-index: 2; }
  .faq-banner__btn::after {
    content: '';
    width: 0%;
    height: 100%;
    background-color: #ED9441;
    -webkit-border-radius: inherit;
            border-radius: inherit;
    position: absolute;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    -webkit-transform-origin: left;
        -ms-transform-origin: left;
            transform-origin: left;
    bottom: 0;
    right: 0;
    left: auto; }
  .faq-banner__btn:hover::after {
    width: 100%;
    left: 0;
    right: auto; }
  @media only screen and (max-width: 720px) {
    .faq-banner__btn {
      padding: 0 20px;
      font-size: 12px;
      -webkit-border-radius: 20px;
              border-radius: 20px;
      letter-spacing: 0.72px; }
      .faq-banner__btn img {
        width: 8px; } }
  @media only screen and (max-width: 720px) {
    .faq-banner__btn {
      height: 70px; } }

.faq-manager {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 15px auto 0; }
  .faq-manager .header-manager__info {
    color: #686868; }
  @media only screen and (max-width: 720px) {
    .faq-manager .header-manager__photo img {
      width: 27px;
      height: 27px; }
    .faq-manager .header-manager__info {
      font-size: 10px; } }

.banner-wrap {
  padding: 20px 50px 45px;
  -webkit-border-radius: 30px;
          border-radius: 30px;
  position: relative; }
  @media only screen and (max-width: 720px) {
    .banner-wrap {
      padding: 15px 15px 35px;
      -webkit-border-radius: 20px;
              border-radius: 20px; } }

.banner-wrap_1 {
  background: url("../images/bg/banner-bg.jpg") center no-repeat;
  -webkit-background-size: cover;
          background-size: cover; }
  @media only screen and (max-width: 720px) {
    .banner-wrap_1 {
      background: url("../images/bg/banner-bg-mob.jpg") center no-repeat;
      -webkit-background-size: cover;
              background-size: cover; } }

.banner-wrap_2 {
  background: url("../images/bg/banner-bg-2.jpg") center no-repeat;
  -webkit-background-size: cover;
          background-size: cover; }
  @media only screen and (max-width: 720px) {
    .banner-wrap_2 {
      background: url("../images/bg/banner-bg-2-mob.jpg") center no-repeat;
      -webkit-background-size: cover;
              background-size: cover; } }

.banner-wrap_5 {
  background: url("../images/bg/banner-bg-5.jpg") center no-repeat;
  -webkit-background-size: cover;
          background-size: cover; }
  @media only screen and (max-width: 720px) {
    .banner-wrap_5 {
      background: url("../images/bg/banner-bg-5-mob.jpg") center no-repeat;
      -webkit-background-size: cover;
              background-size: cover;
      padding-bottom: 15px; } }

.banner-wrap_single {
  padding-bottom: 185px;
  background: url("../images/bg/banner-bg-3.jpg") center no-repeat;
  -webkit-background-size: cover;
          background-size: cover; }
  @media only screen and (max-width: 720px) {
    .banner-wrap_single {
      padding-bottom: 175px;
      background: url("../images/bg/banner-bg-3-mob.jpg") center no-repeat;
      -webkit-background-size: cover;
              background-size: cover; } }

.breadcrumbs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 4px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  color: #B3B8CD;
  font-size: 10px;
  font-weight: 600;
  margin-top: 20px; }
  .breadcrumbs li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    grid-gap: 4px; }
    .breadcrumbs li::after {
      content: '/'; }
    .breadcrumbs li:last-child::after {
      display: none; }
  @media only screen and (max-width: 720px) {
    .breadcrumbs {
      font-size: 8px; } }

.banner-title {
  max-width: 850px;
  font-size: 48px;
  font-weight: 600;
  line-height: 137%;
  margin-top: 10px; }
  .banner-title span {
    color: #ED6B06; }
  @media only screen and (max-width: 1200px) {
    .banner-title {
      font-size: 32px; } }

.catalog {
  margin-top: 30px; }

.filter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  grid-gap: 20px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  @media only screen and (max-width: 1200px) {
    .filter {
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      grid-gap: 10px; } }

.filter-tabs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  grid-gap: 10px;
  padding: 10px;
  -webkit-border-radius: 10px;
          border-radius: 10px;
  background: #F3F4F8;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  @media only screen and (max-width: 720px) {
    .filter-tabs {
      width: 100%; } }

.filter-tab {
  padding: 10px 15px;
  color: #B3B8CD;
  font-size: 16px;
  -webkit-border-radius: 10px;
          border-radius: 10px;
  background: #FFF;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s; }
  @media only screen and (max-width: 720px) {
    .filter-tab {
      padding: 7px 10px;
      font-size: 12px; } }

.filter-tab.active {
  background-color: #ED9441;
  color: #fff; }

.filter-drop {
  position: relative; }
  @media only screen and (max-width: 720px) {
    .filter-drop {
      width: 47%; } }

.filter-drop__active {
  width: 150px;
  height: 64px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-border-radius: 10px;
          border-radius: 10px;
  background: #F3F4F8;
  grid-gap: 7px;
  cursor: pointer;
  position: relative;
  z-index: 2; }
  .filter-drop__active p {
    color: #B3B8CD;
    font-size: 16px; }
  @media only screen and (max-width: 720px) {
    .filter-drop__active {
      width: 100% !important;
      height: 44px; }
      .filter-drop__active p {
        font-size: 12px; } }

.filter-drop_190 .filter-drop__active {
  width: 190px; }

.filter-drop__list {
  width: 100%;
  padding: 20px 15px 15px;
  -webkit-border-radius: 0 0 10px 10px;
          border-radius: 0 0 10px 10px;
  display: none;
  background: #F3F4F8;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  left: 0;
  margin-top: -20px !important; }

.filter-drop__item {
  color: #B3B8CD;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
  margin-bottom: 10px; }
  .filter-drop__item:last-child {
    margin-bottom: 0; }
  .filter-drop__item:hover {
    color: #ED6B06; }

.filter-sub {
  max-width: 100%;
  width: 300px;
  height: 60px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 10px;
  -webkit-border-radius: 10px;
          border-radius: 10px;
  background: #ED6B06;
  font: 700 15px "Manrope", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.9px;
  text-align: center;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  position: relative;
  position: relative;
  overflow: hidden; }
  .filter-sub input {
    display: none; }
  .filter-sub img {
    position: relative;
    z-index: 2; }
  .filter-sub::-moz-selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .filter-sub::selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .filter-sub *::-moz-selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .filter-sub *::selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .filter-sub span, .filter-sub i {
    position: relative;
    z-index: 2; }
  .filter-sub::after {
    content: '';
    width: 0%;
    height: 100%;
    background-color: #ED9441;
    -webkit-border-radius: inherit;
            border-radius: inherit;
    position: absolute;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    -webkit-transform-origin: left;
        -ms-transform-origin: left;
            transform-origin: left;
    bottom: 0;
    right: 0;
    left: auto; }
  .filter-sub:hover::after {
    width: 100%;
    left: 0;
    right: auto; }
  @media only screen and (max-width: 720px) {
    .filter-sub {
      padding: 0 20px;
      font-size: 12px;
      -webkit-border-radius: 20px;
              border-radius: 20px;
      letter-spacing: 0.72px; }
      .filter-sub img {
        width: 8px; } }
  @media only screen and (max-width: 720px) {
    .filter-sub {
      width: 100%;
      height: 44px;
      -webkit-border-radius: 10px;
              border-radius: 10px; } }

.filter-sub_315 {
  width: 315px; }
  @media only screen and (max-width: 720px) {
    .filter-sub_315 {
      width: 47%;
      height: 44px; } }

.catalog-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( (100% / 3) - 30px), 1fr));
  grid-template-columns: repeat(auto-fill, minmax(calc( (100% / 3) - 30px), 1fr));
  grid-gap: 30px 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 25px; }
  @media screen and (max-width: 1200px) {
    .catalog-list {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 2 - 30px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 2 - 30px), 1fr)); } }
  @media screen and (max-width: 980px) {
    .catalog-list {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 2 - 30px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 2 - 30px), 1fr)); } }
  @media screen and (max-width: 700px) {
    .catalog-list {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 1 - 30px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 1 - 30px), 1fr)); } }
  .catalog-list img {
    max-width: 100%;
    display: block; }
  @media only screen and (max-width: 720px) {
    .catalog-list {
      grid-gap: 25px; } }

.catalog-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 25px 25px 20px 25px;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  background: #F3F4F8;
  grid-gap: 10px; }

.catalog-item__tags {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }

.catalog-item__tag {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-border-radius: 5px !important;
          border-radius: 5px !important;
  background: #FFF !important;
  text-align: center;
  padding: 5px 10px !important;
  color: #B3B8CD !important;
  font-size: 10px !important;
  font-weight: 700 !important; }

.catalog-item__title {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  font-size: 20px;
  font-weight: 500;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s; }
  .catalog-item__title:hover {
    color: #ED6B06; }

.catalog-item__info {
  font-size: 14px;
  line-height: 171%; }

.catalog-item__photo {
  display: block;
  margin-top: auto; }
  .catalog-item__photo img {
    width: 100%;
    height: 190px;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-border-radius: 15px;
            border-radius: 15px; }

.catalog-item__price {
  font-size: 20px;
  font-weight: 500; }

.catalog-item__order {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.catalog-item__add {
  color: #ED6B06;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.78px;
  text-transform: uppercase;
  position: relative; }
  .catalog-item__add::before {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #ED6B06;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s; }
  .catalog-item__add:hover::before {
    width: 0%; }

.catalog-item__state {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 10px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  color: rgba(85, 88, 101, 0.4); }
  .catalog-item__state::before {
    content: '';
    width: 6px;
    height: 6px;
    display: block;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    border: 1px solid #fff;
    -webkit-border-radius: 50%;
            border-radius: 50%; }

.catalog-item__state_on::before {
  -webkit-box-shadow: 0px 0px 13px #ED6B06;
          box-shadow: 0px 0px 13px #ED6B06;
  background-color: #ED6B06; }

.catalog-item__state_order::before {
  -webkit-box-shadow: 0px 0px 13px #ED9441;
          box-shadow: 0px 0px 13px #ED9441;
  background-color: #ED9441; }

.catalog-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  grid-gap: 20px;
  margin-top: 50px; }
  @media only screen and (max-width: 1200px) {
    .catalog-wrap {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; } }
  @media only screen and (max-width: 720px) {
    .catalog-wrap {
      margin-top: 40px; } }

.catalog-wrap__info h2 {
  font-size: 36px;
  font-weight: 600; }

.catalog-wrap__info p {
  font-size: 24px; }

@media only screen and (max-width: 720px) {
  .catalog-wrap__info h2 {
    font-size: 24px; }
  .catalog-wrap__info p {
    font-size: 16px;
    margin-top: 10px; } }

.catalog-wrap__btn {
  max-width: 100%;
  width: 380px;
  height: 80px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 10px;
  -webkit-border-radius: 10px;
          border-radius: 10px;
  background: #ED6B06;
  font: 700 15px "Manrope", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.9px;
  text-align: center;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  position: relative;
  position: relative;
  overflow: hidden; }
  .catalog-wrap__btn input {
    display: none; }
  .catalog-wrap__btn img {
    position: relative;
    z-index: 2; }
  .catalog-wrap__btn::-moz-selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .catalog-wrap__btn::selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .catalog-wrap__btn *::-moz-selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .catalog-wrap__btn *::selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .catalog-wrap__btn span, .catalog-wrap__btn i {
    position: relative;
    z-index: 2; }
  .catalog-wrap__btn::after {
    content: '';
    width: 0%;
    height: 100%;
    background-color: #ED9441;
    -webkit-border-radius: inherit;
            border-radius: inherit;
    position: absolute;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    -webkit-transform-origin: left;
        -ms-transform-origin: left;
            transform-origin: left;
    bottom: 0;
    right: 0;
    left: auto; }
  .catalog-wrap__btn:hover::after {
    width: 100%;
    left: 0;
    right: auto; }
  @media only screen and (max-width: 720px) {
    .catalog-wrap__btn {
      padding: 0 20px;
      font-size: 12px;
      -webkit-border-radius: 20px;
              border-radius: 20px;
      letter-spacing: 0.72px; }
      .catalog-wrap__btn img {
        width: 8px; } }
  @media only screen and (max-width: 720px) {
    .catalog-wrap__btn {
      height: 70px; } }

.filter-code {
  padding: 10px;
  padding-left: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 20px;
  background-color: #F3F4F8;
  -webkit-border-radius: 10px;
          border-radius: 10px; }
  .filter-code p {
    color: #B3B8CD;
    font-size: 16px; }
  .filter-code input {
    width: 195px;
    height: 40px;
    padding: 0 15px;
    -webkit-border-radius: 10px;
            border-radius: 10px;
    background: #FFF;
    border: 1px solid #fff;
    color: #B3B8CD;
    text-align: center;
    font-size: 16px; }
    .filter-code input::-webkit-input-placeholder {
      color: #B3B8CD; }
    .filter-code input::-moz-placeholder {
      color: #B3B8CD; }
    .filter-code input:-ms-input-placeholder {
      color: #B3B8CD; }
    .filter-code input::-ms-input-placeholder {
      color: #B3B8CD; }
    .filter-code input::placeholder {
      color: #B3B8CD; }
  @media only screen and (max-width: 720px) {
    .filter-code {
      width: 100%;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .filter-code p {
        font-size: 12px; }
      .filter-code input {
        height: 30px; } }

.filter-tabs_big .filter-tab {
  padding: 10px 30px; }

.single {
  margin-top: -150px; }

.single-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  grid-gap: 40px;
  padding-left: 50px;
  position: relative; }
  @media only screen and (max-width: 1200px) {
    .single-wrap {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; } }
  @media only screen and (max-width: 720px) {
    .single-wrap {
      padding: 0 15px;
      grid-gap: 25px; } }

.single-gallery {
  width: 440px; }
  @media only screen and (max-width: 720px) {
    .single-gallery {
      width: 100%; } }

.single-main-photo {
  width: 100%;
  display: block; }
  .single-main-photo img {
    width: 100%;
    height: 310px;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-border-radius: 15px;
            border-radius: 15px; }
  @media only screen and (max-width: 720px) {
    .single-main-photo img {
      height: 230px; } }

.single-gallery__list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( (100% / 3) - 10px), 1fr));
  grid-template-columns: repeat(auto-fill, minmax(calc( (100% / 3) - 10px), 1fr));
  grid-gap: 10px 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 25px; }
  @media screen and (max-width: 1200px) {
    .single-gallery__list {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 3 - 10px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 3 - 10px), 1fr)); } }
  @media screen and (max-width: 980px) {
    .single-gallery__list {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 3 - 10px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 3 - 10px), 1fr)); } }
  @media screen and (max-width: 700px) {
    .single-gallery__list {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 3 - 10px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 3 - 10px), 1fr)); } }
  .single-gallery__list img {
    max-width: 100%;
    display: block; }
  @media only screen and (max-width: 720px) {
    .single-gallery__list {
      grid-gap: 6px;
      margin-top: 13px; } }

.single-gallery__item {
  display: block; }
  .single-gallery__item img {
    width: 100%;
    height: 90px;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-border-radius: 15px;
            border-radius: 15px; }
  @media only screen and (max-width: 720px) {
    .single-gallery__item img {
      height: 57px; } }

.single-content {
  width: 675px;
  margin-left: auto; }
  @media only screen and (max-width: 1200px) {
    .single-content {
      width: 100%; } }

.single-art {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 40px; }
  .single-art p {
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    opacity: 0.4; }
  .single-art b {
    padding: 5px 10px;
    color: #B3B8CD;
    font-size: 10px;
    display: block;
    -webkit-border-radius: 5px;
            border-radius: 5px;
    background: #FFF; }
  @media only screen and (max-width: 720px) {
    .single-art {
      grid-gap: 15px;
      margin-top: 15px; }
      .single-art p {
        font-size: 10px; } }

.single-title {
  font-size: 40px;
  font-weight: 600;
  line-height: 125%; }
  @media only screen and (max-width: 720px) {
    .single-title {
      font-size: 24px;
      margin-top: 10px; } }

.single-list {
  margin-top: 45px; }
  @media only screen and (max-width: 720px) {
    .single-list {
      margin-top: 0; } }

.single-item {
  margin-bottom: 35px; }
  .single-item:last-child {
    margin-bottom: 0; }
  @media only screen and (max-width: 720px) {
    .single-item {
      margin-bottom: 25px; } }

.single-item__title {
  display: block;
  font-size: 15px;
  text-transform: uppercase;
  margin-bottom: 20px; }

.single-ch {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( (100% / 3) - 30px), 1fr));
  grid-template-columns: repeat(auto-fill, minmax(calc( (100% / 3) - 30px), 1fr));
  grid-gap: 15px 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  @media screen and (max-width: 1200px) {
    .single-ch {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 3 - 30px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 3 - 30px), 1fr)); } }
  @media screen and (max-width: 980px) {
    .single-ch {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 3 - 30px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 3 - 30px), 1fr)); } }
  @media screen and (max-width: 700px) {
    .single-ch {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 2 - 30px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 2 - 30px), 1fr)); } }
  .single-ch img {
    max-width: 100%;
    display: block; }
  @media only screen and (max-width: 720px) {
    .single-ch {
      grid-gap: 20px; } }

.single-ch__item {
  font-size: 13px; }
  .single-ch__item b {
    display: block;
    font-weight: 500;
    line-height: 1.07;
    text-transform: uppercase;
    opacity: 0.4;
    margin-bottom: 10px; }
  @media only screen and (max-width: 720px) {
    .single-ch__item {
      font-size: 11px; }
      .single-ch__item b {
        margin-bottom: 5px; } }

.single-options {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  grid-gap: 20px; }
  @media only screen and (max-width: 720px) {
    .single-options {
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      grid-gap: 10px; } }

.single-options__item {
  padding: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 10px;
  -webkit-border-radius: 10px;
          border-radius: 10px;
  background: #F3F4F8;
  cursor: pointer; }
  .single-options__item p {
    font-size: 13px; }

.single-options__check {
  width: 13px;
  height: 13px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #fff;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0; }
  .single-options__check::before {
    content: '';
    width: 7px;
    height: 7px;
    display: block;
    background-color: #ED9441;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0); }

.single-options__item_active .single-options__check::before {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1); }

.single-dop {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  grid-gap: 20px; }
  @media only screen and (max-width: 720px) {
    .single-dop {
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      grid-gap: 10px; } }

.single-dop__item {
  padding: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 10px;
  -webkit-border-radius: 10px;
          border-radius: 10px;
  background: #F3F4F8;
  cursor: pointer; }
  .single-dop__item p {
    font-size: 13px; }

.single-dop__check {
  width: 13px;
  height: 13px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #fff;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  color: #ED9441;
  font-size: 4px; }
  .single-dop__check i {
    display: block;
    font-weight: bold;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0); }

.single-dop__item_active i {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1); }

.single-order {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  @media only screen and (max-width: 720px) {
    .single-order {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      grid-gap: 15px; } }

.single-order__price {
  font-size: 40px;
  font-weight: 500;
  line-height: 1; }
  @media only screen and (max-width: 720px) {
    .single-order__price {
      font-size: 32px; } }

.single-order__add {
  max-width: 100%;
  width: 220px;
  height: 60px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 10px;
  -webkit-border-radius: 10px;
          border-radius: 10px;
  background: #ED6B06;
  font: 700 15px "Manrope", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.9px;
  text-align: center;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  position: relative;
  position: relative;
  overflow: hidden;
  font-size: 13px;
  letter-spacing: 0.78px; }
  .single-order__add input {
    display: none; }
  .single-order__add img {
    position: relative;
    z-index: 2; }
  .single-order__add::-moz-selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .single-order__add::selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .single-order__add *::-moz-selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .single-order__add *::selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .single-order__add span, .single-order__add i {
    position: relative;
    z-index: 2; }
  .single-order__add::after {
    content: '';
    width: 0%;
    height: 100%;
    background-color: #ED9441;
    -webkit-border-radius: inherit;
            border-radius: inherit;
    position: absolute;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    -webkit-transform-origin: left;
        -ms-transform-origin: left;
            transform-origin: left;
    bottom: 0;
    right: 0;
    left: auto; }
  .single-order__add:hover::after {
    width: 100%;
    left: 0;
    right: auto; }
  @media only screen and (max-width: 720px) {
    .single-order__add {
      padding: 0 20px;
      font-size: 12px;
      -webkit-border-radius: 20px;
              border-radius: 20px;
      letter-spacing: 0.72px; }
      .single-order__add img {
        width: 8px; } }
  @media only screen and (max-width: 720px) {
    .single-order__add {
      width: 280px; } }

.description {
  margin-top: 30px; }
  @media only screen and (max-width: 720px) {
    .description {
      margin-top: 60px; } }

.description-wrap {
  margin-bottom: 30px; }
  .description-wrap:last-child {
    margin-bottom: 0; }

.description-wrap__title {
  display: block;
  font-size: 15px;
  text-transform: uppercase;
  color: #ED6B06;
  margin-bottom: 30px; }
  @media only screen and (max-width: 720px) {
    .description-wrap__title {
      margin-bottom: 20px; } }

.description-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( (100% / 3) - 30px), 1fr));
  grid-template-columns: repeat(auto-fill, minmax(calc( (100% / 3) - 30px), 1fr));
  grid-gap: 10px 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  @media screen and (max-width: 1200px) {
    .description-list {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 2 - 30px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 2 - 30px), 1fr)); } }
  @media screen and (max-width: 980px) {
    .description-list {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 2 - 30px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 2 - 30px), 1fr)); } }
  @media screen and (max-width: 700px) {
    .description-list {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 1 - 30px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 1 - 30px), 1fr)); } }
  .description-list img {
    max-width: 100%;
    display: block; }

.description-item {
  padding-bottom: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #B2B7CB;
  font-size: 13px;
  line-height: 18px;
  grid-gap: 20px; }
  .description-item b {
    display: block;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    font-weight: 600;
    text-align: right; }
  @media only screen and (max-width: 1200px) {
    .description-item {
      font-size: 10px;
      line-height: 14px; } }

.service-wrap {
  padding: 20px 50px 45px;
  background: url("../images/bg/banner-bg-4.jpg") center no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
  -webkit-border-radius: 30px;
          border-radius: 30px;
  position: relative; }
  @media only screen and (max-width: 1200px) {
    .service-wrap {
      padding-bottom: 270px; } }
  @media only screen and (max-width: 720px) {
    .service-wrap {
      padding: 15px 15px 0;
      background: url("../images/bg/banner-bg-4-mob.jpg") center no-repeat;
      -webkit-border-radius: 20px 20px 0 0;
              border-radius: 20px 20px 0 0;
      -webkit-background-size: cover;
              background-size: cover; }
      .service-wrap .greenline-photo {
        right: -220px;
        top: 240px; } }

.service-title {
  max-width: 670px;
  margin-top: 45px; }
  .service-title h1 {
    font-size: 48px;
    font-weight: 600;
    line-height: 125%;
    font-weight: 600; }
  .service-title span {
    color: #ED9441; }
  .service-title p {
    line-height: 177%;
    margin-top: 15px; }
  @media only screen and (max-width: 720px) {
    .service-title {
      margin-top: 8px;
      position: relative;
      z-index: 2; }
      .service-title h1 {
        font-size: 29px; }
      .service-title p {
        max-width: 220px;
        font-size: 15px;
        line-height: 160%; } }

.service-btn {
  max-width: 100%;
  width: 260px;
  height: 80px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 10px;
  -webkit-border-radius: 10px;
          border-radius: 10px;
  background: #ED6B06;
  font: 700 15px "Manrope", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.9px;
  text-align: center;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  position: relative;
  position: relative;
  overflow: hidden;
  grid-gap: 30px;
  font-size: 12px;
  letter-spacing: 0.72px;
  text-align: left;
  margin-top: 40px;
  z-index: 2;
  margin-bottom: 15px; }
  .service-btn input {
    display: none; }
  .service-btn img {
    position: relative;
    z-index: 2; }
  .service-btn::-moz-selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .service-btn::selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .service-btn *::-moz-selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .service-btn *::selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .service-btn span, .service-btn i {
    position: relative;
    z-index: 2; }
  .service-btn::after {
    content: '';
    width: 0%;
    height: 100%;
    background-color: #ED9441;
    -webkit-border-radius: inherit;
            border-radius: inherit;
    position: absolute;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    -webkit-transform-origin: left;
        -ms-transform-origin: left;
            transform-origin: left;
    bottom: 0;
    right: 0;
    left: auto; }
  .service-btn:hover::after {
    width: 100%;
    left: 0;
    right: auto; }
  @media only screen and (max-width: 720px) {
    .service-btn {
      padding: 0 20px;
      font-size: 12px;
      -webkit-border-radius: 20px;
              border-radius: 20px;
      letter-spacing: 0.72px; }
      .service-btn img {
        width: 8px; } }
  @media only screen and (max-width: 720px) {
    .service-btn {
      width: 100%;
      padding-left: 20px;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      margin-top: 15px;
      margin-bottom: 0; } }

.service-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  right: 0;
  bottom: 0; }
  @media only screen and (max-width: 720px) {
    .service-list {
      display: block;
      position: static;
      margin-top: 20px; } }

.service-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 25px 15px;
  -webkit-border-radius: 20px 20px 0px 0px;
          border-radius: 20px 20px 0px 0px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  background: url("../images/bg/service-item-bg.svg") left bottom no-repeat, #ED9441; }
  .service-item b {
    display: block;
    font-size: 13px;
    font-weight: 600;
    line-height: 138%;
    color: #fff;
    margin-bottom: 10px; }
  .service-item p {
    font-size: 12px;
    color: #fff;
    margin-top: auto; }
  .service-item:last-child {
    -webkit-border-radius: 20px 20px 20px 0px;
            border-radius: 20px 20px 20px 0px; }
  @media only screen and (max-width: 720px) {
    .service-item {
      padding: 25px 10px 50px;
      -webkit-border-radius: 20px 20px 0 0;
              border-radius: 20px 20px 0 0;
      margin-top: -30px; }
      .service-item br {
        display: none; }
      .service-item:first-child {
        margin-top: 0; }
      .service-item:last-child {
        -webkit-border-radius: 20px 20px 0 0;
                border-radius: 20px 20px 0 0;
        padding-bottom: 20px; } }

.post-title {
  font-size: 36px;
  font-weight: 600;
  line-height: 1.38;
  margin-top: 20px; }
  @media only screen and (max-width: 720px) {
    .post-title {
      font-size: 24px;
      margin-top: 15px; } }

.post-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 15px;
  margin-top: 30px; }
  @media only screen and (max-width: 720px) {
    .post-btn {
      margin-top: 20px; } }

.post-btn__read {
  width: 220px;
  height: 60px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #ED6B06;
  background: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-border-radius: 10px;
          border-radius: 10px;
  color: #ED6B06;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.78px;
  text-transform: uppercase;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s; }
  .post-btn__read span {
    display: block;
    margin-top: 4px; }
  .post-btn__read:hover {
    background-color: #ED6B06;
    color: #fff; }
  @media only screen and (max-width: 720px) {
    .post-btn__read {
      width: 135px;
      height: 40px;
      font-size: 10px; } }

.post-btn__back {
  max-width: 100%;
  width: 220px;
  height: 60px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 10px;
  -webkit-border-radius: 10px;
          border-radius: 10px;
  background: #ED6B06;
  font: 700 15px "Manrope", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.9px;
  text-align: center;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  position: relative;
  position: relative;
  overflow: hidden;
  font-size: 12px;
  letter-spacing: 0.72px; }
  .post-btn__back input {
    display: none; }
  .post-btn__back img {
    position: relative;
    z-index: 2; }
  .post-btn__back::-moz-selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .post-btn__back::selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .post-btn__back *::-moz-selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .post-btn__back *::selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .post-btn__back span, .post-btn__back i {
    position: relative;
    z-index: 2; }
  .post-btn__back::after {
    content: '';
    width: 0%;
    height: 100%;
    background-color: #ED9441;
    -webkit-border-radius: inherit;
            border-radius: inherit;
    position: absolute;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    -webkit-transform-origin: left;
        -ms-transform-origin: left;
            transform-origin: left;
    bottom: 0;
    right: 0;
    left: auto; }
  .post-btn__back:hover::after {
    width: 100%;
    left: 0;
    right: auto; }
  @media only screen and (max-width: 720px) {
    .post-btn__back {
      padding: 0 20px;
      font-size: 12px;
      -webkit-border-radius: 20px;
              border-radius: 20px;
      letter-spacing: 0.72px; }
      .post-btn__back img {
        width: 8px; } }
  @media only screen and (max-width: 720px) {
    .post-btn__back {
      width: 135px;
      height: 40px;
      font-size: 10px;
      -webkit-border-radius: 10px;
              border-radius: 10px; } }

.post-preview {
  width: 550px;
  position: absolute;
  right: 50px;
  top: 130px; }
  @media only screen and (max-width: 1200px) {
    .post-preview {
      position: relative;
      right: auto;
      top: auto; } }

.post-photo {
  width: 100%;
  height: 340px;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-border-radius: 15px;
          border-radius: 15px;
  display: block; }
  @media only screen and (max-width: 1200px) {
    .post-photo {
      margin-bottom: 30px;
      height: auto; } }

.post-video {
  width: 100%;
  height: 215px;
  display: block;
  position: relative;
  margin-top: 20px; }
  .post-video .greenline-video__preview {
    -webkit-border-radius: 15px;
            border-radius: 15px; }
  @media only screen and (max-width: 1200px) {
    .post-video {
      margin: 0; } }

.post-video__title {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: #FFF;
  font-size: 10px;
  font-weight: 700;
  display: block;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  position: absolute;
  left: 50px;
  top: 19px;
  position: relative; }
  .post-video__title::before {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s; }
  .post-video__title:hover::before {
    width: 0%; }

.post-preview__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  grid-gap: 30px;
  margin-top: 15px; }
  .post-preview__item p {
    width: 215px;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    font-size: 20px;
    line-height: 180%; }

.post {
  margin-top: 35px; }
  @media only screen and (max-width: 720px) {
    .post {
      margin-top: 25px; } }

.post-content h2 {
  font-size: 24px;
  font-weight: 500;
  margin: 30px 0; }
  .post-content h2 b {
    font-weight: 700; }

.post-content h3 {
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  opacity: 0.5;
  margin: 30px 0; }

.post-content p {
  font-size: 14px;
  line-height: 19px;
  margin: 15px 0; }

.post-content ul {
  font-size: 14px;
  line-height: 19px;
  margin: 15px 0; }
  .post-content ul ul {
    padding-left: 30px; }

.post-content *:first-child {
  margin-top: 0; }

.post-content *:last-child {
  margin-bottom: 0; }

@media only screen and (max-width: 720px) {
  .post-content h2 {
    font-size: 20px;
    margin: 30px 0; }
  .post-content h3 {
    margin: 20px 0; }
  .post-content p, .post-content ul {
    font-size: 13px;
    line-height: 20px;
    margin: 15px 0; } }

.post-content__50 {
  max-width: 525px;
  margin-bottom: 50px; }
  .post-content__50:last-child {
    margin-bottom: 0; }
  @media only screen and (max-width: 1200px) {
    .post-content__50 {
      max-width: 100%;
      margin-bottom: 30px; } }
  @media only screen and (max-width: 720px) {
    .post-content__50 {
      margin-bottom: 20px; } }

.post-content__btn {
  max-width: 100%;
  width: 380px;
  height: 80px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 10px;
  -webkit-border-radius: 10px;
          border-radius: 10px;
  background: #ED6B06;
  font: 700 15px "Manrope", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.9px;
  text-align: center;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  position: relative;
  position: relative;
  overflow: hidden;
  margin: 70px auto 0; }
  .post-content__btn input {
    display: none; }
  .post-content__btn img {
    position: relative;
    z-index: 2; }
  .post-content__btn::-moz-selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .post-content__btn::selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .post-content__btn *::-moz-selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .post-content__btn *::selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .post-content__btn span, .post-content__btn i {
    position: relative;
    z-index: 2; }
  .post-content__btn::after {
    content: '';
    width: 0%;
    height: 100%;
    background-color: #ED9441;
    -webkit-border-radius: inherit;
            border-radius: inherit;
    position: absolute;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    -webkit-transform-origin: left;
        -ms-transform-origin: left;
            transform-origin: left;
    bottom: 0;
    right: 0;
    left: auto; }
  .post-content__btn:hover::after {
    width: 100%;
    left: 0;
    right: auto; }
  @media only screen and (max-width: 720px) {
    .post-content__btn {
      padding: 0 20px;
      font-size: 12px;
      -webkit-border-radius: 20px;
              border-radius: 20px;
      letter-spacing: 0.72px; }
      .post-content__btn img {
        width: 8px; } }
  @media only screen and (max-width: 720px) {
    .post-content__btn {
      height: 70px;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      margin-top: 25px; } }

.container-wrap {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( (100% / 2) - 40px), 1fr));
  grid-template-columns: repeat(auto-fill, minmax(calc( (100% / 2) - 40px), 1fr));
  grid-gap: 20px 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 25px; }
  @media screen and (max-width: 1200px) {
    .container-wrap {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 1 - 40px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 1 - 40px), 1fr)); } }
  @media screen and (max-width: 980px) {
    .container-wrap {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 1 - 40px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 1 - 40px), 1fr)); } }
  @media screen and (max-width: 700px) {
    .container-wrap {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 1 - 40px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 1 - 40px), 1fr)); } }
  .container-wrap img {
    max-width: 100%;
    display: block; }
  .container-wrap .post-title {
    margin-top: 0; }

.container-photo {
  width: 100%;
  height: 290px;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-border-radius: 15px;
          border-radius: 15px; }
  @media only screen and (max-width: 1200px) {
    .container-photo {
      height: auto; } }

.post-content__double {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( (100% / 2) - 50px), 1fr));
  grid-template-columns: repeat(auto-fill, minmax(calc( (100% / 2) - 50px), 1fr));
  grid-gap: 20px 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  @media screen and (max-width: 1200px) {
    .post-content__double {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 2 - 50px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 2 - 50px), 1fr)); } }
  @media screen and (max-width: 980px) {
    .post-content__double {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 2 - 50px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 2 - 50px), 1fr)); } }
  @media screen and (max-width: 700px) {
    .post-content__double {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 1 - 50px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 1 - 50px), 1fr)); } }
  .post-content__double img {
    max-width: 100%;
    display: block; }
  .post-content__double img {
    width: 100%;
    display: block;
    -webkit-border-radius: 15px;
            border-radius: 15px;
    height: auto; }

.policy-title {
  font-size: 40px;
  text-align: center; }
  .policy-title h1 {
    line-height: 1.3; }
  .policy-title span {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: block;
    color: #ED6B06;
    margin: 0 auto; }
  @media only screen and (max-width: 720px) {
    .policy-title {
      font-size: 28px; } }

.policy-list {
  margin-top: 40px; }

.policy-item {
  margin-bottom: 40px; }
  .policy-item h3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    font-weight: bold;
    margin-bottom: 15px;
    color: #414141; }
  .policy-item p {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 22px; }
  .policy-item a {
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s; }
    .policy-item a:hover {
      color: #ED6B06; }

.policy-btn {
  max-width: 100%;
  width: 300px;
  height: 80px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 10px;
  -webkit-border-radius: 10px;
          border-radius: 10px;
  background: #ED6B06;
  font: 700 15px "Manrope", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.9px;
  text-align: center;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  position: relative;
  position: relative;
  overflow: hidden;
  margin: 0 auto; }
  .policy-btn input {
    display: none; }
  .policy-btn img {
    position: relative;
    z-index: 2; }
  .policy-btn::-moz-selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .policy-btn::selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .policy-btn *::-moz-selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .policy-btn *::selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .policy-btn span, .policy-btn i {
    position: relative;
    z-index: 2; }
  .policy-btn::after {
    content: '';
    width: 0%;
    height: 100%;
    background-color: #ED9441;
    -webkit-border-radius: inherit;
            border-radius: inherit;
    position: absolute;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    -webkit-transform-origin: left;
        -ms-transform-origin: left;
            transform-origin: left;
    bottom: 0;
    right: 0;
    left: auto; }
  .policy-btn:hover::after {
    width: 100%;
    left: 0;
    right: auto; }
  @media only screen and (max-width: 720px) {
    .policy-btn {
      padding: 0 20px;
      font-size: 12px;
      -webkit-border-radius: 20px;
              border-radius: 20px;
      letter-spacing: 0.72px; }
      .policy-btn img {
        width: 8px; } }

.popup-frame {
  width: 100%;
  height: 100%;
  padding: 20px;
  display: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: fixed;
  background: rgba(0, 0, 0, 0.8);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
  left: 0;
  top: 0;
  z-index: 80; }

.js-popup {
  cursor: pointer; }

.popup-default {
  display: block;
  width: 550px;
  padding: 75px;
  background-color: #fff;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
  position: relative;
  margin: auto; }
  @media only screen and (max-width: 720px) {
    .popup-default {
      padding: 50px 20px; } }

.popup-default-title {
  margin-bottom: 30px; }
  .popup-default-title h3 {
    font-size: 34px;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
    color: #272727; }
  .popup-default-title p {
    max-width: 75%;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    font-weight: 400;
    margin: 15px auto 0;
    color: #999; }
  @media only screen and (max-width: 720px) {
    .popup-default-title h3 {
      font-size: 24px; } }

.popup-default-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 25px;
  position: relative; }
  .popup-default-item p {
    font-weight: 400;
    position: absolute;
    font-size: 16px;
    bottom: 13px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    cursor: pointer; }
  .popup-default-item input {
    width: 100%;
    height: 50px;
    border: none;
    font-size: 16px;
    border-bottom: 1px solid #DEDEDE;
    background-color: transparent;
    text-align: center;
    cursor: pointer;
    -webkit-box-shadow: inset 0 0 0 50px #fff !important;
    /* Background color */ }

.active-default-input p {
  bottom: 48px;
  font-size: 12px; }

.popup-default-sub {
  max-width: 100%;
  width: 100%;
  height: 60px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 10px;
  -webkit-border-radius: 10px;
          border-radius: 10px;
  background: #ED6B06;
  font: 700 15px "Manrope", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.9px;
  text-align: center;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  position: relative;
  position: relative;
  overflow: hidden;
  margin-top: 40px; }
  .popup-default-sub input {
    display: none; }
  .popup-default-sub img {
    position: relative;
    z-index: 2; }
  .popup-default-sub::-moz-selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .popup-default-sub::selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .popup-default-sub *::-moz-selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .popup-default-sub *::selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .popup-default-sub span, .popup-default-sub i {
    position: relative;
    z-index: 2; }
  .popup-default-sub::after {
    content: '';
    width: 0%;
    height: 100%;
    background-color: #ED9441;
    -webkit-border-radius: inherit;
            border-radius: inherit;
    position: absolute;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    -webkit-transform-origin: left;
        -ms-transform-origin: left;
            transform-origin: left;
    bottom: 0;
    right: 0;
    left: auto; }
  .popup-default-sub:hover::after {
    width: 100%;
    left: 0;
    right: auto; }
  @media only screen and (max-width: 720px) {
    .popup-default-sub {
      padding: 0 20px;
      font-size: 12px;
      -webkit-border-radius: 20px;
              border-radius: 20px;
      letter-spacing: 0.72px; }
      .popup-default-sub img {
        width: 8px; } }
  @media only screen and (max-width: 720px) {
    .popup-default-sub {
      margin-top: 20px; } }

.popup-default-close {
  width: 15px;
  height: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer; }
  .popup-default-close::before, .popup-default-close::after {
    content: '';
    width: 20px;
    height: 1px;
    background-color: #999;
    position: absolute;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s; }
  .popup-default-close::before {
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg); }
  .popup-default-close::after {
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg); }
  .popup-default-close:hover::before, .popup-default-close:hover::after {
    background-color: #ED6B06; }

.popup {
  display: none;
  margin: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative; }

.popup-close {
  cursor: pointer;
  font-size: 16px;
  position: absolute;
  right: 20px;
  top: 20px;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s; }
  .popup-close:hover {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg); }

.cart {
  width: 450px;
  padding: 25px;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  background: #F3F4F8; }
  @media only screen and (max-width: 720px) {
    .cart {
      width: 300px; } }

.cart-title {
  font-size: 32px;
  line-height: 125%;
  margin-bottom: 30px; }
  @media only screen and (max-width: 720px) {
    .cart-title {
      font-size: 24px;
      margin-bottom: 20px; } }

.cart-item {
  padding-bottom: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  grid-gap: 30px;
  border-bottom: 1px solid #B2B7CB;
  margin-bottom: 30px; }
  .cart-item:last-child {
    margin-bottom: 0; }
  @media only screen and (max-width: 720px) {
    .cart-item {
      padding-bottom: 20px;
      margin-bottom: 20px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      grid-gap: 20px; } }

.cart-item__photo {
  width: 145px;
  height: 145px;
  display: block;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0; }
  .cart-item__photo img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-border-radius: 15px;
            border-radius: 15px; }
  @media only screen and (max-width: 720px) {
    .cart-item__photo {
      width: 100%; } }

.cart-item__content {
  width: 100%; }

.cart-item__title {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 10px;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s; }
  .cart-item__title:last-child {
    margin-bottom: 0; }
  .cart-item__title:hover {
    color: #ED6B06; }

.cart__item-info {
  font-size: 14px;
  line-height: 170%;
  margin-bottom: 10px; }

.cart-option {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  grid-gap: 20px; }

.cart-option__title {
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
  opacity: 0.4;
  margin-bottom: 3px; }

.cart-option__price {
  font-size: 20px;
  font-weight: 500; }
  @media only screen and (max-width: 720px) {
    .cart-option__price {
      font-size: 16px; } }

.cart-quantity {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 10px; }

.cart-quantity__input {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 0 5px;
  -webkit-border-radius: 10px;
          border-radius: 10px;
  border: 1px solid #fff;
  font-size: 16px;
  background: #FFF; }

.cart-quantity__btn {
  width: 14px;
  height: 14px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .cart-quantity__btn svg {
    display: block; }
  .cart-quantity__btn path {
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s; }
  .cart-quantity__btn:hover path {
    stroke: #ED6B06; }

.cart-summ {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 30px; }
  .cart-summ p {
    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase;
    opacity: 0.4; }
  .cart-summ b {
    display: block;
    font-size: 20px;
    font-weight: 500; }
  @media only screen and (max-width: 720px) {
    .cart-summ {
      margin-top: 20px; }
      .cart-summ b {
        font-size: 16px; } }

.cart-btn {
  max-width: 100%;
  width: 100%;
  height: 80px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 10px;
  -webkit-border-radius: 10px;
          border-radius: 10px;
  background: #ED6B06;
  font: 700 15px "Manrope", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.9px;
  text-align: center;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  position: relative;
  position: relative;
  overflow: hidden;
  margin-top: 30px;
  -webkit-border-radius: 20px;
          border-radius: 20px; }
  .cart-btn input {
    display: none; }
  .cart-btn img {
    position: relative;
    z-index: 2; }
  .cart-btn::-moz-selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .cart-btn::selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .cart-btn *::-moz-selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .cart-btn *::selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .cart-btn span, .cart-btn i {
    position: relative;
    z-index: 2; }
  .cart-btn::after {
    content: '';
    width: 0%;
    height: 100%;
    background-color: #ED9441;
    -webkit-border-radius: inherit;
            border-radius: inherit;
    position: absolute;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    -webkit-transform-origin: left;
        -ms-transform-origin: left;
            transform-origin: left;
    bottom: 0;
    right: 0;
    left: auto; }
  .cart-btn:hover::after {
    width: 100%;
    left: 0;
    right: auto; }
  @media only screen and (max-width: 720px) {
    .cart-btn {
      padding: 0 20px;
      font-size: 12px;
      -webkit-border-radius: 20px;
              border-radius: 20px;
      letter-spacing: 0.72px; }
      .cart-btn img {
        width: 8px; } }
  @media only screen and (max-width: 720px) {
    .cart-btn {
      margin-top: 20px; } }

.order {
  width: 850px;
  padding: 25px;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  background: url("../images/bg/popup-order-bg.jpg") center no-repeat;
  -webkit-background-size: cover;
          background-size: cover; }
  @media only screen and (max-width: 1200px) {
    .order {
      width: 500px;
      background: #F3F4F8; } }
  @media only screen and (max-width: 720px) {
    .order {
      width: 300px; } }

.order-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  grid-gap: 30px; }
  @media only screen and (max-width: 1200px) {
    .order-wrap {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: column-reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse; } }

.order-content {
  width: 360px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0; }
  @media only screen and (max-width: 1200px) {
    .order-content {
      width: 100%; } }

.order-input {
  width: 100%;
  height: 70px;
  padding: 0 20px;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  background: #FFF;
  border: 1px solid #fff;
  text-align: center;
  color: #B2B7CB;
  font-size: 20px;
  margin-bottom: 15px; }
  .order-input::-webkit-input-placeholder {
    color: #B2B7CB; }
  .order-input::-moz-placeholder {
    color: #B2B7CB; }
  .order-input:-ms-input-placeholder {
    color: #B2B7CB; }
  .order-input::-ms-input-placeholder {
    color: #B2B7CB; }
  .order-input::placeholder {
    color: #B2B7CB; }
  .order-input:last-child {
    margin-bottom: 0; }
  @media only screen and (max-width: 1200px) {
    .order-input {
      font-size: 16px; } }

.order-label {
  display: block;
  margin-bottom: 15px; }
  .order-label span {
    display: block;
    font-size: 14px;
    margin-bottom: 8px; }
  .order-label:last-child {
    margin-bottom: 0; }

.order-sub {
  max-width: 100%;
  width: 100%;
  height: 80px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 10px;
  -webkit-border-radius: 10px;
          border-radius: 10px;
  background: #ED6B06;
  font: 700 15px "Manrope", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.9px;
  text-align: center;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  position: relative;
  position: relative;
  overflow: hidden;
  -webkit-border-radius: 20px;
          border-radius: 20px; }
  .order-sub input {
    display: none; }
  .order-sub img {
    position: relative;
    z-index: 2; }
  .order-sub::-moz-selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .order-sub::selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .order-sub *::-moz-selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .order-sub *::selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .order-sub span, .order-sub i {
    position: relative;
    z-index: 2; }
  .order-sub::after {
    content: '';
    width: 0%;
    height: 100%;
    background-color: #ED9441;
    -webkit-border-radius: inherit;
            border-radius: inherit;
    position: absolute;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    -webkit-transform-origin: left;
        -ms-transform-origin: left;
            transform-origin: left;
    bottom: 0;
    right: 0;
    left: auto; }
  .order-sub:hover::after {
    width: 100%;
    left: 0;
    right: auto; }
  @media only screen and (max-width: 720px) {
    .order-sub {
      padding: 0 20px;
      font-size: 12px;
      -webkit-border-radius: 20px;
              border-radius: 20px;
      letter-spacing: 0.72px; }
      .order-sub img {
        width: 8px; } }

.order-copy {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  font-size: 10px;
  font-weight: 500;
  opacity: 0.4;
  margin: 15px auto 0;
  position: relative; }
  .order-copy::before {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #555865;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s; }
  .order-copy:hover::before {
    width: 0%; }

.popup-stock {
  width: 580px;
  padding: 25px;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  background: #F3F4F8; }
  @media only screen and (max-width: 720px) {
    .popup-stock {
      width: 300px;
      -webkit-border-radius: 15px;
              border-radius: 15px; } }

.popup-stock__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  grid-gap: 30px; }
  @media only screen and (max-width: 1200px) {
    .popup-stock__wrap {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      grid-gap: 20px; } }

.popup-stock__photo {
  width: 250px;
  height: 300px;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-border-radius: 15px;
          border-radius: 15px; }
  @media only screen and (max-width: 1200px) {
    .popup-stock__photo {
      width: 100%;
      height: auto; } }

.popup-stock__content {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  grid-gap: 10px; }

.popup-stock__art {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  grid-gap: 20px; }
  .popup-stock__art p {
    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase;
    opacity: 0.4; }
  .popup-stock__art b {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: block;
    padding: 5px 10px;
    color: #B3B8CD;
    font-size: 10px;
    -webkit-border-radius: 5px;
            border-radius: 5px;
    background: #FFF; }

.popup-stock__item-title {
  display: block;
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 2px;
  opacity: 0.4; }

.popup-stock__title {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  font-size: 20px;
  font-weight: 500;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s; }
  .popup-stock__title:hover {
    color: #ED6B06; }

.popup-stock__info {
  font-size: 14px;
  line-height: 170%; }

.popup-stock__availability {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase; }

.popup-stock__availability_on {
  color: #ED6B06; }

.popup-stock__availability_off {
  color: red; }

.popup-stock__add {
  max-width: 100%;
  width: 180px;
  height: 35px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 10px;
  -webkit-border-radius: 10px;
          border-radius: 10px;
  background: #ED6B06;
  font: 700 15px "Manrope", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.9px;
  text-align: center;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  position: relative;
  position: relative;
  overflow: hidden;
  font-size: 9px;
  letter-spacing: 0.54px; }
  .popup-stock__add input {
    display: none; }
  .popup-stock__add img {
    position: relative;
    z-index: 2; }
  .popup-stock__add::-moz-selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .popup-stock__add::selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .popup-stock__add *::-moz-selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .popup-stock__add *::selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .popup-stock__add span, .popup-stock__add i {
    position: relative;
    z-index: 2; }
  .popup-stock__add::after {
    content: '';
    width: 0%;
    height: 100%;
    background-color: #ED9441;
    -webkit-border-radius: inherit;
            border-radius: inherit;
    position: absolute;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    -webkit-transform-origin: left;
        -ms-transform-origin: left;
            transform-origin: left;
    bottom: 0;
    right: 0;
    left: auto; }
  .popup-stock__add:hover::after {
    width: 100%;
    left: 0;
    right: auto; }
  @media only screen and (max-width: 720px) {
    .popup-stock__add {
      padding: 0 20px;
      font-size: 12px;
      -webkit-border-radius: 20px;
              border-radius: 20px;
      letter-spacing: 0.72px; }
      .popup-stock__add img {
        width: 8px; } }
  @media only screen and (max-width: 720px) {
    .popup-stock__add {
      width: 100%;
      height: 45px;
      -webkit-border-radius: 10px;
              border-radius: 10px; } }

.popup-back {
  width: 460px;
  padding: 30px;
  -webkit-border-radius: 30px;
          border-radius: 30px;
  background: #EBEEF2; }
  @media only screen and (max-width: 720px) {
    .popup-back {
      width: 320px;
      padding: 30px 20px;
      -webkit-border-radius: 20px;
              border-radius: 20px; } }

.popup-back__title {
  text-align: center;
  margin-bottom: 25px; }
  .popup-back__title b {
    display: block;
    color: #000;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 30px;
    line-height: 1.33;
    margin-bottom: 25px; }
  .popup-back__title p {
    font-size: 16px;
    color: #222; }
  @media only screen and (max-width: 720px) {
    .popup-back__title {
      margin-bottom: 15px; }
      .popup-back__title b {
        font-size: 24px;
        margin-bottom: 15px; }
      .popup-back__title p {
        font-size: 14px; } }

.popup-back__group {
  padding: 0 20px;
  margin-bottom: 25px; }
  @media only screen and (max-width: 720px) {
    .popup-back__group {
      padding: 0;
      margin-bottom: 15px; } }

.popup-back__input {
  width: 100%;
  height: 80px;
  padding: 0 20px;
  -webkit-border-radius: 100px;
          border-radius: 100px;
  background: #fff;
  border: 1px solid #fff;
  text-align: center;
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  color: #A1ABBC;
  font-variant-numeric: lining-nums proportional-nums;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  margin-bottom: 25px; }
  .popup-back__input::-webkit-input-placeholder {
    color: #A1ABBC; }
  .popup-back__input::-moz-placeholder {
    color: #A1ABBC; }
  .popup-back__input:-ms-input-placeholder {
    color: #A1ABBC; }
  .popup-back__input::-ms-input-placeholder {
    color: #A1ABBC; }
  .popup-back__input::placeholder {
    color: #A1ABBC; }
  .popup-back__input:last-child {
    margin-bottom: 0; }
  @media only screen and (max-width: 720px) {
    .popup-back__input {
      height: 70px;
      font-size: 13px;
      margin-bottom: 15px; } }

.popup-back__sub {
  max-width: 100%;
  width: 100%;
  height: 100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 10px;
  -webkit-border-radius: 10px;
          border-radius: 10px;
  background: #ED6B06;
  font: 700 15px "Manrope", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.9px;
  text-align: center;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  position: relative;
  position: relative;
  overflow: hidden;
  -webkit-border-radius: 100px;
          border-radius: 100px; }
  .popup-back__sub input {
    display: none; }
  .popup-back__sub img {
    position: relative;
    z-index: 2; }
  .popup-back__sub::-moz-selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .popup-back__sub::selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .popup-back__sub *::-moz-selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .popup-back__sub *::selection {
    color: inherit;
    /* Text color */
    background: transparent;
    /* Background color */ }
  .popup-back__sub span, .popup-back__sub i {
    position: relative;
    z-index: 2; }
  .popup-back__sub::after {
    content: '';
    width: 0%;
    height: 100%;
    background-color: #ED9441;
    -webkit-border-radius: inherit;
            border-radius: inherit;
    position: absolute;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    -webkit-transform-origin: left;
        -ms-transform-origin: left;
            transform-origin: left;
    bottom: 0;
    right: 0;
    left: auto; }
  .popup-back__sub:hover::after {
    width: 100%;
    left: 0;
    right: auto; }
  @media only screen and (max-width: 720px) {
    .popup-back__sub {
      padding: 0 20px;
      font-size: 12px;
      -webkit-border-radius: 20px;
              border-radius: 20px;
      letter-spacing: 0.72px; }
      .popup-back__sub img {
        width: 8px; } }
  @media only screen and (max-width: 720px) {
    .popup-back__sub {
      height: 70px;
      -webkit-border-radius: 100px;
              border-radius: 100px; } }

.popup-copy {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 8px;
  margin-top: 25px; }
  .popup-copy p {
    color: #A1ABBC;
    font-size: 9px; }
  .popup-copy a {
    color: #ED9441;
    position: relative; }
    .popup-copy a::before {
      content: '';
      width: 100%;
      height: 1px;
      background-color: #ED9441;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      margin: 0 auto;
      -webkit-transition: .4s;
      -o-transition: .4s;
      transition: .4s; }
    .popup-copy a:hover::before {
      width: 0%; }
  @media only screen and (max-width: 720px) {
    .popup-copy {
      margin-top: 15px; }
      .popup-copy p {
        font-size: 6px; } }

.popup-copy__check {
  width: 6px;
  height: 6px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #fff;
  -webkit-border-radius: 1px;
          border-radius: 1px;
  font-size: 2px;
  color: #ED9441;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  position: relative; }
  .popup-copy__check i {
    display: block;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0); }
  .popup-copy__check input {
    display: block !important;
    opacity: 0;
    pointer-events: none;
    position: absolute; }

.popup-copy_active i {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1); }