/*
 * Colors
 */
/*
 * Mixins
 */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

::-webkit-input-placeholder, ::-webkit-input-placeholder {
  color: #000;
  font-size: 16px; }

/* WebKit, Blink, Edge */
::-moz-placeholder, ::-moz-placeholder {
  color: #000;
  font-size: 16px; }

/* Mozilla Firefox 4 to 18 */
::-moz-placeholder, ::-moz-placeholder {
  color: #000;
  font-size: 16px; }

/* Mozilla Firefox 19+ */
::-ms-input-placeholder, :-ms-input-placeholder {
  color: #000;
  font-size: 16px; }

/* Internet Explorer 10-11 */
::-ms-input-placeholder, ::-ms-input-placeholder {
  color: #000;
  font-size: 16px; }

.z-top {
  z-index: 9999; }

.no-side-padding {
  padding-left: 0;
  padding-right: 0; }

.no-padding-left {
  padding-left: 0; }

.no-padding-right {
  padding-right: 0; }

.no-wrap {
  white-space: nowrap; }

@media (max-width: 991px) {
  .mobile-no-padding-left {
    padding-left: 0; }

  .mobile-no-padding-right {
    padding-left: 0; }

  .mobile-no-side-padding {
    padding-left: 0;
    padding-right: 0; }

  .mobile-text-center {
    text-align: center; }

  .mobile-mt-15 {
    margin-top: 15px; } }
.mt0 {
  margin-top: 0; }

@media (max-width: 767px) {
  .no-mobile {
    display: none; } }
@media (min-width: 768px) and (max-width: 991px) {
  .no-mobile {
    display: none; } }

@media (max-width: 991px) {
  .tablet-no-padding-left {
    padding-left: 0; }

  .tablet-no-padding-right {
    padding-left: 0; }

  .tablet-no-side-padding {
    padding-left: 0;
    padding-right: 0; }

  .tablet-text-center {
    text-align: center; } }
@media (max-width: 991px) and (max-width: 991px) {
  .container {
    width: 100%; } }
.helper-div {
  width: 1px; }

.fw-600 {
  font-weight: 600; }

@media (max-width: 767px) {
  .without-bottom-text {
    margin-top: 15vw !important; } }
@media (min-width: 768px) and (max-width: 991px) {
  .without-bottom-text {
    margin-top: 6vw !important; } }

@media (max-width: 767px) {
  .wbt-margin {
    margin-top: 3vw !important; } }
@media (min-width: 768px) and (max-width: 991px) {
  .wbt-margin {
    margin-top: 2vw !important; } }

/* AOS new animation */
[data-aos="opacity-slide-right"].aos-animate {
  opacity: 1;
  transform: initial !important; }

[data-aos="opacity-in"] {
  opacity: 0;
  transition-property: transform, opacity; }
  [data-aos="opacity-in"].aos-animate {
    opacity: 1; }

[data-aos="opacity-slide-up"] {
  opacity: 0;
  transform: translate3d(0, 100%, 0);
  transition-property: transform, opacity; }
  [data-aos="opacity-slide-up"].aos-animate {
    opacity: 1;
    transform: translate3d(0, 0, 0); }

[data-aos="opacity-slide-down"] {
  opacity: 0;
  transform: translate3d(0, -100%, 0);
  transition-property: transform, opacity; }
  [data-aos="opacity-slide-down"].aos-animate {
    opacity: 1;
    transform: translate3d(0, 0, 0); }

[data-aos="opacity-slide-left"] {
  opacity: 0;
  transform: translate3d(100%, 0, 0);
  transition-property: transform, opacity; }
  [data-aos="opacity-slide-left"].aos-animate {
    opacity: 1;
    transform: translate3d(0, 0, 0); }

[data-aos="opacity-slide-left-mobile"] {
  opacity: 0;
  transform: translate3d(100%, 0, 0);
  transition-property: transform, opacity; }
  @media (max-width: 991px) {
    [data-aos="opacity-slide-left-mobile"] {
      transform: translate3d(0, 100%, 0); } }
  [data-aos="opacity-slide-left-mobile"].aos-animate {
    opacity: 1;
    transform: translate3d(0, 0, 0); }

[data-aos="opacity-slide-right"] {
  opacity: 0;
  transform: translate3d(-100%, 0, 0);
  transition-property: transform, opacity; }
  [data-aos="opacity-slide-right"].aos-animate {
    opacity: 1;
    transform: translate3d(0, 0, 0); }

[data-aos="opacity-slide-right-mobile"] {
  opacity: 0;
  transform: translate3d(-100%, 0, 0);
  transition-property: transform, opacity; }
  @media (max-width: 991px) {
    [data-aos="opacity-slide-right-mobile"] {
      transform: translate3d(0, 100%, 0); } }
  [data-aos="opacity-slide-right-mobile"].aos-animate {
    opacity: 1;
    transform: translate3d(0, 0, 0); }

[data-aos="opacity-slide-up"] {
  opacity: 0;
  transform: translate3d(0, 100%, 0);
  transition-property: transform, opacity; }
  [data-aos="opacity-slide-up"].aos-animate {
    opacity: 1;
    transform: translate3d(0, 0, 0); }

[data-aos=open-image] {
  clip-path: inset(0 100% 0 0);
  -webkit-clip-path: inset(0 100% 0 0);
  transition: clip-path 1s;
  -webkit-transition: -webkit-clip-path 1s; }

[data-aos=open-image].aos-animate {
  clip-path: inset(0 0% 0 0);
  -webkit-clip-path: inset(0 0% 0 0); }

[data-aos=open-image-verticaly-from-bottom] {
  clip-path: inset(100% 0 0 0);
  -webkit-clip-path: inset(100% 0 0 0);
  transition: clip-path 1s;
  -webkit-transition: -webkit-clip-path 1s; }

[data-aos=open-image-verticaly-from-bottom].aos-animate {
  clip-path: inset(0% 0 0 0);
  -webkit-clip-path: inset(0% 0 0 0); }

.forgot-link {
  font-size: 16px;
  margin-top: 1.5vw;
  display: block;
  color: #518A70; }
  @media (max-width: 767px) {
    .forgot-link {
      margin-top: 5vw; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .forgot-link {
      margin-top: 5vw; } }

.green-btn {
  color: #fff;
  background: #518A70;
  border: 2px solid transparent;
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  padding: 1vw 4vw;
  border-radius: 50px;
  margin-top: 1.5vw;
  display: inline-block;
  transition: all .2s;
  transition-timing-function: ease-in-out; }
  @media (max-width: 767px) {
    .green-btn {
      padding: 3.5vw 10vw;
      text-align: center; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .green-btn {
      padding: 2.5vw 10vw; } }
  .green-btn:hover {
    color: #518A70;
    background: #fff;
    border: 2px solid #518A70; }

.green2-btn {
  color: #fff;
  background: #518A70;
  border: 2px solid transparent;
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  padding: 1vw 4vw;
  border-radius: 50px;
  margin-top: 1.5vw;
  display: inline-block;
  transition: all .2s;
  transition-timing-function: ease-in-out; }
  @media (max-width: 767px) {
    .green2-btn {
      padding: 3.5vw 10vw; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .green2-btn {
      padding: 3.5vw 10vw; } }
  .green2-btn:hover {
    color: #518A70;
    background: transparent;
    border: 2px solid #518A70; }

.red-btn {
  color: #fff;
  background: #CC0000;
  border: 2px solid transparent;
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  padding: 1vw 4vw;
  border-radius: 50px;
  margin-top: 1.5vw;
  display: inline-block;
  transition: all .2s;
  transition-timing-function: ease-in-out; }
  @media (max-width: 767px) {
    .red-btn {
      padding: 3.5vw 10vw; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .red-btn {
      padding: 3.5vw 10vw; } }
  .red-btn:hover {
    color: #CC0000;
    background: #fff;
    border: 2px solid #CC0000; }

.white-btn {
  color: #518A70;
  background: #fff;
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
  padding: 1vw 4vw;
  border-radius: 50px;
  margin-top: 1.5vw;
  display: inline-block;
  transition: all .2s;
  transition-timing-function: ease-in-out; }
  @media (max-width: 767px) {
    .white-btn {
      padding: 3.5vw 10vw; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .white-btn {
      padding: 3.5vw 10vw; } }

.lgreen-btn {
  color: #518A70;
  background: #EAF2E6;
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  padding: 1vw 4vw;
  border-radius: 50px;
  margin-top: 1.5vw;
  display: inline-block;
  transition: all .2s;
  border: 2px solid #EAF2E6;
  transition-timing-function: ease-in-out; }
  @media (max-width: 767px) {
    .lgreen-btn {
      padding: 3.5vw 10vw; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .lgreen-btn {
      padding: 3.5vw 10vw; } }
  .lgreen-btn:hover {
    color: #fff;
    background: transparent;
    border: 2px solid #EAF2E6; }
  @media (max-width: 767px) {
    .lgreen-btn.mobile-padding {
      padding: 3.5vw 9vw !important; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .lgreen-btn.mobile-padding {
      padding: 2.5vw 9vw !important; } }

.sp-btn {
  color: #518A70;
  background: #fff;
  border: 2px solid #518A70;
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  padding: 1vw 4vw;
  border-radius: 50px;
  margin-top: 1.5vw;
  display: inline-block;
  transition: all .2s;
  transition-timing-function: ease-in-out; }
  @media (max-width: 767px) {
    .sp-btn {
      padding: 3.5vw 10vw; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .sp-btn {
      padding: 1vw 6vw; } }
  .sp-btn:hover {
    color: #fff;
    background: #518A70;
    border: 2px solid #518A70; }

.sp2-btn {
  color: #518A70;
  background: #EAF2E6;
  border: 2px solid #518A70;
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  padding: 1vw 4vw;
  border-radius: 50px;
  margin-top: 1.5vw;
  display: inline-block;
  transition: all .2s;
  transition-timing-function: ease-in-out; }
  @media (max-width: 767px) {
    .sp2-btn {
      padding: 3.5vw 10vw; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .sp2-btn {
      padding: 3.5vw 10vw; } }
  .sp2-btn:hover {
    color: #fff;
    background: #518A70;
    border: 2px solid #518A70; }

.transparent-btn {
  color: #fff;
  background: transparent;
  border: 2px solid #fff;
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  padding: calc(1vw - 2px) 3vw;
  border-radius: 50px;
  margin-top: 1.5vw;
  display: inline-block;
  transition: all .2s;
  transition-timing-function: ease-in-out; }
  @media (max-width: 767px) {
    .transparent-btn {
      padding: 3.5vw 10vw; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .transparent-btn {
      padding: 2.5vw 10vw; } }
  .transparent-btn:hover {
    color: #518A70;
    background: #EAF2E6;
    border: 2px solid #EAF2E6; }

.white-btn {
  color: #518A70;
  background: #fff;
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
  padding: 1vw 4vw;
  border-radius: 50px;
  margin-top: 1.5vw;
  display: inline-block; }
  @media (max-width: 767px) {
    .white-btn {
      padding: 3.5vw 10vw; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .white-btn {
      padding: 3.5vw 10vw; } }

.green_overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(81, 138, 112, 0.9);
  pointer-events: none;
  z-index: 0; }

.only_mobile {
  display: none; }
  @media (max-width: 991px) {
    .only_mobile {
      display: block; } }

.only_desktop {
  display: block; }
  @media (max-width: 991px) {
    .only_desktop {
      display: none; } }

.menu-burger {
  display: none; }
  @media (max-width: 767px) {
    .menu-burger {
      display: block;
      float: right;
      margin-top: 3vw; }
      .menu-burger img {
        width: 10.5vw; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .menu-burger {
      display: block;
      float: right;
      margin-top: 2vw; }
      .menu-burger img {
        width: 7vw; } }

.irobot-link {
  display: none; }
  @media (max-width: 767px) {
    .irobot-link {
      display: inline-block;
      position: relative;
      background: #518A70;
      color: #fff;
      text-decoration: none;
      padding: 4vw 5vw;
      margin-top: 130vw;
      margin-left: -84vw;
      width: calc(50% + 5vw);
      text-align: center; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .irobot-link {
      display: block;
      float: left;
      position: relative;
      background: #518A70;
      color: #fff;
      text-decoration: none;
      padding: 4vw 5vw;
      margin-top: 5vw;
      margin-left: 0;
      width: calc(50% + 5vw);
      text-align: center; } }

.close-menu {
  display: none; }
  @media (max-width: 767px) {
    .close-menu {
      display: block;
      position: absolute;
      right: 8vw;
      top: 6vw; }
      .close-menu img {
        width: 7vw; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .close-menu {
      display: block;
      position: absolute;
      right: 10vw;
      top: 5vw; }
      .close-menu img {
        width: 5vw; } }

input.error, select.error {
  border: 1px solid rgba(255, 0, 0, 0.5) !important; }

.form-error {
  font-size: 14px;
  color: rgba(255, 0, 0, 0.5) !important;
  float: left;
  margin-top: -0.5vw;
  margin-bottom: 0.5vw;
  display: none; }
  @media (max-width: 767px) {
    .form-error {
      margin-top: -2.5vw;
      margin-bottom: 2.5vw; } }
  .form-error.active {
    display: block; }

.blocked {
  pointer-events: none;
  opacity: .5;
  filter: blur(1px); }

.blocked_2 {
  pointer-events: none;
  opacity: .5;
  filter: grayscale(1); }

.blur {
  filter: blur(4px); }

.m_bold {
  font-weight: bold; }

.m_no_underline {
  text-decoration: none; }

.green-link {
  color: #518A70; }

.c_green {
  color: #518A70; }

.user_uniq {
  display: none; }

.hidden {
  display: none !important; }

.centered {
  text-align: center; }

.form-part label {
  float: left;
  color: rgba(0, 0, 0, 0.5);
  font-size: 14px;
  margin-left: 0.7vw;
  margin-bottom: 0.3vw;
  display: block;
  width: 100%;
  text-align: left; }
  .form-part label span {
    color: rgba(255, 0, 0, 0.5); }
.form-part input, .form-part select {
  float: left;
  display: block;
  background-color: #F7F7F7;
  color: #000;
  font-weight: normal;
  width: 100%;
  border: none;
  padding: 1.3vw;
  margin-bottom: 1vw;
  font-size: 16px;
  transition: all .4s;
  border-radius: 5px;
  border: 1px solid transparent; }
  @media (max-width: 767px) {
    .form-part input, .form-part select {
      padding: 4vw;
      margin-bottom: 4vw; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .form-part input, .form-part select {
      padding: 4vw;
      margin-bottom: 4vw; } }
  .form-part input.editable, .form-part input:focus, .form-part select.editable, .form-part select:focus {
    outline: none;
    border: 1px solid #C9C9C9; }
  .form-part input.not-editable, .form-part select.not-editable {
    pointer-events: none !important;
    border: none !important; }
  .form-part input.input-link, .form-part select.input-link {
    border: none !important;
    cursor: pointer; }
.form-part select {
  appearance: none;
  background-image: url(/assets/img/select_ico.svg);
  background-position: 90%;
  background-repeat: no-repeat; }
.form-part .input-lbl {
  position: absolute;
  right: 1vw;
  top: 1.6vw;
  font-size: 14px;
  color: #518A70;
  pointer-events: none; }
  @media (max-width: 767px) {
    .form-part .input-lbl {
      top: 4.25vw;
      right: 4vw; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .form-part .input-lbl {
      top: 4vw;
      right: 4vw; } }

.mobile_switcher {
  display: none;
  float: left;
  background-color: #F7F7F7;
  color: #454545;
  font-weight: normal;
  width: 100%;
  padding: 4vw;
  margin-bottom: 1vw;
  font-size: 16px;
  transition: all .4s;
  border-radius: 5px;
  border: 1px solid transparent;
  appearance: none;
  background-image: url(/assets/img/select_ico.svg);
  background-position: 90%;
  background-repeat: no-repeat; }
  @media (max-width: 991px) {
    .mobile_switcher {
      display: block; } }

.dvcs {
  display: none !important; }

.irobot_chck {
  float: left;
  position: relative;
  width: 24px;
  height: 24px;
  background: #F2F2F2;
  border-radius: 3px;
  cursor: pointer;
  transition: all .3s; }
  .irobot_chck::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(/assets/img/nike.svg);
    background-repeat: no-repeat;
    background-size: 60%;
    background-position: 50% 50%;
    opacity: 0;
    transition: all .2s; }
  .irobot_chck:hover {
    background: #E8E8E8; }
  .irobot_chck.active::after {
    opacity: 1; }

.add_robot_model {
  pointer-events: none;
  background-image: none !important; }

.professional_cleaning {
  display: none; }

.buble_info {
  position: absolute;
  background: url(/assets/img/buble.svg);
  background-size: contain;
  background-repeat: no-repeat;
  padding: 4px 17px 15px 17px;
  top: -25px;
  right: 3.5vw;
  display: none; }
  @media (max-width: 767px) {
    .buble_info {
      top: -27px;
      right: -7.5vw; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .buble_info {
      top: -23px;
      right: -1vw; } }
  @media (min-width: 992px) and (max-width: 1100px) {
    .buble_info {
      top: -28px;
      right: 1.75vw; } }
  @media (min-width: 1101px) and (max-width: 1300px) {
    .buble_info {
      top: -28px;
      right: 2.8vw; } }
  @media (min-width: 1301px) and (max-width: 1500px) {
    .buble_info {
      top: -28px;
      right: 3.1vw; } }
  @media (min-width: 1501px) and (max-width: 1600px) {
    .buble_info {
      top: -28px;
      right: 3.4vw; } }
  @media (min-width: 1601px) and (max-width: 1800px) {
    .buble_info {
      top: -28px;
      right: 3.8vw; } }
  @media (min-width: 1801px) and (max-width: 2000px) {
    .buble_info {
      top: -22px;
      right: 4vw; } }
  @media (min-width: 2001px) {
    .buble_info {
      top: -22px;
      right: 4.5vw; } }
  @media (max-width: 767px) {
    .buble_info#active_voucher_copy_buble {
      top: -15px;
      right: 9.9vw; } }
  @media (max-width: 767px) {
    .buble_info.smaller {
      top: -27px;
      right: 5.5vw; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .buble_info.smaller {
      top: -23px;
      right: 12vw; } }
  @media (max-width: 767px) {
    .buble_info.device {
      top: -27px;
      right: -7vw; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .buble_info.device {
      top: -23px;
      right: 0; } }
  @media (min-width: 992px) and (max-width: 1100px) {
    .buble_info.device {
      top: -28px;
      right: 1.3vw; } }
  @media (min-width: 1101px) and (max-width: 1300px) {
    .buble_info.device {
      top: -28px;
      right: 2.3vw; } }
  @media (min-width: 1301px) and (max-width: 1500px) {
    .buble_info.device {
      top: -28px;
      right: 2.55vw; } }
  @media (min-width: 1501px) and (max-width: 1600px) {
    .buble_info.device {
      top: -28px;
      right: 3vw; } }
  @media (min-width: 1601px) and (max-width: 1800px) {
    .buble_info.device {
      top: -28px;
      right: 3.2vw; } }
  @media (min-width: 1801px) and (max-width: 2000px) {
    .buble_info.device {
      top: -22px;
      right: 3.7vw; } }
  @media (min-width: 2001px) {
    .buble_info.device {
      top: -22px;
      right: 3.9vw; } }
  @media (max-width: 767px) {
    .buble_info.detail {
      top: -12px;
      right: -6vw; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .buble_info.detail {
      top: 4px;
      right: -1.7vw; } }
  @media (min-width: 992px) and (max-width: 1100px) {
    .buble_info.detail {
      top: -12px;
      right: -2vw; } }
  @media (min-width: 1101px) and (max-width: 1300px) {
    .buble_info.detail {
      top: -7px;
      right: -1.3vw; } }
  @media (min-width: 1301px) and (max-width: 1500px) {
    .buble_info.detail {
      top: -4px;
      right: -1.1vw; } }
  @media (min-width: 1501px) and (max-width: 1600px) {
    .buble_info.detail {
      top: 2px;
      right: -0.9vw; } }
  @media (min-width: 1601px) and (max-width: 1800px) {
    .buble_info.detail {
      top: 2px;
      right: -0.7vw; } }
  @media (min-width: 1801px) and (max-width: 2000px) {
    .buble_info.detail {
      top: 2px;
      right: -.3vw; } }
  @media (min-width: 2001px) {
    .buble_info.detail {
      top: 9px;
      right: 0.1vw; } }
  .buble_info p {
    margin: 0 !important;
    font-size: 12px !important;
    top: 0 !important; }

@media (max-width: 767px) {
  .mobile_overlay.voucher {
    position: absolute;
    right: 12vw;
    top: 0;
    width: 23vw;
    height: 13vw;
    background: linear-gradient(90deg, transparent 0%, #F7F7F7 50%); } }
@media (max-width: 767px) {
  .mobile_overlay.invite {
    position: absolute;
    right: 3vw;
    top: 0;
    width: 23vw;
    height: 13vw;
    background: linear-gradient(90deg, transparent 0%, #F7F7F7 50%); } }

@media (min-width: 992px) {
  .first-device {
    margin-top: 0 !important; } }

.not-visible {
  display: none; }

.tipbox {
  background-color: #fff !important;
  border: 1px solid #518A70 !important;
  border-radius: 10px !important;
  color: #333 !important;
  padding: 15px !important; }
  @media (min-width: 992px) {
    .tipbox {
      width: 410px !important; } }
  .tipbox p {
    font-family: Harmonia Sans Pro;
    font-size: 14px; }

.tip {
  color: #fff !important;
  background: #518A70;
  width: 25px;
  height: 25px;
  display: inline-block;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  border-radius: 50%;
  padding-top: 2px;
  position: absolute;
  margin-left: 15px;
  margin-top: -5px; }
  @media (max-width: 991px) {
    .tip {
      display: none; } }

.mobile_tip_message {
  color: rgba(0, 0, 0, 0.5) !important; }
  @media (min-width: 992px) {
    .mobile_tip_message {
      display: none; } }

body {
  font-family: 'Harmonia Sans Pro';
  font-weight: normal;
  font-style: normal;
  margin: 0;
  padding: 0;
  background: #fff;
  overflow-x: hidden; }
  body.modal header, body.modal .admin-navigate, body.modal .sections, body.modal footer {
    filter: blur(4px); }
  @media (min-width: 1500px) and (max-width: 1855px) {
    body.private p, body.private a, body.private span {
      font-size: 15px; } }
  @media (min-width: 1921px) {
    body .fhd_container {
      max-width: 1920px;
      margin: 0 auto;
      position: relative;
      display: flow-root;
      width: 1920px; } }
  body header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    padding: 1.5vw 7% 1vw;
    background: #fff;
    z-index: 11;
    -webkit-box-shadow: 0px 0px 20px 12px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0px 0px 20px 12px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 0px 20px 12px rgba(0, 0, 0, 0.07); }
    @media (max-width: 767px) {
      body header {
        position: fixed;
        padding: 4.5vw 8vw; } }
    @media (min-width: 768px) and (max-width: 991px) {
      body header {
        position: fixed;
        padding: 4vw 8vw; } }
    body header.no-shadow {
      -webkit-box-shadow: 0px 0px 20px 12px transparent;
      -moz-box-shadow: 0px 0px 20px 12px transparent;
      box-shadow: 0px 0px 20px 12px transparent; }
    body header .logo {
      float: left;
      position: relative;
      width: 8%; }
      @media (max-width: 767px) {
        body header .logo {
          z-index: 9;
          width: 40%; } }
      @media (min-width: 768px) and (max-width: 991px) {
        body header .logo {
          z-index: 9;
          width: 40%; } }
      body header .logo img {
        transform: translateY(25%);
        width: 170%; }
        @media (max-width: 767px) {
          body header .logo img {
            transform: translateY(37.5%);
            width: 100%; } }
        @media (min-width: 768px) and (max-width: 991px) {
          body header .logo img {
            width: 50%; } }
        @media (min-width: 992px) and (max-width: 1024px) {
          body header .logo img {
            width: 127%;
            transform: translateX(-20px); } }
        @media (min-width: 1024px) and (max-width: 1439px) {
          body header .logo img {
            transform: translateY(75%); } }
        @media (min-width: 1440px) and (max-width: 1620px) {
          body header .logo img {
            transform: translateY(50%); } }
    @media (max-width: 767px) {
      body header .menu-content {
        background: #fff;
        position: fixed;
        left: 0;
        top: 0;
        height: 100%;
        transform: translateX(100%);
        transition: all .3s; } }
    @media (min-width: 768px) and (max-width: 991px) {
      body header .menu-content {
        background: #fff;
        position: fixed;
        left: 0;
        top: 0;
        height: 100%;
        transform: translateX(100%);
        transition: all .3s; } }
    @media (max-width: 767px) {
      body header .menu-content.open {
        transform: translateX(0); } }
    @media (min-width: 768px) and (max-width: 991px) {
      body header .menu-content.open {
        transform: translateX(0); } }
    body header .scroll-content {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      @media (max-width: 767px) {
        body header .scroll-content {
          display: block;
          float: left;
          position: relative;
          width: 100%;
          margin-top: 20vw;
          height: calc(100vh - 27vw);
          overflow-y: scroll;
          padding: 8vw;
          padding-bottom: 30vw; } }
      @media (min-width: 768px) and (max-width: 991px) {
        body header .scroll-content {
          display: block;
          float: none;
          position: relative;
          width: 80%;
          margin: 15vw auto;
          height: calc(100vh - 27vw);
          overflow-y: scroll;
          padding: 5vw;
          padding-bottom: 30vw; } }
    body header .main-menu {
      float: left;
      position: relative;
      width: auto;
      list-style: none;
      /*  @media (min-width: 1025px) and (max-width: 1280px) {
          width: 70%;
        }
        @media (min-width: 1281px) and (max-width: 1366px) {
          width: auto;
        }
        @media (min-width: 1367px) and (max-width: 1589px) {
          width: auto;
        } */
      /* &.admin {
         @media (min-width: 992px) {
           padding-left: 7.5% !important;
         }
       } */ }
      @media (max-width: 767px) {
        body header .main-menu {
          width: 100%;
          padding-left: 0; } }
      @media (min-width: 768px) and (max-width: 991px) {
        body header .main-menu {
          width: 100%;
          padding-left: 0; } }
      @media (min-width: 992px) and (max-width: 1024px) {
        body header .main-menu {
          width: 70%; } }
      body header .main-menu li {
        float: left;
        position: relative;
        margin-right: 3.7vw; }
        @media (max-width: 767px) {
          body header .main-menu li {
            width: 100%;
            text-align: center;
            margin-bottom: 9vw;
            border-bottom: 1px solid #518A70;
            padding-bottom: 3vw; } }
        @media (min-width: 768px) and (max-width: 991px) {
          body header .main-menu li {
            width: 100%;
            text-align: center;
            margin-bottom: 4vw;
            border-bottom: 1px solid #518A70;
            padding-bottom: 3vw; } }
        @media (min-width: 992px) and (max-width: 1124px) {
          body header .main-menu li {
            margin-right: 2.5vw; } }
        body header .main-menu li:last-child {
          margin-right: 0; }
        @media (max-width: 767px) {
          body header .main-menu li.active {
            border-bottom: 5px solid #518A70; } }
        @media (min-width: 768px) and (max-width: 991px) {
          body header .main-menu li.active {
            border-bottom: 5px solid #518A70; } }
        body header .main-menu li.active a {
          color: #518A70;
          text-decoration: underline; }
          @media (max-width: 767px) {
            body header .main-menu li.active a {
              text-decoration: none; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body header .main-menu li.active a {
              font-size: 20px;
              text-decoration: none; } }
          body header .main-menu li.active a:hover {
            text-decoration: underline; }
            @media (max-width: 767px) {
              body header .main-menu li.active a:hover {
                text-decoration: none; } }
            @media (min-width: 768px) and (max-width: 991px) {
              body header .main-menu li.active a:hover {
                text-decoration: none; } }
          body header .main-menu li.active a::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: -1.9vw;
            width: 100%;
            height: 5px;
            background: #518A70; }
            @media (max-width: 767px) {
              body header .main-menu li.active a::after {
                display: none; } }
            @media (min-width: 768px) and (max-width: 991px) {
              body header .main-menu li.active a::after {
                display: none; } }
            @media (min-width: 992px) and (max-width: 1100px) {
              body header .main-menu li.active a::after {
                bottom: -2.55vw; } }
            @media (min-width: 1100px) and (max-width: 1220px) {
              body header .main-menu li.active a::after {
                bottom: -2.4vw; } }
            @media (min-width: 1220px) and (max-width: 1366px) {
              body header .main-menu li.active a::after {
                bottom: -2.3vw; } }
            @media (min-width: 1366px) and (max-width: 1570px) {
              body header .main-menu li.active a::after {
                bottom: -2.2vw; } }
            @media (min-width: 1570px) and (max-width: 1750px) {
              body header .main-menu li.active a::after {
                bottom: -2vw; } }
            @media (min-width: 1750px) and (max-width: 1920px) {
              body header .main-menu li.active a::after {
                bottom: -1.9vw; } }
            @media (min-width: 1921px) and (max-width: 2200px) {
              body header .main-menu li.active a::after {
                bottom: -2.3vw; } }
            @media (min-width: 2200px) and (max-width: 2400px) {
              body header .main-menu li.active a::after {
                bottom: -2.2vw; } }
            @media (min-width: 2400px) {
              body header .main-menu li.active a::after {
                bottom: -2.14vw; } }
        body header .main-menu li a {
          position: relative;
          color: #000;
          font-size: 18px;
          transition: color .4s;
          text-decoration: none; }
          @media (max-width: 767px) {
            body header .main-menu li a {
              color: rgba(0, 0, 0, 0.5); } }
          @media (min-width: 768px) and (max-width: 991px) {
            body header .main-menu li a {
              color: rgba(0, 0, 0, 0.5); } }
          @media (min-width: 992px) and (max-width: 1024px) {
            body header .main-menu li a {
              font-size: 16px; } }
          body header .main-menu li a:hover {
            text-decoration: none;
            color: #518A70; }
          body header .main-menu li a img {
            width: 16px;
            margin-right: 5px; }
    body header .auth-menu {
      float: left;
      position: relative;
      width: auto;
      margin-top: 0;
      margin-bottom: .1vw;
      list-style: none;
      /*   @media (min-width: 1025px) and (max-width: 1280px) {
           width: 24%;
         }
         @media (min-width: 1281px) and (max-width: 1366px) {
           width: 22%;
         }
         @media (min-width: 1367px) and (max-width: 1589px) {
           width: 22%;
         } */ }
      @media (max-width: 767px) {
        body header .auth-menu {
          width: 99%;
          padding-left: 0; } }
      @media (min-width: 768px) and (max-width: 991px) {
        body header .auth-menu {
          width: 100%; } }
      @media (min-width: 992px) and (max-width: 1024px) {
        body header .auth-menu {
          width: 25%; } }
      body header .auth-menu .header_profile_image.own_photo {
        width: 1.5vw;
        height: 1.5vw;
        position: absolute;
        left: -2vw;
        border-radius: 50%;
        top: -0.1vw; }
        @media (max-width: 767px) {
          body header .auth-menu .header_profile_image.own_photo {
            width: 7.5vw;
            height: 7.5vw;
            left: -2vw;
            top: -1.1vw; } }
        @media (min-width: 768px) and (max-width: 991px) {
          body header .auth-menu .header_profile_image.own_photo {
            width: 7.5vw;
            height: 7.5vw;
            left: -2vw;
            top: -1.1vw; } }
      @media (max-width: 767px) {
        body header .auth-menu span {
          margin-left: 8vw; } }
      @media (min-width: 768px) and (max-width: 991px) {
        body header .auth-menu span {
          margin-left: 8vw; } }
      body header .auth-menu li {
        float: right;
        position: relative;
        margin-right: 1.5vw; }
        @media (max-width: 767px) {
          body header .auth-menu li {
            width: 50%;
            margin-right: 0; } }
        @media (min-width: 768px) and (max-width: 991px) {
          body header .auth-menu li {
            width: 50%;
            margin-right: 0; } }
        body header .auth-menu li:first-child {
          margin-right: 0; }
          @media (max-width: 767px) {
            body header .auth-menu li:first-child {
              text-align: right;
              border-left: 1px solid #518A70; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body header .auth-menu li:first-child {
              text-align: right;
              border-left: 1px solid #518A70; } }
        body header .auth-menu li a {
          font-weight: 500;
          position: relative;
          color: #000;
          font-size: 18px;
          text-decoration: none;
          transition: color .4s; }
          @media (min-width: 992px) and (max-width: 1024px) {
            body header .auth-menu li a {
              font-size: 16px; } }
          body header .auth-menu li a:hover {
            text-decoration: none;
            color: #518A70; }
          body header .auth-menu li a.login-link img, body header .auth-menu li a.name-link img {
            width: 1vw;
            margin-top: -0.3vw;
            margin-right: 0.3vw;
            transform: translateY(0.3vw); }
            @media (max-width: 767px) {
              body header .auth-menu li a.login-link img, body header .auth-menu li a.name-link img {
                width: 3.5vw;
                margin-right: 1.5vw; } }
            @media (min-width: 768px) and (max-width: 991px) {
              body header .auth-menu li a.login-link img, body header .auth-menu li a.name-link img {
                width: 3.5vw;
                margin-right: 1.5vw; } }
          body header .auth-menu li a.register-link, body header .auth-menu li a.logout-link {
            color: #518A70;
            text-decoration: underline; }
          body header .auth-menu li a.name-link {
            pointer-events: none; }
    body header .user_control {
      float: right;
      position: relative;
      width: 207px;
      height: 50px;
      border: 1px solid #518A70;
      border-radius: 5px;
      padding: 9px;
      margin-bottom: 0; }
      @media (max-width: 991px) {
        body header .user_control {
          display: none; } }
      body header .user_control:hover {
        background: #518A70; }
        body header .user_control:hover span {
          color: #fff; }
        body header .user_control:hover .ico {
          transform: rotate(180deg);
          background: url(/assets/img/menu_arr_white.svg);
          background-repeat: no-repeat;
          top: 19px; }
        body header .user_control:hover .submenu {
          opacity: 1;
          height: 110px; }
      body header .user_control .header_profile_image {
        float: left;
        position: relative;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        object-fit: cover;
        margin-right: 15px; }
      body header .user_control span {
        position: relative;
        color: #000;
        font-size: 16px;
        text-decoration: none;
        margin-top: 4px;
        float: left;
        transition: none; }
      body header .user_control .ico {
        position: absolute;
        width: 12px;
        height: 8px;
        background: url(/assets/img/menu_arr.svg);
        background-repeat: no-repeat;
        right: 15px;
        top: 21px; }
      body header .user_control .submenu {
        position: absolute;
        width: 90%;
        background: #fff;
        top: calc(100% + 1px);
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        border-left: 2px solid #518A70;
        border-right: 2px solid #518A70;
        border-bottom: 2px solid #518A70;
        padding: 0 15px;
        height: 0;
        overflow: hidden;
        opacity: 0;
        transition: all .4s; }
        body header .user_control .submenu ul {
          float: left;
          position: relative;
          list-style: none;
          padding: 0; }
          body header .user_control .submenu ul li {
            float: left;
            position: relative;
            margin-bottom: 30px; }
            body header .user_control .submenu ul li:last-child {
              margin-bottom: 0; }
              body header .user_control .submenu ul li:last-child a {
                color: #518A70; }
                body header .user_control .submenu ul li:last-child a::after {
                  display: none; }
            body header .user_control .submenu ul li a {
              position: relative;
              color: #000;
              font-size: 19px;
              text-decoration: none;
              float: left;
              transition: none;
              width: 100%;
              transition: all .3s; }
              body header .user_control .submenu ul li a:hover {
                color: #518A70; }
              body header .user_control .submenu ul li a::after {
                content: '';
                position: absolute;
                left: 0;
                bottom: -15px;
                width: 100%;
                height: 1px;
                background: #518A70; }
              body header .user_control .submenu ul li a img {
                transform: translateY(2px);
                margin-right: 3px; }
  body .admin-navigate {
    float: left;
    position: fixed;
    width: 100%;
    background: #6A768C;
    padding: 0 7.5vw;
    -webkit-box-shadow: 0px 0px 20px 12px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0px 0px 20px 12px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 0px 20px 12px rgba(0, 0, 0, 0.07);
    z-index: 9; }
    @media (max-width: 767px) {
      body .admin-navigate {
        overflow: scroll;
        display: none; } }
    @media (min-width: 768px) and (max-width: 991px) {
      body .admin-navigate {
        overflow: scroll;
        display: none; } }
    body .admin-navigate ul {
      float: left;
      position: relative;
      list-style: none;
      padding: 0; }
      @media (max-width: 767px) {
        body .admin-navigate ul {
          width: 210vw; } }
      @media (min-width: 768px) and (max-width: 991px) {
        body .admin-navigate ul {
          width: 180vw; } }
      body .admin-navigate ul li {
        float: left;
        margin-right: 3vw; }
        body .admin-navigate ul li.active a {
          font-weight: bold; }
          body .admin-navigate ul li.active a::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: -.95vw;
            width: 100%;
            height: 5px;
            background: #fff; }
        body .admin-navigate ul li a {
          position: relative;
          color: #fff;
          font-size: 20px;
          text-decoration: none; }
          body .admin-navigate ul li a img {
            height: 22px;
            margin-right: 0.7vw; }
            @media (max-width: 767px) {
              body .admin-navigate ul li a img {
                height: 17px;
                margin-right: 1vw; } }
            @media (min-width: 768px) and (max-width: 991px) {
              body .admin-navigate ul li a img {
                height: 17px;
                margin-right: 1vw; } }
  body .logged-menu {
    top: 6.5vw;
    left: 0;
    width: 100vw;
    padding: 1vw 7.5vw 1vw;
    background: #518A70;
    z-index: 11;
    -webkit-box-shadow: 0px 0px 20px 12px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0px 0px 20px 12px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 0px 20px 12px rgba(0, 0, 0, 0.07);
    position: fixed; }
    body .logged-menu ul {
      float: left;
      position: relative;
      width: 100%;
      padding-left: 0;
      margin-top: 0;
      margin-bottom: 0;
      list-style: none; }
      body .logged-menu ul li {
        float: left;
        position: relative;
        margin-right: 3.7vw; }
        body .logged-menu ul li.active a::after {
          content: "";
          position: absolute;
          left: 0;
          bottom: -1.1vw;
          width: 100%;
          height: 5px;
          background: #fff; }
        body .logged-menu ul li a {
          position: relative;
          color: #fff;
          font-size: 18px;
          transition: color 0.4s;
          text-decoration: none; }
          @media (min-width: 992px) and (max-width: 1024px) {
            body .logged-menu ul li a {
              font-size: 16px; } }
          body .logged-menu ul li a img {
            width: 1vw;
            margin-right: .5vw;
            transform: translateY(0.1vw); }
  body .modal-overlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(255, 255, 255, 0.4);
    z-index: 100;
    display: none; }
  body .modals .modal {
    display: none;
    position: fixed;
    width: 54vw;
    min-height: 31vw;
    z-index: 15;
    background: #fff;
    left: 23vw;
    top: 7vw;
    border-radius: 8px;
    -webkit-box-shadow: 0px 0px 20px 12px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0px 0px 20px 12px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 0px 20px 12px rgba(0, 0, 0, 0.07);
    padding: 3vw; }
    @media (max-width: 767px) {
      body .modals .modal {
        width: 100vw;
        left: 0;
        top: 0;
        height: 100vh;
        border-radius: 0;
        padding: 8vw 6vw; } }
    @media (min-width: 768px) and (max-width: 991px) {
      body .modals .modal {
        width: 100vw;
        left: 0;
        top: 0;
        height: 100vh;
        border-radius: 0;
        padding: 8vw 6vw; } }
    body .modals .modal[data-type="register_new_device"] {
      text-align: center;
      min-height: 38vw; }
      @media (min-width: 992px) and (max-width: 1024px) {
        body .modals .modal[data-type="register_new_device"] {
          top: 2vw; } }
      @media (min-width: 1025px) and (max-width: 1280px) {
        body .modals .modal[data-type="register_new_device"] {
          top: 2vw; } }
      @media (min-width: 1281px) and (max-width: 1366px) {
        body .modals .modal[data-type="register_new_device"] {
          top: .5vw; } }
      @media (min-width: 1367px) and (max-width: 1440px) {
        body .modals .modal[data-type="register_new_device"] {
          top: 3vw; } }
      @media (min-width: 1520px) and (max-width: 1660px) {
        body .modals .modal[data-type="register_new_device"] {
          top: 3vw; } }
      body .modals .modal[data-type="register_new_device"].error_sn .full_size_error {
        display: block; }
      @media (max-width: 991px) {
        body .modals .modal[data-type="register_new_device"].error_sn .support-link {
          margin-top: 110px !important; } }
      @media (min-width: 992px) {
        body .modals .modal[data-type="register_new_device"].error_sn .support-link {
          margin-top: 100px !important; } }
      body .modals .modal[data-type="register_new_device"] .full_size_error {
        position: absolute;
        left: 0;
        background: #AE72A3;
        top: 370px;
        width: 100%;
        height: 84px;
        z-index: 1;
        display: none; }
        @media (max-width: 767px) {
          body .modals .modal[data-type="register_new_device"] .full_size_error {
            top: 88vw; } }
        @media (min-width: 768px) and (max-width: 991px) {
          body .modals .modal[data-type="register_new_device"] .full_size_error {
            top: 55vw; } }
        @media (min-width: 992px) and (max-width: 1024px) {
          body .modals .modal[data-type="register_new_device"] .full_size_error {
            top: 325px; } }
        @media (min-width: 1025px) and (max-width: 1280px) {
          body .modals .modal[data-type="register_new_device"] .full_size_error {
            top: 310px; } }
        @media (min-width: 1281px) and (max-width: 1366px) {
          body .modals .modal[data-type="register_new_device"] .full_size_error {
            top: 320px; } }
        @media (min-width: 1367px) and (max-width: 1440px) {
          body .modals .modal[data-type="register_new_device"] .full_size_error {
            top: 330px; } }
        @media (min-width: 1520px) and (max-width: 1660px) {
          body .modals .modal[data-type="register_new_device"] .full_size_error {
            top: 340px; } }
        body .modals .modal[data-type="register_new_device"] .full_size_error img {
          position: absolute;
          left: -4vw;
          height: 84px;
          z-index: -1; }
          @media (max-width: 767px) {
            body .modals .modal[data-type="register_new_device"] .full_size_error img {
              left: -24vw; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body .modals .modal[data-type="register_new_device"] .full_size_error img {
              left: -28vw; } }
          @media (min-width: 992px) and (max-width: 1024px) {
            body .modals .modal[data-type="register_new_device"] .full_size_error img {
              left: -32vw; } }
          @media (min-width: 1025px) and (max-width: 1280px) {
            body .modals .modal[data-type="register_new_device"] .full_size_error img {
              left: -21vw; } }
          @media (min-width: 1281px) and (max-width: 1366px) {
            body .modals .modal[data-type="register_new_device"] .full_size_error img {
              left: -18vw; } }
          @media (min-width: 1367px) and (max-width: 1440px) {
            body .modals .modal[data-type="register_new_device"] .full_size_error img {
              left: -15vw; } }
          @media (min-width: 1520px) and (max-width: 1660px) {
            body .modals .modal[data-type="register_new_device"] .full_size_error img {
              left: -14vw; } }
        body .modals .modal[data-type="register_new_device"] .full_size_error p, body .modals .modal[data-type="register_new_device"] .full_size_error a {
          color: #fff;
          font-size: 16px;
          font-weight: bold;
          line-height: 26px; }
      body .modals .modal[data-type="register_new_device"] .data {
        float: left;
        position: relative;
        width: 80%;
        margin-left: 10%;
        overflow-x: hidden; }
        body .modals .modal[data-type="register_new_device"] .data .num_navigate {
          display: grid;
          grid-template-columns: repeat(3, 1fr);
          grid-template-rows: 1fr;
          grid-column-gap: 2vw;
          width: 264px;
          margin-left: calc(50% - 132px);
          margin-bottom: 2vw; }
          @media (max-width: 767px) {
            body .modals .modal[data-type="register_new_device"] .data .num_navigate {
              margin-left: calc(50% - 113px);
              margin-bottom: 7vw; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body .modals .modal[data-type="register_new_device"] .data .num_navigate {
              margin-left: calc(50% - 113px);
              margin-bottom: 7vw; } }
          body .modals .modal[data-type="register_new_device"] .data .num_navigate div {
            text-align: center; }
            body .modals .modal[data-type="register_new_device"] .data .num_navigate div:nth-child(2) a::before {
              content: "";
              width: 30px;
              height: 2px;
              background: #DDDDDD;
              position: absolute;
              left: -129%;
              top: 17px; }
            body .modals .modal[data-type="register_new_device"] .data .num_navigate div:nth-child(2) a::after {
              content: '';
              width: 30px;
              height: 2px;
              background: #DDDDDD;
              position: absolute;
              right: -134%;
              top: 17px; }
            body .modals .modal[data-type="register_new_device"] .data .num_navigate div a {
              position: relative;
              color: #DDDDDD;
              font-size: 28px;
              width: 40px;
              height: 40px;
              line-height: 37px;
              background: transparent;
              border-radius: 50%;
              display: block;
              text-decoration: none;
              border: 2px solid #DDDDDD;
              pointer-events: none; }
              body .modals .modal[data-type="register_new_device"] .data .num_navigate div a.active {
                color: #fff;
                background: #6CB86A;
                border: 2px solid #6CB86A;
                pointer-events: auto; }
        body .modals .modal[data-type="register_new_device"] .data .content {
          float: left;
          position: relative;
          width: 400%;
          transition: all .3s; }
          body .modals .modal[data-type="register_new_device"] .data .content.step_1 {
            transform: translateX(0); }
          body .modals .modal[data-type="register_new_device"] .data .content.step_2 {
            transform: translateX(-25%); }
          body .modals .modal[data-type="register_new_device"] .data .content.step_3 {
            transform: translateX(-50%); }
          body .modals .modal[data-type="register_new_device"] .data .content.step_4 {
            transform: translateX(-75%); }
          @media (max-width: 767px) {
            body .modals .modal[data-type="register_new_device"] .data .content .register-step-2, body .modals .modal[data-type="register_new_device"] .data .content .register-step-3, body .modals .modal[data-type="register_new_device"] .data .content .register-step-4 {
              margin-top: 8.5vw;
              margin-bottom: 5.5vw; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body .modals .modal[data-type="register_new_device"] .data .content .register-step-2, body .modals .modal[data-type="register_new_device"] .data .content .register-step-3, body .modals .modal[data-type="register_new_device"] .data .content .register-step-4 {
              margin-top: 8.5vw;
              margin-bottom: 5.5vw; } }
          body .modals .modal[data-type="register_new_device"] .data .content .step {
            float: left;
            position: relative;
            width: 25%; }
            body .modals .modal[data-type="register_new_device"] .data .content .step .sn_place {
              float: left;
              width: 100%;
              padding: 0 25%; }
              @media (max-width: 767px) {
                body .modals .modal[data-type="register_new_device"] .data .content .step .sn_place {
                  padding: 0%; } }
              @media (min-width: 768px) and (max-width: 991px) {
                body .modals .modal[data-type="register_new_device"] .data .content .step .sn_place {
                  padding: 0%; } }
            body .modals .modal[data-type="register_new_device"] .data .content .step .support-link, body .modals .modal[data-type="register_new_device"] .data .content .step .another {
              float: left;
              width: 100%;
              margin-top: 1.5vw; }
            body .modals .modal[data-type="register_new_device"] .data .content .step .req_info {
              float: left;
              position: relative;
              font-size: 12px;
              font-weight: 400;
              color: rgba(0, 0, 0, 0.5);
              width: 100%;
              margin-top: 2vw; }
              @media (max-width: 767px) {
                body .modals .modal[data-type="register_new_device"] .data .content .step .req_info {
                  margin-top: 4vw;
                  margin-bottom: 4vw; } }
              @media (min-width: 768px) and (max-width: 991px) {
                body .modals .modal[data-type="register_new_device"] .data .content .step .req_info {
                  margin-top: 4vw;
                  margin-bottom: 4vw; } }
              body .modals .modal[data-type="register_new_device"] .data .content .step .req_info span {
                color: rgba(255, 0, 0, 0.5); }
            body .modals .modal[data-type="register_new_device"] .data .content .step #add_robot_day_of_buy {
              background-image: url(/assets/img/calendar_ico_gray.svg);
              background-position: 90%;
              background-repeat: no-repeat; }
            body .modals .modal[data-type="register_new_device"] .data .content .step .add_robot_invoice_file {
              display: none; }
            body .modals .modal[data-type="register_new_device"] .data .content .step .select-invoice {
              position: absolute;
              top: calc(18px + 0.3vw);
              z-index: 11;
              right: 1px;
              color: #518A70;
              border: 3px solid #518A70;
              height: calc(20px + 2.6vw);
              padding: 1.2vw 1vw;
              border-radius: 8px;
              font-weight: bold;
              font-size: 16px;
              text-decoration: none; }
              @media (max-width: 767px) {
                body .modals .modal[data-type="register_new_device"] .data .content .step .select-invoice {
                  top: 52vw;
                  right: 0;
                  height: 11vw;
                  padding: 2.5vw 3vw;
                  border: 2px solid #518A70; } }
              @media (min-width: 768px) and (max-width: 991px) {
                body .modals .modal[data-type="register_new_device"] .data .content .step .select-invoice {
                  top: 51.5vw;
                  right: 2vw;
                  height: 9vw;
                  padding: 1.4vw 3vw;
                  border: 2px solid #518A70; } }
            body .modals .modal[data-type="register_new_device"] .data .content .step .data-content {
              display: grid;
              grid-template-columns: repeat(2, 1fr);
              grid-template-rows: 1fr;
              grid-column-gap: 2vw;
              grid-row-gap: 2vw; }
              @media (max-width: 767px) {
                body .modals .modal[data-type="register_new_device"] .data .content .step .data-content {
                  grid-template-columns: repeat(1, 1fr); } }
              @media (min-width: 768px) and (max-width: 991px) {
                body .modals .modal[data-type="register_new_device"] .data .content .step .data-content {
                  grid-template-columns: repeat(1, 1fr); } }
          body .modals .modal[data-type="register_new_device"] .data .content h4 {
            font-size: 24px;
            margin-top: 0;
            letter-spacing: 1px; }
          body .modals .modal[data-type="register_new_device"] .data .content p.name-of-device {
            float: left;
            color: rgba(0, 0, 0, 0.5);
            font-size: 14px;
            display: block;
            width: 100%;
            text-align: center;
            margin-top: 0;
            margin-bottom: 1.5vw; }
          body .modals .modal[data-type="register_new_device"] .data .content p.scs {
            width: 70%;
            margin-left: 15%;
            font-size: 16px; }
            @media (max-width: 767px) {
              body .modals .modal[data-type="register_new_device"] .data .content p.scs {
                width: 100%;
                margin-left: 0; } }
            @media (min-width: 768px) and (max-width: 991px) {
              body .modals .modal[data-type="register_new_device"] .data .content p.scs {
                width: 100%;
                margin-left: 0; } }
    body .modals .modal[data-type="register_from_code"] {
      text-align: center; }
      body .modals .modal[data-type="register_from_code"] .data {
        float: left;
        position: relative;
        width: 80%;
        margin-left: 10%;
        overflow-x: hidden; }
        body .modals .modal[data-type="register_from_code"] .data .num_navigate_2 {
          display: grid;
          grid-template-columns: repeat(2, 1fr);
          grid-template-rows: 1fr;
          grid-column-gap: 2vw;
          width: 180px;
          margin-left: calc(50% - 90px);
          margin-bottom: 2vw;
          pointer-events: none; }
          @media (max-width: 767px) {
            body .modals .modal[data-type="register_from_code"] .data .num_navigate_2 {
              margin-left: 28%;
              margin-bottom: 7vw; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body .modals .modal[data-type="register_from_code"] .data .num_navigate_2 {
              margin-left: 28%;
              margin-bottom: 7vw; } }
          body .modals .modal[data-type="register_from_code"] .data .num_navigate_2 div {
            text-align: center; }
            body .modals .modal[data-type="register_from_code"] .data .num_navigate_2 div:nth-child(2) a::before {
              content: "";
              width: 30px;
              height: 2px;
              background: #DDDDDD;
              position: absolute;
              left: -129%;
              top: 17px; }
            body .modals .modal[data-type="register_from_code"] .data .num_navigate_2 div a {
              position: relative;
              color: #DDDDDD;
              font-size: 28px;
              width: 40px;
              height: 40px;
              line-height: 37px;
              background: transparent;
              border-radius: 50%;
              display: block;
              text-decoration: none;
              border: 2px solid #DDDDDD;
              pointer-events: none; }
              body .modals .modal[data-type="register_from_code"] .data .num_navigate_2 div a.active {
                color: #fff;
                background: #6CB86A;
                border: 2px solid #6CB86A;
                pointer-events: auto; }
        body .modals .modal[data-type="register_from_code"] .data .content {
          float: left;
          position: relative;
          width: 400%;
          transition: all .3s; }
          body .modals .modal[data-type="register_from_code"] .data .content.step_1 {
            transform: translateX(0); }
          body .modals .modal[data-type="register_from_code"] .data .content.step_2 {
            transform: translateX(-25%); }
          body .modals .modal[data-type="register_from_code"] .data .content .step {
            float: left;
            position: relative;
            width: 25%; }
            body .modals .modal[data-type="register_from_code"] .data .content .step .sn_place {
              float: left;
              width: 100%;
              padding: 0 25%; }
              @media (max-width: 767px) {
                body .modals .modal[data-type="register_from_code"] .data .content .step .sn_place {
                  padding: 0; } }
              @media (min-width: 768px) and (max-width: 991px) {
                body .modals .modal[data-type="register_from_code"] .data .content .step .sn_place {
                  padding: 0; } }
            body .modals .modal[data-type="register_from_code"] .data .content .step .support-link, body .modals .modal[data-type="register_from_code"] .data .content .step .another {
              float: left;
              width: 100%;
              margin-top: 1.5vw; }
            body .modals .modal[data-type="register_from_code"] .data .content .step .req_info {
              float: left;
              position: relative;
              font-size: 12px;
              font-weight: 400;
              color: rgba(0, 0, 0, 0.5);
              width: 100%;
              margin-top: 2vw; }
              @media (max-width: 767px) {
                body .modals .modal[data-type="register_from_code"] .data .content .step .req_info {
                  margin-top: 4vw;
                  margin-bottom: 4vw; } }
              @media (min-width: 768px) and (max-width: 991px) {
                body .modals .modal[data-type="register_from_code"] .data .content .step .req_info {
                  margin-top: 4vw;
                  margin-bottom: 4vw; } }
              body .modals .modal[data-type="register_from_code"] .data .content .step .req_info span {
                color: rgba(255, 0, 0, 0.5); }
            body .modals .modal[data-type="register_from_code"] .data .content .step #add_robot_day_of_buy {
              background-image: url(/assets/img/calendar_ico_gray.svg);
              background-position: 90%;
              background-repeat: no-repeat; }
            body .modals .modal[data-type="register_from_code"] .data .content .step .add_robot_invoice_file {
              display: none; }
            body .modals .modal[data-type="register_from_code"] .data .content .step .select-invoice {
              position: absolute;
              top: calc(18px + 0.3vw);
              z-index: 11;
              right: 1px;
              color: #518A70;
              border: 3px solid #518A70;
              height: calc(20px + 2.6vw);
              padding: 1.2vw 1vw;
              border-radius: 8px;
              font-weight: bold;
              font-size: 16px;
              text-decoration: none; }
            body .modals .modal[data-type="register_from_code"] .data .content .step .data-content {
              display: grid;
              grid-template-columns: repeat(2, 1fr);
              grid-template-rows: 1fr;
              grid-column-gap: 2vw;
              grid-row-gap: 2vw; }
          body .modals .modal[data-type="register_from_code"] .data .content h4 {
            font-size: 24px;
            margin-top: 0;
            letter-spacing: 1px; }
          body .modals .modal[data-type="register_from_code"] .data .content p.name-of-device {
            float: left;
            color: rgba(0, 0, 0, 0.5);
            font-size: 14px;
            display: block;
            width: 100%;
            text-align: center;
            margin-top: 0;
            margin-bottom: 1.5vw; }
          body .modals .modal[data-type="register_from_code"] .data .content p.scs {
            width: 70%;
            margin-left: 15%;
            font-size: 16px; }
    body .modals .modal[data-type="device_delete"] {
      text-align: center;
      width: 38vw;
      left: 31vw;
      min-height: 8vw; }
      @media (max-width: 767px) {
        body .modals .modal[data-type="device_delete"] {
          width: 100vw;
          height: 100vh;
          left: 0;
          top: 0; } }
      @media (min-width: 768px) and (max-width: 991px) {
        body .modals .modal[data-type="device_delete"] {
          width: 100vw;
          height: 100vh;
          left: 0;
          top: 0; } }
      body .modals .modal[data-type="device_delete"] .delete-question {
        font-size: 32px; }
        body .modals .modal[data-type="device_delete"] .delete-question span {
          color: #518A70; }
      body .modals .modal[data-type="device_delete"] .close-delete {
        display: block;
        margin-top: 2vw;
        margin-bottom: 1vw;
        font-size: 17px;
        color: #518A70; }
    body .modals .modal[data-type="send_device"] {
      text-align: center; }
      body .modals .modal[data-type="send_device"] .steps {
        float: left;
        position: relative;
        width: 60%;
        margin-left: 20%; }
        @media (max-width: 767px) {
          body .modals .modal[data-type="send_device"] .steps {
            width: 80%;
            margin-left: 10%; } }
        @media (min-width: 768px) and (max-width: 991px) {
          body .modals .modal[data-type="send_device"] .steps {
            width: 80%;
            margin-left: 10%; } }
        body .modals .modal[data-type="send_device"] .steps .step {
          float: left;
          position: relative;
          width: 100%;
          display: none; }
          body .modals .modal[data-type="send_device"] .steps .step.active {
            display: block; }
          body .modals .modal[data-type="send_device"] .steps .step .code-group {
            position: relative; }
            body .modals .modal[data-type="send_device"] .steps .step .code-group input {
              float: left;
              display: block;
              width: 70%;
              margin-left: 15%;
              margin-right: 15%;
              margin-bottom: 1.5vw;
              background: #F7F7F7;
              color: #000;
              font-weight: normal;
              border: none;
              padding: 1.3vw;
              margin-bottom: 1vw;
              font-size: 16px;
              transition: all .4s;
              border-radius: 5px;
              border: 1px solid transparent; }
              @media (max-width: 767px) {
                body .modals .modal[data-type="send_device"] .steps .step .code-group input {
                  width: 100%;
                  margin-left: 0;
                  padding: 4vw;
                  margin-bottom: 4vw; } }
              @media (min-width: 768px) and (max-width: 991px) {
                body .modals .modal[data-type="send_device"] .steps .step .code-group input {
                  width: 100%;
                  margin-left: 0;
                  padding: 4vw;
                  margin-bottom: 4vw; } }
              body .modals .modal[data-type="send_device"] .steps .step .code-group input:focus {
                outline: none;
                border: 1px solid #C9C9C9; }
            body .modals .modal[data-type="send_device"] .steps .step .code-group .copy-code {
              position: absolute;
              right: 20%;
              top: 1.2vw; }
              @media (max-width: 767px) {
                body .modals .modal[data-type="send_device"] .steps .step .code-group .copy-code {
                  right: 5%;
                  top: 3.5vw; } }
              @media (min-width: 768px) and (max-width: 991px) {
                body .modals .modal[data-type="send_device"] .steps .step .code-group .copy-code {
                  right: 5%;
                  top: 3.5vw; } }
              body .modals .modal[data-type="send_device"] .steps .step .code-group .copy-code img {
                height: 1.25vw; }
                @media (max-width: 767px) {
                  body .modals .modal[data-type="send_device"] .steps .step .code-group .copy-code img {
                    height: 6vw; } }
                @media (min-width: 768px) and (max-width: 991px) {
                  body .modals .modal[data-type="send_device"] .steps .step .code-group .copy-code img {
                    height: 6vw; } }
          body .modals .modal[data-type="send_device"] .steps .step p {
            font-size: 16px;
            line-height: 22px;
            margin-top: 1.5vw;
            margin-bottom: 1.5vw; }
          body .modals .modal[data-type="send_device"] .steps .step h4 {
            font-size: 24px;
            font-weight: bold;
            margin-top: 0; }
            @media (max-width: 767px) {
              body .modals .modal[data-type="send_device"] .steps .step h4 {
                margin-top: 6vw; } }
            @media (min-width: 768px) and (max-width: 991px) {
              body .modals .modal[data-type="send_device"] .steps .step h4 {
                margin-top: 6vw; } }
            body .modals .modal[data-type="send_device"] .steps .step h4 small {
              font-size: 100%;
              color: #518A70; }
      body .modals .modal[data-type="send_device"] .faq-link {
        display: block;
        margin-top: 2vw;
        margin-bottom: 1vw;
        font-size: 17px;
        color: #518A70; }
    body .modals .modal[data-type="device_detail"] {
      text-align: center; }
      body .modals .modal[data-type="device_detail"] .code-group {
        position: relative; }
        body .modals .modal[data-type="device_detail"] .code-group .copy-code-show {
          position: absolute;
          right: 8%;
          top: 2.5vw; }
          @media (max-width: 767px) {
            body .modals .modal[data-type="device_detail"] .code-group .copy-code-show {
              right: 4%;
              top: 8.7vw; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body .modals .modal[data-type="device_detail"] .code-group .copy-code-show {
              right: 4%;
              top: 6.3vw; } }
          @media (max-width: 767px) {
            body .modals .modal[data-type="device_detail"] .code-group .copy-code-show img {
              height: 5.25vw; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body .modals .modal[data-type="device_detail"] .code-group .copy-code-show img {
              height: 3.5vw; } }
      body .modals .modal[data-type="device_detail"] .content {
        float: left;
        position: relative;
        width: 100%;
        margin-top: 1.5vw; }
        body .modals .modal[data-type="device_detail"] .content .cal {
          background-image: url(/assets/img/calendar_ico.svg);
          background-position: 90%;
          background-repeat: no-repeat; }
        body .modals .modal[data-type="device_detail"] .content .cal_2 {
          background-image: url(/assets/img/calendar_ico_gray.svg);
          background-position: 90%;
          background-repeat: no-repeat; }
        body .modals .modal[data-type="device_detail"] .content .form-part {
          float: left;
          position: relative;
          width: 100%; }
          body .modals .modal[data-type="device_detail"] .content .form-part input {
            width: 100%; }
        body .modals .modal[data-type="device_detail"] .content .update_name {
          position: absolute;
          right: 8%;
          top: 2.6vw;
          color: #518A70; }
        body .modals .modal[data-type="device_detail"] .content .left {
          float: left;
          position: relative;
          width: 50%;
          padding-right: 1%; }
          @media (max-width: 767px) {
            body .modals .modal[data-type="device_detail"] .content .left {
              width: 100%;
              padding-right: 0; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body .modals .modal[data-type="device_detail"] .content .left {
              width: 100%;
              padding-right: 0; } }
        body .modals .modal[data-type="device_detail"] .content .right {
          float: left;
          position: relative;
          width: 50%;
          padding-left: 1%; }
          @media (max-width: 767px) {
            body .modals .modal[data-type="device_detail"] .content .right {
              width: 100%;
              padding-left: 0; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body .modals .modal[data-type="device_detail"] .content .right {
              width: 100%;
              padding-left: 0; } }
    body .modals .modal[data-type="device_transfer_cancel"] {
      width: 30vw;
      height: 13vw;
      min-height: 13vw;
      left: 35vw;
      top: 12vw;
      padding: 3vw; }
      @media (max-width: 767px) {
        body .modals .modal[data-type="device_transfer_cancel"] {
          left: 0;
          top: 0;
          width: 100vw;
          height: 100vh;
          padding-top: 25vw; } }
      @media (min-width: 768px) and (max-width: 991px) {
        body .modals .modal[data-type="device_transfer_cancel"] {
          left: 0;
          top: 0;
          width: 100vw;
          height: 100vh;
          padding-top: 25vw; } }
      body .modals .modal[data-type="device_transfer_cancel"] h3 {
        font-size: 1.6vw;
        margin-bottom: 0;
        color: #000; }
        @media (max-width: 767px) {
          body .modals .modal[data-type="device_transfer_cancel"] h3 {
            font-size: 10vw;
            margin-bottom: 5vw; } }
        @media (min-width: 768px) and (max-width: 991px) {
          body .modals .modal[data-type="device_transfer_cancel"] h3 {
            font-size: 7vw;
            margin-bottom: 5vw; } }
        body .modals .modal[data-type="device_transfer_cancel"] h3 small {
          color: #518A70;
          font-size: 100%; }
    body .modals .modal[data-type="profile_photo"] {
      text-align: center;
      width: 32vw;
      left: 34vw; }
      @media (max-width: 767px) {
        body .modals .modal[data-type="profile_photo"] {
          width: 100vw;
          left: 0;
          top: 0;
          height: 100vh;
          border-radius: 0;
          padding: 8vw 6vw; } }
      @media (min-width: 768px) and (max-width: 991px) {
        body .modals .modal[data-type="profile_photo"] {
          width: 100vw;
          left: 0;
          top: 0;
          height: 100vh;
          border-radius: 0;
          padding: 8vw 6vw; } }
      body .modals .modal[data-type="profile_photo"] h3 {
        margin-top: 0;
        margin-bottom: 1vw; }
        @media (max-width: 767px) {
          body .modals .modal[data-type="profile_photo"] h3 {
            margin-top: 5vw;
            margin-bottom: 5vw; } }
        @media (min-width: 768px) and (max-width: 991px) {
          body .modals .modal[data-type="profile_photo"] h3 {
            margin-top: 5vw;
            margin-bottom: 5vw; } }
      body .modals .modal[data-type="profile_photo"] .content {
        float: left;
        position: relative;
        width: 100%;
        margin-top: 1.5vw; }
        body .modals .modal[data-type="profile_photo"] .content .actual_image {
          width: 8vw;
          height: 8vw;
          object-fit: cover;
          border-radius: 50%; }
          @media (max-width: 767px) {
            body .modals .modal[data-type="profile_photo"] .content .actual_image {
              width: 50vw;
              height: 50vw; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body .modals .modal[data-type="profile_photo"] .content .actual_image {
              width: 25vw;
              height: auto; } }
        body .modals .modal[data-type="profile_photo"] .content .delete-photo {
          position: absolute;
          top: 5vw;
          right: 8vw;
          z-index: 3;
          display: none; }
          @media (max-width: 767px) {
            body .modals .modal[data-type="profile_photo"] .content .delete-photo {
              top: 30vw;
              right: 14vw; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body .modals .modal[data-type="profile_photo"] .content .delete-photo {
              top: 30vw;
              right: 14vw; } }
          body .modals .modal[data-type="profile_photo"] .content .delete-photo.show {
            display: block; }
          body .modals .modal[data-type="profile_photo"] .content .delete-photo img {
            width: 3.55vw; }
            @media (max-width: 767px) {
              body .modals .modal[data-type="profile_photo"] .content .delete-photo img {
                width: 18vw; } }
            @media (min-width: 768px) and (max-width: 991px) {
              body .modals .modal[data-type="profile_photo"] .content .delete-photo img {
                width: 18vw; } }
        body .modals .modal[data-type="profile_photo"] .content .form-part {
          float: left;
          position: relative;
          width: 100%;
          padding: 0 19%;
          margin-top: 2vw; }
          @media (max-width: 767px) {
            body .modals .modal[data-type="profile_photo"] .content .form-part {
              margin-top: 8vw;
              margin-bottom: 4vw;
              padding: 0 11%; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body .modals .modal[data-type="profile_photo"] .content .form-part {
              margin-top: 8vw;
              margin-bottom: 4vw;
              padding: 0 11%; } }
          body .modals .modal[data-type="profile_photo"] .content .form-part .profile-image {
            display: none; }
          body .modals .modal[data-type="profile_photo"] .content .form-part .profile-image-name {
            pointer-events: none; }
          body .modals .modal[data-type="profile_photo"] .content .form-part .select-image {
            position: absolute;
            top: 0;
            z-index: 11;
            right: 19%;
            color: #518A70;
            border: 3px solid #518A70;
            height: calc(20px + 2.6vw);
            padding: 1.2vw 1vw;
            border-radius: 8px;
            font-weight: bold;
            font-size: 16px;
            text-decoration: none; }
            @media (max-width: 767px) {
              body .modals .modal[data-type="profile_photo"] .content .form-part .select-image {
                padding: 2vw 1vw;
                height: auto;
                border: 2px solid #518A70;
                top: 1.5vw;
                right: 14%; } }
            @media (min-width: 768px) and (max-width: 991px) {
              body .modals .modal[data-type="profile_photo"] .content .form-part .select-image {
                padding: 2vw 1vw;
                height: auto;
                border: 2px solid #518A70;
                top: 1.5vw;
                right: 14%; } }
        body .modals .modal[data-type="profile_photo"] .content .controls {
          float: left;
          position: relative;
          width: 100%;
          padding: 0 19%; }
          @media (max-width: 767px) {
            body .modals .modal[data-type="profile_photo"] .content .controls {
              padding: 0 11%; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body .modals .modal[data-type="profile_photo"] .content .controls {
              padding: 0 11%; } }
          body .modals .modal[data-type="profile_photo"] .content .controls .confirm {
            float: left;
            position: relative;
            margin-top: 0.5vw;
            text-align: left;
            width: 100%; }
            body .modals .modal[data-type="profile_photo"] .content .controls .confirm img {
              width: 1.1vw;
              float: left;
              margin-right: 0.5vw;
              cursor: pointer; }
              @media (max-width: 767px) {
                body .modals .modal[data-type="profile_photo"] .content .controls .confirm img {
                  width: 6.1vw;
                  margin-right: 3.5vw; } }
              @media (min-width: 768px) and (max-width: 991px) {
                body .modals .modal[data-type="profile_photo"] .content .controls .confirm img {
                  width: 6.1vw;
                  margin-right: 3.5vw; } }
            body .modals .modal[data-type="profile_photo"] .content .controls .confirm p {
              margin-top: 0;
              margin-bottom: 0;
              font-size: 14px;
              color: rgba(0, 0, 0, 0.5); }
              body .modals .modal[data-type="profile_photo"] .content .controls .confirm p a {
                font-weight: bold;
                text-decoration: underline;
                color: rgba(0, 0, 0, 0.5); }
              body .modals .modal[data-type="profile_photo"] .content .controls .confirm p span {
                color: #CC0000; }
          body .modals .modal[data-type="profile_photo"] .content .controls .save-photo {
            width: 100%;
            pointer-events: none;
            opacity: .5;
            transition: all .3s; }
            @media (max-width: 767px) {
              body .modals .modal[data-type="profile_photo"] .content .controls .save-photo {
                margin-top: 6vw; } }
            @media (min-width: 768px) and (max-width: 991px) {
              body .modals .modal[data-type="profile_photo"] .content .controls .save-photo {
                margin-top: 6vw; } }
            body .modals .modal[data-type="profile_photo"] .content .controls .save-photo.allow {
              pointer-events: all;
              opacity: 1; }
    body .modals .modal[data-type="delete_profile"] {
      width: 38vw;
      height: 23vw;
      min-height: 23vw;
      left: 31vw;
      top: 10vw;
      padding: 3vw; }
      @media (max-width: 767px) {
        body .modals .modal[data-type="delete_profile"] {
          width: 100vw;
          left: 0;
          top: 0;
          height: 100vh;
          border-radius: 0;
          padding: 15vw 6vw; } }
      @media (min-width: 768px) and (max-width: 991px) {
        body .modals .modal[data-type="delete_profile"] {
          width: 100vw;
          left: 0;
          top: 0;
          height: 100vh;
          border-radius: 0;
          padding: 15vw 6vw; } }
      @media (max-width: 767px) {
        body .modals .modal[data-type="delete_profile"] .data {
          display: flex;
          flex-direction: column;
          gap: 3vw; } }
      @media (min-width: 768px) and (max-width: 991px) {
        body .modals .modal[data-type="delete_profile"] .data {
          display: flex;
          flex-direction: column;
          gap: 3vw; } }
      @media (max-width: 767px) {
        body .modals .modal[data-type="delete_profile"] .data .row_place {
          width: 100%; } }
      @media (min-width: 768px) and (max-width: 991px) {
        body .modals .modal[data-type="delete_profile"] .data .row_place {
          width: 100%; } }
      body .modals .modal[data-type="delete_profile"] h3 {
        font-size: 1.6vw;
        color: #000; }
        body .modals .modal[data-type="delete_profile"] h3 small {
          color: #518A70;
          font-size: 100%; }
        @media (max-width: 767px) {
          body .modals .modal[data-type="delete_profile"] h3 {
            font-size: 6.6vw; } }
        @media (min-width: 768px) and (max-width: 991px) {
          body .modals .modal[data-type="delete_profile"] h3 {
            font-size: 6.6vw; } }
      body .modals .modal[data-type="delete_profile"] h4 {
        font-size: 1.2vw;
        color: #000; }
        body .modals .modal[data-type="delete_profile"] h4 small {
          color: #CC0000;
          font-size: 100%; }
        @media (max-width: 767px) {
          body .modals .modal[data-type="delete_profile"] h4 {
            font-size: 3.75vw; } }
        @media (min-width: 768px) and (max-width: 991px) {
          body .modals .modal[data-type="delete_profile"] h4 {
            font-size: 3.75vw; } }
      body .modals .modal[data-type="delete_profile"] .confirm_place {
        float: left;
        position: relative;
        width: 68%;
        margin-left: 16%;
        margin-top: 5%; }
        @media (max-width: 767px) {
          body .modals .modal[data-type="delete_profile"] .confirm_place {
            display: flex;
            width: 100%;
            margin-left: 0;
            align-items: center;
            justify-content: center;
            gap: 2vw; } }
        @media (min-width: 768px) and (max-width: 991px) {
          body .modals .modal[data-type="delete_profile"] .confirm_place {
            display: flex;
            width: 100%;
            margin-left: 0;
            align-items: center;
            justify-content: center;
            gap: 2vw; } }
        @media (max-width: 767px) {
          body .modals .modal[data-type="delete_profile"] .confirm_place a {
            font-size: 3.75vw; } }
        @media (min-width: 768px) and (max-width: 991px) {
          body .modals .modal[data-type="delete_profile"] .confirm_place a {
            font-size: 3.75vw; } }
      body .modals .modal[data-type="delete_profile"] .definite-delete-my-account {
        transition: all .3s;
        filter: grayscale(1);
        opacity: .5;
        pointer-events: none; }
        body .modals .modal[data-type="delete_profile"] .definite-delete-my-account.allow {
          filter: grayscale(0);
          opacity: 1;
          pointer-events: all; }
    body .modals .modal[data-type="invite_friend"] {
      text-align: center;
      width: 40vw;
      min-height: 20vw;
      left: 30vw;
      top: 12vw; }
      @media (max-width: 767px) {
        body .modals .modal[data-type="invite_friend"] {
          width: 100vw;
          left: 0;
          top: 0;
          height: 100vh;
          border-radius: 0;
          padding: 8vw 6vw; } }
      @media (min-width: 768px) and (max-width: 991px) {
        body .modals .modal[data-type="invite_friend"] {
          width: 100vw;
          left: 0;
          top: 0;
          height: 100vh;
          border-radius: 0;
          padding: 8vw 6vw; } }
      body .modals .modal[data-type="invite_friend"] .steps {
        float: left;
        position: relative;
        width: 90%;
        margin-left: 5%; }
        body .modals .modal[data-type="invite_friend"] .steps .step {
          float: left;
          position: relative;
          width: 100%;
          display: none; }
          body .modals .modal[data-type="invite_friend"] .steps .step.active {
            display: block; }
          body .modals .modal[data-type="invite_friend"] .steps .step .code-group {
            position: relative; }
            body .modals .modal[data-type="invite_friend"] .steps .step .code-group input {
              float: left;
              display: block;
              width: 70%;
              margin-left: 15%;
              margin-right: 15%;
              margin-bottom: 1.5vw;
              background: #F7F7F7;
              color: #000;
              font-weight: normal;
              border: none;
              padding: 1.3vw;
              margin-bottom: 1vw;
              font-size: 16px;
              transition: all .4s;
              border-radius: 5px;
              border: 1px solid transparent; }
              @media (max-width: 767px) {
                body .modals .modal[data-type="invite_friend"] .steps .step .code-group input {
                  padding: 4vw;
                  margin-bottom: 4vw;
                  width: 100%;
                  margin-left: 0; } }
              @media (min-width: 768px) and (max-width: 991px) {
                body .modals .modal[data-type="invite_friend"] .steps .step .code-group input {
                  padding: 4vw;
                  margin-bottom: 4vw;
                  width: 100%;
                  margin-left: 0; } }
              body .modals .modal[data-type="invite_friend"] .steps .step .code-group input:focus {
                outline: none;
                border: 1px solid #C9C9C9; }
            body .modals .modal[data-type="invite_friend"] .steps .step .code-group .copy-code-invite {
              position: absolute;
              right: 20%;
              top: 1.2vw; }
              @media (max-width: 767px) {
                body .modals .modal[data-type="invite_friend"] .steps .step .code-group .copy-code-invite {
                  right: 4%;
                  top: 3.7vw; } }
              @media (min-width: 768px) and (max-width: 991px) {
                body .modals .modal[data-type="invite_friend"] .steps .step .code-group .copy-code-invite {
                  right: 4%;
                  top: 3.7vw; } }
              body .modals .modal[data-type="invite_friend"] .steps .step .code-group .copy-code-invite img {
                height: 1.25vw; }
                @media (max-width: 767px) {
                  body .modals .modal[data-type="invite_friend"] .steps .step .code-group .copy-code-invite img {
                    height: 5.25vw; } }
                @media (min-width: 768px) and (max-width: 991px) {
                  body .modals .modal[data-type="invite_friend"] .steps .step .code-group .copy-code-invite img {
                    height: 5.25vw; } }
          body .modals .modal[data-type="invite_friend"] .steps .step p {
            font-size: 16px;
            line-height: 22px;
            margin-top: 2vw;
            margin-bottom: 1.5vw;
            width: 70%;
            margin-left: 15%; }
      body .modals .modal[data-type="invite_friend"] .faq-link {
        display: block;
        margin-top: 2vw;
        margin-bottom: 1vw;
        font-size: 17px;
        color: #518A70; }
    body .modals .modal[data-type="online_service_ordered"] {
      text-align: center;
      width: 40vw;
      min-height: 14vw;
      left: 30vw;
      top: 9vw;
      padding: 2vw 5%; }
      @media (max-width: 767px) {
        body .modals .modal[data-type="online_service_ordered"] {
          width: 100vw;
          left: 0;
          top: 0;
          height: 100vh;
          border-radius: 0;
          padding: 8vw 10vw; } }
      @media (min-width: 768px) and (max-width: 991px) {
        body .modals .modal[data-type="online_service_ordered"] {
          width: 100vw;
          left: 0;
          top: 0;
          height: 100vh;
          border-radius: 0;
          padding: 8vw 10vw; } }
      body .modals .modal[data-type="online_service_ordered"] ul {
        padding: 0;
        text-align: left; }
        body .modals .modal[data-type="online_service_ordered"] ul li {
          font-size: 16px;
          line-height: 22px; }
    body .modals .modal[data-type="service_detail"] {
      top: 4vw;
      padding-bottom: 1vw; }
      @media (max-width: 767px) {
        body .modals .modal[data-type="service_detail"] {
          top: 0; } }
      @media (min-width: 768px) and (max-width: 991px) {
        body .modals .modal[data-type="service_detail"] {
          top: 0; } }
      body .modals .modal[data-type="service_detail"] h3 {
        text-align: center; }
      body .modals .modal[data-type="service_detail"] textarea {
        float: left;
        position: relative;
        display: block;
        resize: none;
        width: 100%;
        margin-bottom: 1.5vw;
        background: #F7F7F7;
        color: #000;
        font-weight: normal;
        border: none;
        padding: 1.3vw;
        margin-bottom: 1vw;
        font-size: 16px;
        transition: all .4s;
        border-radius: 5px;
        border: 1px solid transparent;
        height: 7vw; }
        @media (max-width: 767px) {
          body .modals .modal[data-type="service_detail"] textarea {
            padding: 4vw;
            margin-bottom: 4vw; } }
        @media (min-width: 768px) and (max-width: 991px) {
          body .modals .modal[data-type="service_detail"] textarea {
            padding: 4vw;
            margin-bottom: 4vw; } }
        body .modals .modal[data-type="service_detail"] textarea:focus {
          outline: none;
          border: 1px solid #C9C9C9; }
      body .modals .modal[data-type="service_detail"] .data-block {
        float: left;
        position: relative;
        width: 100%;
        margin-bottom: 2vw; }
        @media (min-width: 992px) {
          body .modals .modal[data-type="service_detail"] .data-block h5 {
            margin-top: 1vw !important;
            margin-bottom: 1vw !important; } }
        body .modals .modal[data-type="service_detail"] .data-block.success .top-side h4::after {
          content: "";
          background: url(/assets/img/nike.svg);
          width: 16px;
          height: 12px;
          position: absolute;
          right: -28px;
          top: 10px; }
        body .modals .modal[data-type="service_detail"] .data-block .top-side {
          float: left;
          position: relative;
          width: 100%; }
          body .modals .modal[data-type="service_detail"] .data-block .top-side h4 {
            position: relative;
            float: left; }
          body .modals .modal[data-type="service_detail"] .data-block .top-side .controls {
            position: relative;
            float: right;
            width: 50%;
            padding-left: 1%;
            margin-top: 0.4vw; }
            @media (min-width: 768px) and (max-width: 991px) {
              body .modals .modal[data-type="service_detail"] .data-block .top-side .controls {
                width: 100%;
                display: flex;
                align-items: center;
                margin-left: 3vw; } }
            body .modals .modal[data-type="service_detail"] .data-block .top-side .controls .usr_edit_block {
              float: right;
              color: #518A70;
              text-decoration: underline;
              font-weight: bold; }
            body .modals .modal[data-type="service_detail"] .data-block .top-side .controls .operations {
              grid-template-columns: repeat(2, 1fr);
              grid-template-rows: 1fr;
              grid-column-gap: 2vw;
              display: none; }
              body .modals .modal[data-type="service_detail"] .data-block .top-side .controls .operations .dont-save-changes {
                color: #CC0000;
                text-decoration: underline; }
              body .modals .modal[data-type="service_detail"] .data-block .top-side .controls .operations .save-changes-alternate {
                margin-top: -1vw; }
        body .modals .modal[data-type="service_detail"] .data-block .content {
          float: left;
          position: relative;
          width: 100%; }
          body .modals .modal[data-type="service_detail"] .data-block .content.no-border {
            border-bottom: none; }
          body .modals .modal[data-type="service_detail"] .data-block .content .left {
            float: left;
            position: relative;
            width: 50%;
            padding-right: 1%; }
            @media (max-width: 767px) {
              body .modals .modal[data-type="service_detail"] .data-block .content .left {
                width: 100%;
                padding-right: 0; } }
            @media (min-width: 768px) and (max-width: 991px) {
              body .modals .modal[data-type="service_detail"] .data-block .content .left {
                width: 100%;
                padding-right: 0; } }
          body .modals .modal[data-type="service_detail"] .data-block .content .right {
            float: left;
            position: relative;
            width: 50%;
            padding-left: 1%; }
            @media (max-width: 767px) {
              body .modals .modal[data-type="service_detail"] .data-block .content .right {
                width: 100%;
                padding-left: 1%; } }
            @media (min-width: 768px) and (max-width: 991px) {
              body .modals .modal[data-type="service_detail"] .data-block .content .right {
                width: 100%;
                padding-left: 1%; } }
          body .modals .modal[data-type="service_detail"] .data-block .content .delimer-line {
            float: left;
            position: relative;
            width: 100%; }
            body .modals .modal[data-type="service_detail"] .data-block .content .delimer-line h5 {
              margin-top: 1vw;
              font-size: 18px;
              font-weight: 400; }
              @media (max-width: 767px) {
                body .modals .modal[data-type="service_detail"] .data-block .content .delimer-line h5 {
                  margin-top: 4.5vw;
                  margin-bottom: 4vw; } }
              body .modals .modal[data-type="service_detail"] .data-block .content .delimer-line h5 small {
                font-size: 16px;
                color: rgba(0, 0, 0, 0.5); }
          body .modals .modal[data-type="service_detail"] .data-block .content .delimer-line-show {
            float: left;
            position: relative;
            width: 100%;
            margin-top: 1vw;
            margin-bottom: 1vw;
            border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
      body .modals .modal[data-type="service_detail"] .summary {
        float: left;
        position: relative;
        width: 100%; }
        @media (max-width: 767px) {
          body .modals .modal[data-type="service_detail"] .summary {
            height: 71vh;
            overflow-x: hidden;
            overflow-y: scroll;
            padding-bottom: 30vw; } }
        @media (min-width: 768px) and (max-width: 991px) {
          body .modals .modal[data-type="service_detail"] .summary {
            height: 71vh;
            overflow-x: hidden;
            overflow-y: scroll;
            padding-bottom: 30vw; } }
        body .modals .modal[data-type="service_detail"] .summary .left-side {
          float: left;
          position: relative;
          width: 40%;
          padding-right: 1vw; }
          @media (max-width: 767px) {
            body .modals .modal[data-type="service_detail"] .summary .left-side {
              width: 100%;
              padding-right: 0; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body .modals .modal[data-type="service_detail"] .summary .left-side {
              width: 100%;
              padding-right: 0; } }
          body .modals .modal[data-type="service_detail"] .summary .left-side input, body .modals .modal[data-type="service_detail"] .summary .left-side textarea {
            pointer-events: none;
            font-family: 'Harmonia Sans Pro';
            font-weight: normal;
            font-style: normal; }
            @media (max-width: 767px) {
              body .modals .modal[data-type="service_detail"] .summary .left-side input, body .modals .modal[data-type="service_detail"] .summary .left-side textarea {
                height: 24vw; } }
            @media (min-width: 768px) and (max-width: 991px) {
              body .modals .modal[data-type="service_detail"] .summary .left-side input, body .modals .modal[data-type="service_detail"] .summary .left-side textarea {
                height: 24vw; } }
          body .modals .modal[data-type="service_detail"] .summary .left-side .s_device {
            float: left;
            position: relative;
            width: 100%; }
            body .modals .modal[data-type="service_detail"] .summary .left-side .s_device p {
              float: left;
              font-size: 18px;
              font-weight: bold;
              margin-top: 0; }
            body .modals .modal[data-type="service_detail"] .summary .left-side .s_device .summary_selected_device {
              float: right; }
          body .modals .modal[data-type="service_detail"] .summary .left-side .cntrl {
            float: left;
            position: relative;
            width: 50%;
            background: #F7F7F7;
            border-radius: 5px;
            padding: 1.2vw;
            pointer-events: none;
            filter: grayscale(1); }
            body .modals .modal[data-type="service_detail"] .summary .left-side .cntrl .overlay-box {
              position: absolute;
              top: 0.7vw;
              left: 0.7vw;
              width: 50%;
              height: calc(100% - 1.3vw);
              background: #518A70;
              transition: all 0.3s;
              border-radius: 8px;
              z-index: 1; }
              body .modals .modal[data-type="service_detail"] .summary .left-side .cntrl .overlay-box.no {
                left: calc(50% - .7vw); }
            body .modals .modal[data-type="service_detail"] .summary .left-side .cntrl a {
              float: left;
              position: relative;
              width: 50%;
              text-align: center;
              z-index: 5;
              color: #454545;
              font-size: 16px;
              font-weight: 100;
              transition: all .3s;
              text-decoration: none; }
              body .modals .modal[data-type="service_detail"] .summary .left-side .cntrl a.active {
                font-weight: bold;
                color: #fff; }
        body .modals .modal[data-type="service_detail"] .summary .right-side {
          float: left;
          position: relative;
          width: 60%;
          padding-left: 1vw; }
          @media (max-width: 767px) {
            body .modals .modal[data-type="service_detail"] .summary .right-side {
              width: 100%;
              padding-left: 0;
              margin-top: 10vw; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body .modals .modal[data-type="service_detail"] .summary .right-side {
              width: 100%;
              padding-left: 0;
              margin-top: 10vw; } }
          body .modals .modal[data-type="service_detail"] .summary .right-side h5 {
            font-size: 20px;
            margin-top: 0;
            margin-bottom: 0.9vw; }
          body .modals .modal[data-type="service_detail"] .summary .right-side .data-block {
            margin-bottom: 1vw; }
          body .modals .modal[data-type="service_detail"] .summary .right-side .online_service_terms {
            float: left;
            position: relative;
            width: 80%;
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            grid-template-rows: 1fr;
            grid-column-gap: 1vw; }
            body .modals .modal[data-type="service_detail"] .summary .right-side .online_service_terms .confirm {
              float: left;
              position: relative;
              margin-top: 0.5vw;
              text-align: left;
              width: 100%; }
              body .modals .modal[data-type="service_detail"] .summary .right-side .online_service_terms .confirm.long {
                grid-column: 1 / 3; }
              body .modals .modal[data-type="service_detail"] .summary .right-side .online_service_terms .confirm img {
                width: 1.1vw;
                float: left;
                margin-right: 0.5vw;
                cursor: pointer; }
              body .modals .modal[data-type="service_detail"] .summary .right-side .online_service_terms .confirm p {
                margin-top: 0;
                margin-bottom: 0;
                font-size: 14px;
                color: rgba(0, 0, 0, 0.5); }
                body .modals .modal[data-type="service_detail"] .summary .right-side .online_service_terms .confirm p a {
                  font-weight: bold;
                  text-decoration: underline;
                  color: rgba(0, 0, 0, 0.5); }
                body .modals .modal[data-type="service_detail"] .summary .right-side .online_service_terms .confirm p span {
                  color: #CC0000; }
    body .modals .modal[data-type="all_invited_friends"] h3 {
      text-align: center; }
    body .modals .modal[data-type="all_invited_friends"] .list {
      float: left;
      position: relative;
      width: 60%;
      padding-bottom: .5vw;
      margin-left: 20%;
      height: 18vw;
      overflow-y: scroll; }
      body .modals .modal[data-type="all_invited_friends"] .list ul {
        list-style: none;
        padding: 0; }
        body .modals .modal[data-type="all_invited_friends"] .list ul li p {
          margin-top: 0;
          font-size: 16px;
          color: #000; }
        body .modals .modal[data-type="all_invited_friends"] .list ul li strong {
          font-weight: bold !important; }
    body .modals .modal[data-type="voucher"] {
      text-align: center;
      width: 40vw;
      min-height: 20vw;
      left: 30vw;
      top: 12vw; }
      @media (max-width: 767px) {
        body .modals .modal[data-type="voucher"] {
          left: 0;
          top: 0;
          width: 100vw;
          height: 100vh; } }
      @media (min-width: 768px) and (max-width: 991px) {
        body .modals .modal[data-type="voucher"] {
          left: 0;
          top: 0;
          width: 100vw;
          height: 100vh; } }
      body .modals .modal[data-type="voucher"] .steps {
        float: left;
        position: relative;
        width: 90%;
        margin-left: 5%; }
        body .modals .modal[data-type="voucher"] .steps .step {
          float: left;
          position: relative;
          width: 100%;
          display: none; }
          body .modals .modal[data-type="voucher"] .steps .step.active {
            display: block; }
          @media (max-width: 767px) {
            body .modals .modal[data-type="voucher"] .steps .step .btn-place a:nth-of-type(1) {
              margin-top: 7.5vw; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body .modals .modal[data-type="voucher"] .steps .step .btn-place a:nth-of-type(1) {
              margin-top: 5vw; } }
          @media (max-width: 767px) {
            body .modals .modal[data-type="voucher"] .steps .step .btn-place a:nth-of-type(2) {
              margin-top: 6.5vw; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body .modals .modal[data-type="voucher"] .steps .step .btn-place a:nth-of-type(2) {
              margin-top: 5vw; } }
          body .modals .modal[data-type="voucher"] .steps .step .code-group {
            position: relative; }
            body .modals .modal[data-type="voucher"] .steps .step .code-group input {
              float: left;
              display: block;
              width: 70%;
              margin-left: 15%;
              margin-right: 15%;
              margin-bottom: 1.5vw;
              background: #F7F7F7;
              color: #000;
              font-weight: normal;
              border: none;
              padding: 1.3vw;
              margin-bottom: 1vw;
              font-size: 16px;
              transition: all .4s;
              border-radius: 5px;
              border: 1px solid transparent; }
              @media (max-width: 767px) {
                body .modals .modal[data-type="voucher"] .steps .step .code-group input {
                  padding: 4vw;
                  margin-bottom: 4vw; } }
              @media (min-width: 768px) and (max-width: 991px) {
                body .modals .modal[data-type="voucher"] .steps .step .code-group input {
                  padding: 4vw;
                  margin-bottom: 4vw; } }
              body .modals .modal[data-type="voucher"] .steps .step .code-group input:focus {
                outline: none;
                border: 1px solid #C9C9C9; }
            body .modals .modal[data-type="voucher"] .steps .step .code-group .copy-voucher-code {
              position: absolute;
              right: 20%;
              top: 1.2vw; }
              body .modals .modal[data-type="voucher"] .steps .step .code-group .copy-voucher-code img {
                height: 1.25vw; }
                @media (max-width: 767px) {
                  body .modals .modal[data-type="voucher"] .steps .step .code-group .copy-voucher-code img {
                    height: 6.25vw;
                    margin-top: 2vw; } }
                @media (min-width: 768px) and (max-width: 991px) {
                  body .modals .modal[data-type="voucher"] .steps .step .code-group .copy-voucher-code img {
                    height: 4.25vw;
                    margin-top: 2vw; } }
          body .modals .modal[data-type="voucher"] .steps .step p {
            font-size: 16px;
            line-height: 22px;
            margin-top: 2vw;
            margin-bottom: 1.5vw;
            width: 70%;
            margin-left: 15%; }
            @media (max-width: 767px) {
              body .modals .modal[data-type="voucher"] .steps .step p {
                position: relative;
                width: 85%;
                margin: 5vw auto;
                top: 5vw; } }
      body .modals .modal[data-type="voucher"] .faq-link {
        display: block;
        margin-top: 2vw;
        margin-bottom: 1vw;
        font-size: 17px;
        color: #518A70; }
    body .modals .modal[data-type="voucher_sent"] {
      width: 24vw;
      min-height: 10vw;
      height: 10vw;
      left: 38vw;
      top: 16vw; }
      @media (min-width: 993px) and (max-width: 1366px) {
        body .modals .modal[data-type="voucher_sent"] {
          height: 16vw; } }
      @media (min-width: 767px) and (max-width: 992px) {
        body .modals .modal[data-type="voucher_sent"] {
          top: 0;
          left: 0;
          width: 100vw;
          height: 100vh; } }
      @media (max-width: 767px) {
        body .modals .modal[data-type="voucher_sent"] {
          top: 0;
          left: 0;
          width: 100vw;
          height: 100vh; } }
      @media (max-width: 992px) {
        body .modals .modal[data-type="voucher_sent"] .data .title_place h3 {
          margin-top: 25%; } }
    body .modals .modal[data-type="voucher_email_input"] {
      width: 28vw;
      min-height: 15vw;
      height: 19vw;
      left: 36vw;
      top: 13vw; }
      @media (min-width: 767px) and (max-width: 992px) {
        body .modals .modal[data-type="voucher_email_input"] {
          top: 0;
          left: 0;
          width: 100vw;
          height: 100vh; } }
      @media (max-width: 767px) {
        body .modals .modal[data-type="voucher_email_input"] {
          top: 0;
          left: 0;
          width: 100vw;
          height: 100vh; } }
      body .modals .modal[data-type="voucher_email_input"] .send-to-friend {
        float: none;
        margin: 10px auto;
        display: inline-block; }
      @media (max-width: 992px) {
        body .modals .modal[data-type="voucher_email_input"] .data .title_place {
          margin-top: 25%; } }
    body .modals .modal h3 {
      color: #518A70;
      font-weight: bold;
      font-size: 32px; }
    body .modals .modal .close-modal {
      position: absolute;
      top: 1.5vw;
      right: 1.5vw;
      z-index: 1; }
      @media (max-width: 767px) {
        body .modals .modal .close-modal {
          top: 5vw;
          right: 5vw; } }
      @media (min-width: 768px) and (max-width: 991px) {
        body .modals .modal .close-modal {
          top: 6vw;
          right: 6vw; } }
      body .modals .modal .close-modal img {
        width: 1.3vw; }
        @media (max-width: 767px) {
          body .modals .modal .close-modal img {
            width: 6vw; } }
        @media (min-width: 768px) and (max-width: 991px) {
          body .modals .modal .close-modal img {
            width: 4vw; } }
    body .modals .modal p span {
      font-weight: bold;
      color: #518A70; }
    body .modals .modal .btn-place a:first-of-type {
      margin-right: .4vw; }
    body .modals .modal .btn-place a:last-of-type {
      margin-left: .4vw; }
  body .sections {
    float: left;
    position: relative;
    width: 100%;
    padding: 9.5vw 7vw 0; }
    @media (min-width: 1921px) {
      body .sections {
        max-width: 1920px;
        margin: 0 auto;
        float: none;
        padding: 9.5vw 0; } }
    body .sections.admin {
      padding-top: 11vw; }
      @media (max-width: 1600px) {
        body .sections.admin {
          padding-top: 13vw; } }
      @media (max-width: 1281px) {
        body .sections.admin {
          padding-top: 15.5vw; } }
    @media (max-width: 991px) {
      body .sections.admin_position {
        padding-top: 23vw; } }
    body .sections .section {
      float: left;
      position: relative;
      width: 100%;
      margin-bottom: 5vw; }
      @media (max-width: 767px) {
        body .sections .section {
          margin-bottom: 9vw; } }
      @media (min-width: 768px) and (max-width: 991px) {
        body .sections .section {
          margin-bottom: 9vw; } }
      body .sections .section.dsh {
        margin-top: 4vw; }
      body .sections .section.s_header {
        height: 36.5vw;
        border-radius: 8px;
        overflow: hidden; }
        @media (min-width: 768px) and (max-width: 991px) {
          body .sections .section.s_header {
            margin-top: 15vw;
            height: 60vw; } }
        @media (min-width: 380px) and (max-width: 390px) {
          body .sections .section.s_header:not(.sm), body .sections .section.s_header:not(.bg) {
            height: 126vw; } }
        @media (min-width: 380px) and (max-width: 390px) {
          body .sections .section.s_header.bg {
            height: 134vw !important; } }
        body .sections .section.s_header.smt .main .content {
          top: 0.5vw; }
        @media (max-width: 767px) {
          body .sections .section.s_header {
            margin-top: 25vw;
            height: clamp(40%, 90%, 550px); } }
        @media (min-width: 768px) and (max-width: 991px) {
          body .sections .section.s_header {
            margin-top: 12.5vw;
            height: 65vw; } }
        @media (min-width: 1025px) and (max-width: 1280px) {
          body .sections .section.s_header {
            height: 39vw; } }
        @media (min-width: 1281px) and (max-width: 1366px) {
          body .sections .section.s_header {
            height: 38vw; } }
        @media (min-width: 1921px) {
          body .sections .section.s_header {
            height: 650px; } }
        body .sections .section.s_header.sm {
          height: 22.5vw; }
          @media (max-width: 767px) {
            body .sections .section.s_header.sm {
              height: 27vh; } }
          @media (max-width: 400px) {
            body .sections .section.s_header.sm {
              height: 40vh; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_header.sm {
              height: 51vw; } }
        body .sections .section.s_header.smx {
          height: 22.5vw; }
          @media (max-width: 767px) {
            body .sections .section.s_header.smx {
              height: 30vh; } }
          @media (max-width: 400px) {
            body .sections .section.s_header.smx {
              height: 50vh; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_header.smx {
              height: 77vw; } }
        body .sections .section.s_header.white_text .main .content p {
          color: #fff; }
        body .sections .section.s_header .main {
          position: relative;
          height: auto; }
          @media (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_header .main {
              height: 60vw; } }
          body .sections .section.s_header .main .slide_img {
            width: 100%;
            height: 100%;
            border-radius: 8px;
            object-fit: cover; }
          body .sections .section.s_header .main .content {
            position: absolute;
            text-align: center;
            top: 0;
            width: 44%;
            margin-left: 28%; }
            @media (max-width: 767px) {
              body .sections .section.s_header .main .content {
                width: 90%;
                margin-left: 5%;
                top: 0; } }
            @media (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_header .main .content {
                width: 90%;
                top: 0;
                margin-left: 5%; } }
            @media (min-width: 992px) and (max-width: 1024px) {
              body .sections .section.s_header .main .content {
                width: 80%;
                margin-left: 10%; } }
            @media (min-width: 1025px) and (max-width: 1280px) {
              body .sections .section.s_header .main .content {
                width: 60%;
                margin-left: 20%; } }
            @media (min-width: 1281px) and (max-width: 1366px) {
              body .sections .section.s_header .main .content {
                width: 60%;
                margin-left: 20%; } }
            @media (min-width: 1367px) and (max-width: 1589px) {
              body .sections .section.s_header .main .content {
                width: 60%;
                margin-left: 20%; } }
            @media (min-width: 1590px) and (max-width: 1700px) {
              body .sections .section.s_header .main .content {
                width: 60%;
                margin-left: 20%; } }
            @media (min-width: 992px) {
              body .sections .section.s_header .main .content.service-top {
                width: 65%;
                margin-left: 17.5%;
                top: 0; } }
            body .sections .section.s_header .main .content h2 {
              color: #EAF2E6;
              font-size: 70px;
              font-weight: 600;
              margin-bottom: 1.5vw;
              margin-top: 0; }
              @media (max-width: 767px) {
                body .sections .section.s_header .main .content h2 {
                  font-size: 30px;
                  margin-bottom: 6vw; } }
              @media (min-width: 768px) and (max-width: 991px) {
                body .sections .section.s_header .main .content h2 {
                  font-size: 30px;
                  margin-bottom: 6vw; } }
            body .sections .section.s_header .main .content h5 {
              color: #fff;
              font-size: 20px;
              font-weight: bold; }
            body .sections .section.s_header .main .content p {
              color: #fff;
              font-size: 20px;
              font-weight: normal;
              line-height: 26px; }
              @media (max-width: 767px) {
                body .sections .section.s_header .main .content p {
                  font-size: 16px;
                  line-height: 22px; } }
              @media (min-width: 768px) and (max-width: 991px) {
                body .sections .section.s_header .main .content p {
                  font-size: 16px;
                  line-height: 22px; } }
              @media (min-width: 992px) {
                body .sections .section.s_header .main .content p {
                  margin-bottom: 0; } }
            body .sections .section.s_header .main .content .btn-place a:first-of-type {
              margin-right: .3vw; }
              @media (max-width: 767px) {
                body .sections .section.s_header .main .content .btn-place a:first-of-type {
                  margin-right: 0; } }
              @media (min-width: 768px) and (max-width: 991px) {
                body .sections .section.s_header .main .content .btn-place a:first-of-type {
                  margin-right: 0; } }
            body .sections .section.s_header .main .content .btn-place a:last-of-type {
              margin-left: .3vw; }
              @media (max-width: 767px) {
                body .sections .section.s_header .main .content .btn-place a:last-of-type {
                  margin-left: 0;
                  margin-top: 5vw; } }
              @media (min-width: 768px) and (max-width: 991px) {
                body .sections .section.s_header .main .content .btn-place a:last-of-type {
                  margin-left: 0;
                  margin-top: 5vw; } }
      body .sections .section.s_slider {
        height: 36vw;
        border-radius: 8px;
        overflow: hidden; }
        @media (max-width: 767px) {
          body .sections .section.s_slider {
            margin-top: 20vw;
            height: min(175vw, 550px); } }
        @media (min-width: 768px) and (max-width: 991px) {
          body .sections .section.s_slider {
            margin-top: 15vw;
            height: 550px; } }
        @media (min-width: 992px) and (max-width: 1024px) {
          body .sections .section.s_slider {
            height: 47.5vw; } }
        @media (min-width: 1025px) and (max-width: 1280px) {
          body .sections .section.s_slider {
            height: 43vw; } }
        @media (min-width: 1281px) and (max-width: 1366px) {
          body .sections .section.s_slider {
            height: 40vw; } }
        @media (min-width: 1367px) and (max-width: 1440px) {
          body .sections .section.s_slider {
            height: 39vw; } }
        @media (min-width: 1921px) and (max-height: 2349px) {
          body .sections .section.s_slider {
            height: 650px; } }
        @media (min-width: 2350px) {
          body .sections .section.s_slider {
            height: 720px; } }
        body .sections .section.s_slider .fixed-btn {
          z-index: 1;
          width: fit-content;
          margin-left: auto;
          margin-right: auto;
          /*
          @media (max-width: 767px) {
            width: 80%;
            text-align: center;
            left: 10%;
            top: 80vw;
          }
          @media (min-width: 768px) and (max-width: 991px) {
            width: 80%;
            text-align: center;
            left: 10%;
            top: 35vw;
          }
          @media (min-width: 1025px) and (max-width: 1280px) {
            top: 29.5vw;
            left: 34vw;
          }
          @media (min-width: 1281px) and (max-width: 1366px) {
            top: 28vw;
            left: 34.1vw;
          }
          @media (min-width: 1367px) and (max-width: 1440px) {
            top: 25.5vw;
            left: 34.6vw;
          }
          @media (min-width: 1921px) {
            width: 16vw;
            text-align: center;
            left: calc(50% - 8vw);
            top: 19vw;
          }*/ }
        body .sections .section.s_slider .s_data {
          position: relative;
          height: auto; }
          body .sections .section.s_slider .s_data .slide {
            position: relative;
            height: auto; }
            body .sections .section.s_slider .s_data .slide .slide_img {
              width: 100%;
              height: 100%;
              border-radius: 8px;
              object-fit: cover; }
            body .sections .section.s_slider .s_data .slide .data {
              position: absolute;
              text-align: center;
              top: 2vw;
              width: 50%;
              margin-left: 25%; }
              @media (max-width: 767px) {
                body .sections .section.s_slider .s_data .slide .data {
                  width: 90%;
                  margin-left: 5%;
                  padding: 1% 2%; } }
              @media (min-width: 768px) and (max-width: 991px) {
                body .sections .section.s_slider .s_data .slide .data {
                  width: 90%;
                  margin-left: 5%;
                  padding: 1% 2%; } }
              @media (min-width: 992px) and (max-width: 1024px) {
                body .sections .section.s_slider .s_data .slide .data {
                  top: 1vw;
                  width: 80%;
                  margin-left: 10%; } }
              @media (min-width: 1025px) and (max-width: 1280px) {
                body .sections .section.s_slider .s_data .slide .data {
                  top: 1vw;
                  width: 60%;
                  margin-left: 20%; } }
              @media (min-width: 1281px) and (max-width: 1366px) {
                body .sections .section.s_slider .s_data .slide .data {
                  top: 1vw;
                  width: 60%;
                  margin-left: 20%; } }
              @media (min-width: 1367px) and (max-width: 1589px) {
                body .sections .section.s_slider .s_data .slide .data {
                  top: 1vw;
                  width: 60%;
                  margin-left: 20%; } }
              @media (min-width: 1590px) and (max-width: 1700px) {
                body .sections .section.s_slider .s_data .slide .data {
                  top: 1vw;
                  width: 60%;
                  margin-left: 20%; } }
              body .sections .section.s_slider .s_data .slide .data h2 {
                color: #EAF2E6;
                font-size: 5vw;
                font-weight: 600;
                margin-bottom: 1.5vw;
                /*@media (min-width: 992px) and (max-width: 1024px) {
                  font-size: 50px;
                }*/ }
                @media (max-width: 767px) {
                  body .sections .section.s_slider .s_data .slide .data h2 {
                    font-size: 30px; } }
                @media (min-width: 768px) and (max-width: 991px) {
                  body .sections .section.s_slider .s_data .slide .data h2 {
                    font-size: 30px; } }
                @media (min-width: 1024px) and (max-width: 1365px) {
                  body .sections .section.s_slider .s_data .slide .data h2 {
                    font-size: 4.4vw; } }
                @media (min-width: 1366px) {
                  body .sections .section.s_slider .s_data .slide .data h2 {
                    font-size: 70px; } }
              body .sections .section.s_slider .s_data .slide .data h3 {
                color: #fff;
                font-size: 3vw;
                font-weight: 600;
                margin-bottom: 1.5vw;
                /*@media (min-width: 992px) and (max-width: 1024px) {
                  margin-top: 0;
                  font-size: 30px;
                }
                @media (min-width: 1025px) and (max-width: 1280px) {
                  margin-top: 0;
                }
                @media (min-width: 1590px) and (max-width: 1700px) {
                  margin-top: 0;
                }*/ }
                @media (max-width: 767px) {
                  body .sections .section.s_slider .s_data .slide .data h3 {
                    font-size: 25px;
                    margin-bottom: 6vw;
                    margin-top: 6vw; } }
                @media (min-width: 768px) and (max-width: 991px) {
                  body .sections .section.s_slider .s_data .slide .data h3 {
                    font-size: 25px;
                    margin-bottom: 6vw;
                    margin-top: 6vw; } }
                @media (min-width: 1366px) {
                  body .sections .section.s_slider .s_data .slide .data h3 {
                    font-size: 40px; } }
              body .sections .section.s_slider .s_data .slide .data p {
                color: #fff;
                font-size: 1.5vw;
                font-weight: normal;
                line-height: 26px; }
                @media (max-width: 767px) {
                  body .sections .section.s_slider .s_data .slide .data p {
                    font-size: 16px;
                    line-height: initial; } }
                @media (min-width: 768px) and (max-width: 991px) {
                  body .sections .section.s_slider .s_data .slide .data p {
                    font-size: 16px;
                    line-height: initial; } }
                @media (min-width: 1366px) {
                  body .sections .section.s_slider .s_data .slide .data p {
                    font-size: 20px; } }
            body .sections .section.s_slider .s_data .slide[data-slick-index="1"] .green_overlay {
              background: rgba(106, 118, 140, 0.9); }
            body .sections .section.s_slider .s_data .slide[data-slick-index="2"] .green_overlay {
              background: rgba(174, 114, 163, 0.9); }
            body .sections .section.s_slider .s_data .slide[data-slick-index="3"] .green_overlay {
              background: rgba(135, 162, 142, 0.9); }
        body .sections .section.s_slider .s_navs {
          width: 180px;
          margin: 0 auto;
          position: relative;
          top: -50px; }
          @media (max-width: 767px) {
            body .sections .section.s_slider .s_navs {
              top: -60px; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_slider .s_navs {
              top: -60px; } }
          @media (min-width: 1500px) {
            body .sections .section.s_slider .s_navs {
              top: -75px; } }
        body .sections .section.s_slider .s_navs:before {
          content: ' ';
          border: 1px solid #FFF;
          width: 26px;
          height: 26px;
          position: relative;
          display: block;
          border-radius: 30px;
          margin: 0px auto -27px;
          box-sizing: border-box;
          -moz-box-sizing: border-box;
          -webkit-box-sizing: border-box; }
        body .sections .section.s_slider .slick-dots {
          display: flex;
          justify-content: center;
          margin: 0;
          padding: 1rem 0;
          list-style-type: none; }
        body .sections .section.s_slider .slick-dots li {
          margin: 0 0.25rem; }
        body .sections .section.s_slider .slick-dots button {
          display: block;
          width: 1rem;
          height: 1rem;
          padding: 0;
          border: none;
          border-radius: 100%;
          background-color: grey;
          text-indent: -9999px; }
        body .sections .section.s_slider .slick-dots li.slick-active button {
          background-color: #FFF; }
        body .sections .section.s_slider .s_navs .s_nav {
          height: 16px;
          background-color: #FFF;
          border-radius: 50%;
          margin: 6px 10px;
          transform: scale(0.66);
          outline: none;
          cursor: pointer; }
        body .sections .section.s_slider .s_navs .s_nav.slick-active {
          transform: scale(1); }
        body .sections .section.s_slider .s_nav.slick-active.slick-current {
          transform: scale(1);
          background-color: #FFF; }
      body .sections .section.green_boxes .data {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 2vw;
        grid-row-gap: 2vw; }
        @media (max-width: 767px) {
          body .sections .section.green_boxes .data {
            grid-template-columns: repeat(1, 1fr);
            grid-row-gap: 4vw; } }
        @media (min-width: 768px) and (max-width: 991px) {
          body .sections .section.green_boxes .data {
            grid-template-columns: repeat(2, 1fr);
            grid-row-gap: 4vw; } }
        @media (min-width: 992px) and (max-width: 1024px) {
          body .sections .section.green_boxes .data {
            grid-template-columns: repeat(2, 1fr); } }
        body .sections .section.green_boxes .data .box {
          position: relative;
          background: #fff;
          border-radius: 8px;
          padding: 1.5vw;
          color: #000;
          border: 3px solid #EAF2E6;
          text-align: center; }
          @media (max-width: 767px) {
            body .sections .section.green_boxes .data .box {
              padding: 5vw; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body .sections .section.green_boxes .data .box {
              padding: 5vw; } }
          body .sections .section.green_boxes .data .box img {
            height: 2.5vw; }
            @media (max-width: 767px) {
              body .sections .section.green_boxes .data .box img {
                width: 10vw;
                height: auto; } }
            @media (min-width: 768px) and (max-width: 991px) {
              body .sections .section.green_boxes .data .box img {
                width: 10vw;
                height: auto; } }
            @media (min-width: 992px) and (max-width: 1024px) {
              body .sections .section.green_boxes .data .box img {
                width: 5vw;
                height: auto; } }
          body .sections .section.green_boxes .data .box h4 {
            font-size: 20px;
            margin-top: 1.5vw;
            height: 2vw;
            color: #454545; }
            @media (max-width: 767px) {
              body .sections .section.green_boxes .data .box h4 {
                margin-top: 5vw;
                height: auto; } }
            @media (min-width: 768px) and (max-width: 991px) {
              body .sections .section.green_boxes .data .box h4 {
                margin-top: 5vw;
                height: auto; } }
            @media (min-width: 992px) and (max-width: 1024px) {
              body .sections .section.green_boxes .data .box h4 {
                font-size: 18px; } }
            @media (min-width: 1025px) and (max-width: 1280px) {
              body .sections .section.green_boxes .data .box h4 {
                font-size: 18px; } }
            @media (min-width: 1281px) and (max-width: 1366px) {
              body .sections .section.green_boxes .data .box h4 {
                font-size: 18px; } }
          body .sections .section.green_boxes .data .box .content p {
            font-size: 16px;
            line-height: 22px;
            font-weight: normal;
            margin-top: 2vw; }
      body .sections .section.gray_boxes .data {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 2vw;
        grid-row-gap: 2vw; }
        body .sections .section.gray_boxes .data .box {
          position: relative;
          background: #F2F2F2;
          border-radius: 8px;
          padding: 2.5vw; }
          body .sections .section.gray_boxes .data .box .top img {
            width: 1.75vw;
            float: left;
            margin-right: 1vw; }
          body .sections .section.gray_boxes .data .box .top h4 {
            font-size: 23px;
            margin-top: 0;
            color: #518A70; }
          body .sections .section.gray_boxes .data .box .content p {
            font-size: 16px;
            font-weight: normal;
            color: rgba(0, 0, 0, 0.4); }
      body .sections .section.two_way_left .left {
        float: left;
        position: relative;
        width: 50%;
        padding: 0vw 2vw 1vw 0vw; }
        @media (max-width: 767px) {
          body .sections .section.two_way_left .left {
            width: 100%;
            padding: 2vw 0; } }
        @media (min-width: 768px) and (max-width: 991px) {
          body .sections .section.two_way_left .left {
            width: 100%;
            padding: 2vw 0; } }
        body .sections .section.two_way_left .left h2 {
          color: #518A70;
          font-size: 60px;
          font-weight: 600;
          margin-bottom: 1.5vw;
          margin-top: 0; }
          @media (max-width: 767px) {
            body .sections .section.two_way_left .left h2 {
              font-size: 30px;
              text-align: center;
              margin-bottom: 3vw; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body .sections .section.two_way_left .left h2 {
              font-size: 30px;
              text-align: center;
              margin-bottom: 3vw; } }
          @media (min-width: 992px) {
            body .sections .section.two_way_left .left h2 {
              width: 85%; } }
        body .sections .section.two_way_left .left h3 {
          font-size: 40px;
          color: #518A70;
          margin-top: 0; }
          @media (max-width: 767px) {
            body .sections .section.two_way_left .left h3 {
              font-size: 24px;
              text-align: center; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body .sections .section.two_way_left .left h3 {
              font-size: 24px;
              text-align: center; } }
        body .sections .section.two_way_left .left p {
          font-size: 18px;
          line-height: 25px;
          font-weight: normal;
          float: left;
          width: 95%;
          margin-top: 0;
          margin-bottom: 1.5vw; }
          @media (max-width: 767px) {
            body .sections .section.two_way_left .left p {
              width: 100%;
              margin-left: 0;
              text-align: left;
              margin-top: 3vw; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body .sections .section.two_way_left .left p {
              width: 100%;
              margin-left: 0;
              text-align: left;
              margin-top: 3vw; } }
          body .sections .section.two_way_left .left p:first-of-type {
            float: left;
            margin-top: 2vw; }
          body .sections .section.two_way_left .left p.bottom-text {
            margin-left: calc(1vw + 35px); }
            @media (max-width: 767px) {
              body .sections .section.two_way_left .left p.bottom-text {
                margin-left: calc(5vw + 35px); } }
            @media (min-width: 768px) and (max-width: 991px) {
              body .sections .section.two_way_left .left p.bottom-text {
                margin-left: calc(5vw + 35px); } }
        body .sections .section.two_way_left .left .steps {
          list-style: none;
          padding: 0; }
          @media (max-width: 767px) {
            body .sections .section.two_way_left .left .steps {
              float: left;
              position: relative;
              margin-top: 6vw;
              margin-bottom: 0; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body .sections .section.two_way_left .left .steps {
              float: left;
              position: relative;
              margin-top: 6vw;
              margin-bottom: 0; } }
          body .sections .section.two_way_left .left .steps li {
            float: left;
            position: relative;
            width: 100%;
            margin-bottom: 1vw; }
            body .sections .section.two_way_left .left .steps li:last-of-type {
              margin-bottom: 0; }
            body .sections .section.two_way_left .left .steps li .num {
              font-size: 22px;
              line-height: 32px;
              color: #fff;
              float: left;
              background: #6A768C;
              width: 35px;
              height: 35px;
              text-align: center;
              border-radius: 50%;
              font-weight: 500;
              padding-top: 4px;
              margin-right: 1vw;
              transform: translateY(-4px); }
              @media (max-width: 767px) {
                body .sections .section.two_way_left .left .steps li .num {
                  margin-right: 6vw; } }
              @media (min-width: 768px) and (max-width: 991px) {
                body .sections .section.two_way_left .left .steps li .num {
                  margin-right: 6vw; } }
        body .sections .section.two_way_left .left img {
          float: left;
          width: 100%;
          border-radius: 8px;
          margin-top: 5vw;
          margin-bottom: 5vw; }
      body .sections .section.two_way_left .right {
        float: left;
        position: relative;
        width: 50%; }
        @media (max-width: 767px) {
          body .sections .section.two_way_left .right {
            width: 100%; } }
        @media (min-width: 768px) and (max-width: 991px) {
          body .sections .section.two_way_left .right {
            width: 100%; } }
        body .sections .section.two_way_left .right img {
          width: 100%;
          border-radius: 8px; }
      body .sections .section.two_way_right .left {
        float: left;
        position: relative;
        width: 50%; }
        @media (max-width: 767px) {
          body .sections .section.two_way_right .left {
            width: 100%; } }
        @media (min-width: 768px) and (max-width: 991px) {
          body .sections .section.two_way_right .left {
            width: 100%; } }
        body .sections .section.two_way_right .left img {
          width: 100%; }
          @media (max-width: 767px) {
            body .sections .section.two_way_right .left img {
              display: none; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body .sections .section.two_way_right .left img {
              display: none; } }
      body .sections .section.two_way_right .right {
        float: left;
        position: relative;
        width: 50%;
        padding: 0vw 5vw 1vw 3vw; }
        @media (max-width: 767px) {
          body .sections .section.two_way_right .right {
            width: 100%;
            padding: 0; } }
        @media (min-width: 768px) and (max-width: 991px) {
          body .sections .section.two_way_right .right {
            width: 100%;
            padding: 0; } }
        body .sections .section.two_way_right .right h2 {
          color: #518A70;
          font-size: 60px;
          font-weight: 600;
          margin-top: 0;
          margin-bottom: 1.5vw; }
          @media (max-width: 767px) {
            body .sections .section.two_way_right .right h2 {
              font-size: 30px;
              text-align: center;
              margin-bottom: 5vw; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body .sections .section.two_way_right .right h2 {
              font-size: 30px;
              text-align: center;
              margin-bottom: 5vw; } }
        body .sections .section.two_way_right .right h3 {
          font-size: 40px;
          color: #518A70;
          margin-top: 0; }
          @media (max-width: 767px) {
            body .sections .section.two_way_right .right h3 {
              font-size: 24px;
              text-align: center; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body .sections .section.two_way_right .right h3 {
              font-size: 24px;
              text-align: center; } }
        body .sections .section.two_way_right .right p {
          width: 100%;
          font-size: 18px;
          font-weight: normal;
          line-height: 25px;
          margin-bottom: 1.5vw; }
          body .sections .section.two_way_right .right p:first-of-type {
            float: left;
            margin-top: 2vw; }
          @media (max-width: 767px) {
            body .sections .section.two_way_right .right p {
              text-align: left;
              margin-top: 3vw; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body .sections .section.two_way_right .right p {
              text-align: left;
              margin-top: 3vw; } }
        body .sections .section.two_way_right .right a {
          color: #518A70; }
        @media (max-width: 767px) {
          body .sections .section.two_way_right .right img {
            float: left;
            position: relative;
            margin-top: 4vw;
            width: 100%;
            border-radius: 8px; } }
        @media (min-width: 768px) and (max-width: 991px) {
          body .sections .section.two_way_right .right img {
            float: left;
            position: relative;
            margin-top: 4vw;
            width: 100%;
            border-radius: 8px; } }
      body .sections .section.green_box {
        width: 100%;
        background: #fff;
        border: 3px solid #518A70;
        border-radius: 8px;
        text-align: center;
        padding: 4vw 15vw; }
        @media (max-width: 767px) {
          body .sections .section.green_box {
            padding: 6vw; } }
        @media (min-width: 768px) and (max-width: 991px) {
          body .sections .section.green_box {
            padding: 6vw; } }
        body .sections .section.green_box h2 {
          color: #518A70;
          font-size: 60px;
          font-weight: 600;
          margin-top: 0;
          margin-bottom: 1.5vw; }
          @media (max-width: 767px) {
            body .sections .section.green_box h2 {
              font-size: 30px; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body .sections .section.green_box h2 {
              font-size: 30px; } }
          @media (min-width: 992px) and (max-width: 1024px) {
            body .sections .section.green_box h2 {
              font-size: 50px; } }
        body .sections .section.green_box h3 {
          color: #000;
          font-size: 40px;
          font-weight: 600;
          margin-top: 0;
          margin-bottom: 1.5vw; }
          @media (max-width: 767px) {
            body .sections .section.green_box h3 {
              font-size: 25px;
              margin-top: 5vw;
              margin-bottom: 5vw; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body .sections .section.green_box h3 {
              font-size: 25px;
              margin-top: 5vw;
              margin-bottom: 5vw; } }
          @media (min-width: 992px) and (max-width: 1024px) {
            body .sections .section.green_box h3 {
              font-size: 30px; } }
        body .sections .section.green_box p {
          font-size: 16px;
          font-weight: normal;
          color: #fff;
          width: 50%;
          margin-left: 25%; }
      body .sections .section.sale {
        width: calc(100% + 14vw);
        margin-left: -7vw;
        margin-bottom: 0; }
        body .sections .section.sale .top {
          float: left;
          position: relative;
          width: 100%;
          text-align: center;
          padding: 0 25vw 8vw; }
          @media (max-width: 767px) {
            body .sections .section.sale .top {
              padding: 5vw 0; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body .sections .section.sale .top {
              padding: 5vw 0; } }
          @media (min-width: 1921px) {
            body .sections .section.sale .top {
              margin-bottom: 1vw; } }
          body .sections .section.sale .top h2 {
            font-size: 60px;
            color: #518A70;
            margin-top: 0;
            margin-bottom: 1.5vw; }
            @media (max-width: 767px) {
              body .sections .section.sale .top h2 {
                font-size: 30px; } }
            @media (min-width: 768px) and (max-width: 991px) {
              body .sections .section.sale .top h2 {
                font-size: 30px; } }
          body .sections .section.sale .top h3 {
            font-size: 40px;
            color: #454545;
            width: 86%;
            margin-left: 7%;
            margin-bottom: 0; }
            @media (max-width: 767px) {
              body .sections .section.sale .top h3 {
                font-size: 24px; } }
            @media (min-width: 768px) and (max-width: 991px) {
              body .sections .section.sale .top h3 {
                font-size: 24px; } }
            body .sections .section.sale .top h3 a {
              text-decoration: none;
              color: #6CB86A; }
              body .sections .section.sale .top h3 a:hover {
                text-decoration: underline; }
        body .sections .section.sale .bottom {
          float: left;
          position: relative;
          width: 100%;
          background: #EAF2E6;
          padding: 2vw 12vw 2vw; }
          @media (max-width: 767px) {
            body .sections .section.sale .bottom {
              display: flex;
              flex-direction: column-reverse;
              margin-top: 13vw;
              padding: 1vw 11vw 2vw; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body .sections .section.sale .bottom {
              display: flex;
              flex-direction: column-reverse;
              margin-top: 13vw;
              padding: 1vw 11vw 2vw; } }
          body .sections .section.sale .bottom .left-side {
            float: left;
            position: relative;
            width: 50%; }
            @media (max-width: 767px) {
              body .sections .section.sale .bottom .left-side {
                width: 100%; } }
            @media (min-width: 768px) and (max-width: 991px) {
              body .sections .section.sale .bottom .left-side {
                width: 100%; } }
            body .sections .section.sale .bottom .left-side h4 {
              font-size: 32px;
              color: #518A70; }
              @media (max-width: 767px) {
                body .sections .section.sale .bottom .left-side h4 {
                  text-align: center;
                  font-size: 24px; } }
              @media (min-width: 768px) and (max-width: 991px) {
                body .sections .section.sale .bottom .left-side h4 {
                  text-align: center;
                  font-size: 24px; } }
            body .sections .section.sale .bottom .left-side ol {
              padding: 0 1vw; }
              body .sections .section.sale .bottom .left-side ol li::marker {
                color: #518A70;
                font-weight: bold;
                font-size: 20px; }
              body .sections .section.sale .bottom .left-side ol li p {
                font-size: 20px; }
            body .sections .section.sale .bottom .left-side .phone_points {
              text-align: center; }
              body .sections .section.sale .bottom .left-side .phone_points p {
                font-size: 20px; }
                body .sections .section.sale .bottom .left-side .phone_points p span {
                  color: #518A70;
                  font-weight: bold;
                  font-size: 20px;
                  margin-bottom: -4vw;
                  display: block; }
            body .sections .section.sale .bottom .left-side .btn-place a:first-of-type {
              margin-right: 1vw; }
              @media (max-width: 767px) {
                body .sections .section.sale .bottom .left-side .btn-place a:first-of-type {
                  width: 100%;
                  text-align: center;
                  margin-top: 4vw;
                  margin-right: 0; } }
              @media (min-width: 768px) and (max-width: 991px) {
                body .sections .section.sale .bottom .left-side .btn-place a:first-of-type {
                  width: 100%;
                  text-align: center;
                  margin-top: 4vw;
                  margin-right: 0; } }
            @media (max-width: 767px) {
              body .sections .section.sale .bottom .left-side .btn-place a:last-of-type {
                width: 90%;
                margin-left: 5%;
                text-align: center;
                margin-top: 4vw;
                margin-bottom: 6vw; } }
            @media (min-width: 768px) and (max-width: 991px) {
              body .sections .section.sale .bottom .left-side .btn-place a:last-of-type {
                width: 90%;
                margin-left: 5%;
                text-align: center;
                margin-top: 4vw;
                margin-bottom: 6vw; } }
          body .sections .section.sale .bottom .right-side {
            float: left;
            position: relative;
            width: 50%; }
            @media (max-width: 767px) {
              body .sections .section.sale .bottom .right-side {
                width: 100%; } }
            @media (min-width: 768px) and (max-width: 991px) {
              body .sections .section.sale .bottom .right-side {
                width: 100%; } }
            body .sections .section.sale .bottom .right-side img {
              width: 100%;
              margin-top: -9vw; }
              @media (max-width: 767px) {
                body .sections .section.sale .bottom .right-side img {
                  margin-top: -12vw; } }
              @media (min-width: 768px) and (max-width: 991px) {
                body .sections .section.sale .bottom .right-side img {
                  margin-top: -12vw; } }
              @media (min-width: 1921px) {
                body .sections .section.sale .bottom .right-side img {
                  margin-top: -8vw; } }
      body .sections .section.content_3 {
        width: 100%; }
        body .sections .section.content_3 .navigate {
          float: left;
          position: relative;
          width: 100%;
          border-bottom: 1px solid rgba(0, 0, 0, 0.1);
          padding: 1vw 3vw 2vw 3vw;
          margin-bottom: 3vw; }
          body .sections .section.content_3 .navigate ul {
            list-style: none;
            padding: 0; }
            body .sections .section.content_3 .navigate ul li {
              float: left;
              position: relative;
              margin-right: 4.5vw; }
              body .sections .section.content_3 .navigate ul li.active a {
                color: #518A70;
                font-weight: 500; }
                body .sections .section.content_3 .navigate ul li.active a::after {
                  content: "";
                  position: absolute;
                  left: 0;
                  bottom: -2.15vw;
                  width: 100%;
                  height: 5px;
                  background: #518A70; }
              body .sections .section.content_3 .navigate ul li a {
                color: #000;
                font-size: 23px;
                text-decoration: none;
                transition: all .4s; }
                body .sections .section.content_3 .navigate ul li a:hover {
                  color: #518A70; }
          @media (max-width: 767px) {
            body .sections .section.content_3 .navigate .section_navigate {
              width: 100%;
              border: none;
              background-color: #F7F7F7;
              padding: 3vw;
              appearance: none;
              background-image: url(/assets/img/select_arrow.svg);
              background-repeat: no-repeat;
              background-position: 95% 55%; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body .sections .section.content_3 .navigate .section_navigate {
              width: 100%;
              border: none;
              background-color: #F7F7F7;
              padding: 3vw;
              appearance: none;
              background-image: url(/assets/img/select_arrow.svg);
              background-repeat: no-repeat;
              background-position: 95% 55%; } }
        body .sections .section.content_3 .data {
          float: left;
          position: relative;
          width: 100%;
          display: grid;
          grid-template-columns: repeat(3, 1fr);
          grid-template-rows: 1fr;
          grid-column-gap: 2vw;
          grid-row-gap: 3vw; }
          @media (max-width: 767px) {
            body .sections .section.content_3 .data {
              grid-template-columns: repeat(1, 1fr); } }
          @media (min-width: 768px) and (max-width: 991px) {
            body .sections .section.content_3 .data {
              grid-template-columns: repeat(1, 1fr); } }
          body .sections .section.content_3 .data .item img {
            width: 100%; }
          body .sections .section.content_3 .data .item .content {
            float: left;
            position: relative;
            width: 100%; }
            body .sections .section.content_3 .data .item .content .top {
              float: left;
              position: relative;
              width: 100%;
              border-bottom: 1px solid #000;
              padding: 0 1vw; }
              body .sections .section.content_3 .data .item .content .top .date {
                float: left;
                font-weight: 500;
                font-size: 20px;
                margin-top: 1.2vw;
                margin-bottom: 1.2vw; }
              body .sections .section.content_3 .data .item .content .top .category {
                float: right;
                font-weight: 500;
                font-size: 20px;
                color: #518A70;
                text-transform: uppercase;
                margin-top: 1.2vw;
                margin-bottom: 1.2vw; }
            body .sections .section.content_3 .data .item .content .main {
              float: left;
              position: relative;
              padding: 1vw; }
              body .sections .section.content_3 .data .item .content .main p {
                font-size: 16px; }
              body .sections .section.content_3 .data .item .content .main a {
                color: #518A70; }
      body .sections .section.step_by_step {
        width: 90%;
        margin-left: 5%; }
        @media (max-width: 767px) {
          body .sections .section.step_by_step {
            width: 100%;
            margin-left: 0; } }
        @media (min-width: 768px) and (max-width: 991px) {
          body .sections .section.step_by_step {
            width: 100%;
            margin-left: 0; } }
        body .sections .section.step_by_step .top {
          width: 100%;
          margin-left: 0;
          text-align: center; }
          body .sections .section.step_by_step .top h2 {
            color: #518A70;
            font-size: 60px;
            font-weight: 600;
            margin-top: 0;
            margin-bottom: 1.5vw; }
            @media (max-width: 767px) {
              body .sections .section.step_by_step .top h2 {
                font-size: 30px; } }
            @media (min-width: 768px) and (max-width: 991px) {
              body .sections .section.step_by_step .top h2 {
                font-size: 30px; } }
          body .sections .section.step_by_step .top p {
            color: #000;
            font-size: 18px;
            font-weight: normal;
            width: 40%;
            margin-left: 30%; }
            @media (max-width: 767px) {
              body .sections .section.step_by_step .top p {
                width: 100%;
                margin-left: 0;
                font-size: 16px; } }
            @media (min-width: 768px) and (max-width: 991px) {
              body .sections .section.step_by_step .top p {
                width: 100%;
                margin-left: 0;
                font-size: 16px; } }
            @media (min-width: 992px) {
              body .sections .section.step_by_step .top p {
                line-height: 25px; } }
        body .sections .section.step_by_step .data {
          display: grid;
          grid-template-columns: repeat(2, 1fr);
          grid-template-rows: 1fr;
          grid-column-gap: 0;
          grid-row-gap: 0;
          margin-top: 4vw; }
          @media (max-width: 767px) {
            body .sections .section.step_by_step .data {
              grid-template-columns: repeat(1, 1fr);
              margin-top: 3vw; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body .sections .section.step_by_step .data {
              grid-template-columns: repeat(1, 1fr);
              margin-top: 3vw; } }
          body .sections .section.step_by_step .data .data_content {
            text-align: center;
            padding: 0 4vw; }
            @media (max-width: 767px) {
              body .sections .section.step_by_step .data .data_content {
                padding: 4vw 0; } }
            @media (min-width: 768px) and (max-width: 991px) {
              body .sections .section.step_by_step .data .data_content {
                padding: 4vw 0; } }
            body .sections .section.step_by_step .data .data_content:first-of-type {
              border-right: 1px solid #DDDDDD; }
              @media (max-width: 767px) {
                body .sections .section.step_by_step .data .data_content:first-of-type {
                  border-right: none;
                  border-bottom: 1px solid #DDDDDD; } }
              @media (min-width: 768px) and (max-width: 991px) {
                body .sections .section.step_by_step .data .data_content:first-of-type {
                  border-right: none;
                  border-bottom: 1px solid #DDDDDD; } }
            body .sections .section.step_by_step .data .data_content .data_head {
              float: left;
              width: 100%;
              display: flex;
              justify-content: center;
              gap: 1vw; }
              @media (max-width: 767px) {
                body .sections .section.step_by_step .data .data_content .data_head {
                  padding: 0 5%;
                  gap: 3vw; } }
              @media (min-width: 768px) and (max-width: 991px) {
                body .sections .section.step_by_step .data .data_content .data_head {
                  display: flex;
                  align-items: baseline;
                  margin-bottom: 4vw;
                  flex-direction: column;
                  align-items: center; } }
              body .sections .section.step_by_step .data .data_content .data_head .num {
                font-size: 22px;
                line-height: 32px;
                color: #fff;
                float: left;
                background: #6A768C;
                width: 35px;
                height: 35px;
                text-align: center;
                border-radius: 50%;
                font-weight: 500;
                padding-top: 2px;
                transform: translateY(8px); }
                @media (max-width: 767px) {
                  body .sections .section.step_by_step .data .data_content .data_head .num {
                    margin-bottom: 3vw;
                    padding-top: 5px;
                    padding-left: 1px;
                    line-height: 26px; } }
                @media (min-width: 768px) and (max-width: 991px) {
                  body .sections .section.step_by_step .data .data_content .data_head .num {
                    margin-left: 0;
                    margin-bottom: 0;
                    padding-top: 5px;
                    padding-left: 1px;
                    line-height: 26px; } }
              body .sections .section.step_by_step .data .data_content .data_head h3 {
                float: left;
                font-weight: bold;
                font-size: 40px;
                color: #518A70;
                margin-top: 0; }
                @media (max-width: 767px) {
                  body .sections .section.step_by_step .data .data_content .data_head h3 {
                    font-size: 25px;
                    float: none;
                    margin-bottom: 4vw;
                    padding: 2vw 0; } }
                @media (min-width: 768px) and (max-width: 991px) {
                  body .sections .section.step_by_step .data .data_content .data_head h3 {
                    font-size: 25px;
                    float: none;
                    margin-bottom: 0;
                    padding: 4vw; } }
                @media (min-width: 992px) and (max-width: 1280px) {
                  body .sections .section.step_by_step .data .data_content .data_head h3 {
                    font-size: 33px;
                    margin-top: .3vw; } }
                @media (min-width: 1281px) and (max-width: 1440px) {
                  body .sections .section.step_by_step .data .data_content .data_head h3 {
                    font-size: 37px; } }
                @media (min-width: 991px) {
                  body .sections .section.step_by_step .data .data_content .data_head h3 {
                    white-space: nowrap; } }
            body .sections .section.step_by_step .data .data_content p {
              font-weight: normal;
              font-size: 16px;
              line-height: 22px;
              margin-bottom: 3em; }
              @media (min-width: 992px) and (max-width: 1280px) {
                body .sections .section.step_by_step .data .data_content p {
                  height: 13vw; } }
              @media (min-width: 1281px) and (max-width: 1820px) {
                body .sections .section.step_by_step .data .data_content p {
                  height: 10vw; } }
              @media (min-width: 1821px) {
                body .sections .section.step_by_step .data .data_content p {
                  height: 7.5vw; } }
            body .sections .section.step_by_step .data .data_content a {
              color: #518A70; }
            body .sections .section.step_by_step .data .data_content img {
              width: 100%; }
              @media (max-width: 767px) {
                body .sections .section.step_by_step .data .data_content img {
                  margin-top: -4vw;
                  margin-bottom: 6vw; } }
              @media (min-width: 768px) and (max-width: 991px) {
                body .sections .section.step_by_step .data .data_content img {
                  margin-top: -4vw;
                  margin-bottom: 6vw; } }
              @media (max-width: 767px) {
                body .sections .section.step_by_step .data .data_content img.no_mobile_bottom {
                  margin-bottom: 0 !important; } }
              @media (min-width: 768px) and (max-width: 991px) {
                body .sections .section.step_by_step .data .data_content img.no_mobile_bottom {
                  margin-bottom: 0 !important; } }
        body .sections .section.step_by_step .points {
          float: left;
          position: relative;
          width: 100%;
          margin-top: 5vw; }
          body .sections .section.step_by_step .points .point {
            float: left;
            position: relative;
            width: 100%;
            margin-bottom: 3vw; }
            body .sections .section.step_by_step .points .point.left_oriented .lbl-place h4 {
              text-align: left;
              padding-left: 1.5vw; }
            body .sections .section.step_by_step .points .point.left_oriented .data .left {
              width: 38%; }
            body .sections .section.step_by_step .points .point.left_oriented .data .right {
              width: 62%;
              padding: 2vw 0 2vw 5vw; }
            body .sections .section.step_by_step .points .point.right_oriented .lbl-place h4 {
              text-align: right;
              padding-right: 1.5vw; }
            body .sections .section.step_by_step .points .point.right_oriented .data .left {
              width: 62%;
              padding: 2vw 5vw 2vw 0; }
            body .sections .section.step_by_step .points .point.right_oriented .data .right {
              width: 38%; }
            body .sections .section.step_by_step .points .point .lbl-place {
              float: left;
              position: relative;
              width: 100%;
              border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
              body .sections .section.step_by_step .points .point .lbl-place h4 {
                color: #518A70;
                font-size: 23px;
                margin-bottom: 1.5vw; }
            body .sections .section.step_by_step .points .point .data {
              float: left;
              position: relative;
              width: 100%;
              padding: 2vw 0; }
              body .sections .section.step_by_step .points .point .data .left {
                float: left;
                position: relative; }
              body .sections .section.step_by_step .points .point .data .right {
                float: left;
                position: relative; }
              body .sections .section.step_by_step .points .point .data .left img, body .sections .section.step_by_step .points .point .data .right img {
                width: 100%; }
              body .sections .section.step_by_step .points .point .data .left p, body .sections .section.step_by_step .points .point .data .right p {
                color: #000;
                font-size: 18px;
                font-weight: normal; }
              body .sections .section.step_by_step .points .point .data .left a, body .sections .section.step_by_step .points .point .data .right a {
                color: #518A70; }
      body .sections .section.s_contact .top {
        float: left;
        position: relative;
        width: 100%;
        padding: 0; }
        body .sections .section.s_contact .top h2 {
          font-size: 40px;
          font-weight: bold;
          margin-top: 0;
          margin-bottom: 0.5vw; }
          @media (max-width: 767px) {
            body .sections .section.s_contact .top h2 {
              font-size: 30px;
              text-align: center;
              margin-bottom: 1vw; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_contact .top h2 {
              font-size: 30px;
              text-align: center;
              margin-bottom: 1vw; } }
        body .sections .section.s_contact .top h4 {
          font-size: 24px;
          font-weight: bold; }
          @media (max-width: 767px) {
            body .sections .section.s_contact .top h4 {
              font-size: 20px;
              text-align: center;
              margin-top: 3vw;
              margin-bottom: 2vw;
              color: #000; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_contact .top h4 {
              font-size: 20px;
              text-align: center;
              margin-top: 3vw;
              margin-bottom: 2vw;
              color: #000; } }
      body .sections .section.s_contact .data {
        float: left;
        position: relative;
        width: 100%;
        margin-left: 0; }
        @media (max-width: 767px) {
          body .sections .section.s_contact .data {
            width: 100%;
            margin-left: 0; } }
        @media (min-width: 768px) and (max-width: 991px) {
          body .sections .section.s_contact .data {
            width: 100%;
            margin-left: 0; } }
        body .sections .section.s_contact .data .left {
          float: left;
          position: relative;
          width: 50%; }
          @media (max-width: 767px) {
            body .sections .section.s_contact .data .left {
              width: 100%; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_contact .data .left {
              width: 100%; } }
          body .sections .section.s_contact .data .left .part {
            float: left;
            position: relative;
            width: 50%; }
            @media (max-width: 767px) {
              body .sections .section.s_contact .data .left .part {
                width: 100%; } }
            @media (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_contact .data .left .part {
                width: 100%; } }
            body .sections .section.s_contact .data .left .part .s_label {
              float: left;
              position: relative;
              width: 100%;
              border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
              body .sections .section.s_contact .data .left .part .s_label h4 {
                color: #518A70;
                font-size: 23px; }
                @media (max-width: 767px) {
                  body .sections .section.s_contact .data .left .part .s_label h4 {
                    margin-bottom: 4vw; } }
                @media (min-width: 768px) and (max-width: 991px) {
                  body .sections .section.s_contact .data .left .part .s_label h4 {
                    margin-bottom: 4vw; } }
            body .sections .section.s_contact .data .left .part .data {
              float: left;
              position: relative;
              width: 100%;
              margin-top: 1.5vw; }
              body .sections .section.s_contact .data .left .part .data .round {
                float: left;
                position: relative;
                width: 18px;
                height: 18px;
                border-radius: 50%;
                border: 3px solid #518A70;
                margin-top: 1.3em; }
                @media (max-width: 767px) {
                  body .sections .section.s_contact .data .left .part .data .round {
                    display: none; } }
                @media (min-width: 768px) and (max-width: 991px) {
                  body .sections .section.s_contact .data .left .part .data .round {
                    display: none; } }
              body .sections .section.s_contact .data .left .part .data .content {
                float: left;
                margin-left: 2.5vw; }
                @media (max-width: 767px) {
                  body .sections .section.s_contact .data .left .part .data .content {
                    margin-left: 0; } }
                @media (min-width: 768px) and (max-width: 991px) {
                  body .sections .section.s_contact .data .left .part .data .content {
                    margin-left: 0; } }
                @media (min-width: 1921px) {
                  body .sections .section.s_contact .data .left .part .data .content {
                    width: calc(100% - 3.5vw); } }
                body .sections .section.s_contact .data .left .part .data .content p, body .sections .section.s_contact .data .left .part .data .content a {
                  font-size: 16px;
                  line-height: 22px;
                  font-weight: normal;
                  color: #000;
                  text-decoration: none; }
                body .sections .section.s_contact .data .left .part .data .content a {
                  float: left;
                  display: block;
                  transition: all .4s; }
                  body .sections .section.s_contact .data .left .part .data .content a:hover, body .sections .section.s_contact .data .left .part .data .content a:focus {
                    color: #518A70;
                    text-decoration: underline; }
        body .sections .section.s_contact .data .right {
          float: left;
          position: relative;
          width: 50%;
          padding: 0 0 0 5vw; }
          @media (max-width: 767px) {
            body .sections .section.s_contact .data .right {
              width: 100%;
              padding: 0;
              border-radius: 8px;
              margin-top: 3vw; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_contact .data .right {
              width: 100%;
              padding: 0;
              border-radius: 8px;
              margin-top: 3vw; } }
          body .sections .section.s_contact .data .right #mapa {
            width: 100%;
            height: 20vw; }
            @media (max-width: 767px) {
              body .sections .section.s_contact .data .right #mapa {
                height: 80vw;
                margin-top: 4vw;
                margin-bottom: 6vw; } }
            @media (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_contact .data .right #mapa {
                height: 80vw;
                margin-top: 4vw;
                margin-bottom: 6vw; } }
      body .sections .section.s_login {
        width: 23%;
        margin-left: 38.5%;
        text-align: center;
        margin-top: 0vw;
        margin-bottom: 3vw; }
        @media (max-width: 767px) {
          body .sections .section.s_login {
            width: 100%;
            margin-left: 0;
            margin-top: 22vw;
            margin-bottom: 12vw; } }
        @media (min-width: 768px) and (max-width: 991px) {
          body .sections .section.s_login {
            width: 100%;
            margin-left: 0;
            margin-top: 22vw;
            margin-bottom: 12vw; } }
        body .sections .section.s_login .login_ico {
          width: 35%;
          margin-bottom: 1vw; }
          @media (max-width: 767px) {
            body .sections .section.s_login .login_ico {
              width: 25%;
              margin-bottom: 4vw; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_login .login_ico {
              width: 25%;
              margin-bottom: 4vw; } }
        body .sections .section.s_login h3 {
          font-size: 32px;
          margin-top: .5vw; }
        body .sections .section.s_login a {
          width: 100%; }
        body .sections .section.s_login .main {
          float: left;
          position: relative;
          width: 100%; }
          body .sections .section.s_login .main .form-part label {
            float: left;
            color: rgba(0, 0, 0, 0.5);
            font-size: 14px;
            margin-left: 0.7vw;
            margin-bottom: 0.3vw;
            display: block;
            width: 100%;
            text-align: left; }
          @media (max-width: 767px) {
            body .sections .section.s_login .main .form-part #login_password {
              margin-bottom: 4vw; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_login .main .form-part #login_password {
              margin-bottom: 4vw; } }
          body .sections .section.s_login .main .form-part input {
            float: left;
            display: block;
            background: #F7F7F7;
            color: #000;
            font-weight: normal;
            width: 100%;
            border: none;
            padding: 1.3vw;
            margin-bottom: 1vw;
            font-size: 16px;
            transition: all .4s;
            border-radius: 5px;
            border: 1px solid transparent; }
            @media (max-width: 767px) {
              body .sections .section.s_login .main .form-part input {
                padding: 4vw;
                margin-bottom: 4vw; } }
            @media (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_login .main .form-part input {
                padding: 4vw;
                margin-bottom: 4vw; } }
            body .sections .section.s_login .main .form-part input:focus {
              outline: none;
              border: 1px solid #C9C9C9; }
        body .sections .section.s_login .bottom {
          float: left;
          position: relative;
          width: 100%;
          border-top: 1px solid #E3E3E3;
          margin-top: 2vw; }
          @media (max-width: 767px) {
            body .sections .section.s_login .bottom {
              margin-top: 4vw;
              padding-top: 2vw; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_login .bottom {
              margin-top: 4vw;
              padding-top: 2vw; } }
      body .sections .section.s_reset {
        width: 40%;
        margin-left: 30%;
        text-align: center;
        margin-top: 0vw;
        margin-bottom: 3vw; }
        @media (max-width: 767px) {
          body .sections .section.s_reset {
            width: 100%;
            margin-left: 0;
            margin-top: 22vw;
            margin-bottom: 12vw; } }
        @media (min-width: 768px) and (max-width: 991px) {
          body .sections .section.s_reset {
            width: 100%;
            margin-left: 0;
            margin-top: 22vw;
            margin-bottom: 12vw; } }
        body .sections .section.s_reset .reset_content {
          float: left;
          width: 57%;
          margin-left: 21.5%; }
          @media (max-width: 767px) {
            body .sections .section.s_reset .reset_content {
              width: 100%;
              margin-left: 0; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_reset .reset_content {
              width: 100%;
              margin-left: 0; } }
        body .sections .section.s_reset .info {
          font-size: 18px;
          font-weight: normal;
          margin-top: 0;
          margin-bottom: 2vw;
          width: 90%;
          margin-left: 5%; }
          body .sections .section.s_reset .info span {
            font-size: inherit; }
          body .sections .section.s_reset .info a {
            color: #518A70;
            text-decoration: underline; }
        body .sections .section.s_reset h5 {
          font-size: 20px;
          font-weight: bold;
          margin-top: 0; }
        body .sections .section.s_reset .login_ico {
          width: 35%;
          margin-bottom: 1vw; }
          @media (max-width: 767px) {
            body .sections .section.s_reset .login_ico {
              width: 25%;
              margin-bottom: 4vw; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_reset .login_ico {
              width: 25%;
              margin-bottom: 4vw; } }
        body .sections .section.s_reset h3 {
          font-size: 32px;
          margin-top: .5vw; }
        body .sections .section.s_reset a {
          width: 100%; }
        body .sections .section.s_reset .main {
          float: left;
          position: relative;
          width: 100%; }
          body .sections .section.s_reset .main .form-part label {
            float: left;
            color: rgba(0, 0, 0, 0.5);
            font-size: 14px;
            margin-left: 0.7vw;
            margin-bottom: 0.3vw;
            display: block;
            width: 100%;
            text-align: left; }
          body .sections .section.s_reset .main .form-part input {
            float: left;
            display: block;
            background: #F7F7F7;
            color: #000;
            font-weight: normal;
            width: 100%;
            border: none;
            padding: 1.3vw;
            margin-bottom: 1vw;
            font-size: 16px;
            transition: all .4s;
            border-radius: 5px;
            border: 1px solid transparent; }
            @media (max-width: 767px) {
              body .sections .section.s_reset .main .form-part input {
                padding: 4vw;
                margin-bottom: 4vw; } }
            @media (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_reset .main .form-part input {
                padding: 4vw;
                margin-bottom: 4vw; } }
            body .sections .section.s_reset .main .form-part input:focus {
              outline: none;
              border: 1px solid #C9C9C9; }
        body .sections .section.s_reset .bottom {
          float: left;
          position: relative;
          width: 100%;
          margin-top: 0; }
          @media (max-width: 767px) {
            body .sections .section.s_reset .bottom {
              margin-top: 4vw;
              padding-top: 2vw; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_reset .bottom {
              margin-top: 4vw;
              padding-top: 2vw; } }
      body .sections .section.s_register {
        width: 23%;
        margin-left: 38.5%;
        text-align: center;
        margin-top: 0vw;
        margin-bottom: 3vw; }
        @media (max-width: 767px) {
          body .sections .section.s_register {
            width: 100%;
            margin-left: 0;
            margin-top: 22vw;
            margin-bottom: 12vw; } }
        @media (min-width: 768px) and (max-width: 991px) {
          body .sections .section.s_register {
            width: 100%;
            margin-left: 0;
            margin-top: 22vw;
            margin-bottom: 12vw; } }
        body .sections .section.s_register .login_ico {
          width: 35%;
          margin-bottom: 1vw; }
          @media (max-width: 767px) {
            body .sections .section.s_register .login_ico {
              width: 25%;
              margin-bottom: 4vw; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_register .login_ico {
              width: 25%;
              margin-bottom: 4vw; } }
        body .sections .section.s_register h3 {
          font-size: 32px;
          margin-top: .5vw; }
        body .sections .section.s_register a {
          width: 100%; }
        body .sections .section.s_register .main {
          float: left;
          position: relative;
          width: 100%; }
          body .sections .section.s_register .main .form-part label {
            float: left;
            color: rgba(0, 0, 0, 0.5);
            font-size: 14px;
            margin-left: 0.7vw;
            margin-bottom: 0.3vw;
            display: block;
            width: 100%;
            text-align: left; }
            body .sections .section.s_register .main .form-part label span {
              color: rgba(255, 0, 0, 0.5); }
          body .sections .section.s_register .main .form-part input {
            float: left;
            display: block;
            background: #F7F7F7;
            color: #000;
            font-weight: normal;
            width: 100%;
            border: none;
            padding: 1.3vw;
            margin-bottom: 1vw;
            font-size: 16px;
            transition: all .4s;
            border-radius: 5px;
            border: 1px solid transparent; }
            @media (max-width: 767px) {
              body .sections .section.s_register .main .form-part input {
                padding: 4vw;
                margin-bottom: 4vw; } }
            @media (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_register .main .form-part input {
                padding: 4vw;
                margin-bottom: 4vw; } }
            body .sections .section.s_register .main .form-part input:focus {
              outline: none;
              border: 1px solid #C9C9C9; }
          body .sections .section.s_register .main .confirm {
            display: inline-block;
            cursor: pointer;
            float: left;
            margin-top: 0.5vw;
            margin-bottom: .5vw;
            text-align: left;
            width: 100%; }
            @media (max-width: 767px) {
              body .sections .section.s_register .main .confirm {
                margin-top: 3vw; } }
            @media (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_register .main .confirm {
                margin-top: 3vw; } }
            body .sections .section.s_register .main .confirm .check-img {
              float: left;
              width: 1vw;
              height: 1vw;
              margin-top: .2vw; }
              @media (max-width: 767px) {
                body .sections .section.s_register .main .confirm .check-img {
                  width: 5vw;
                  height: 5vw; } }
              @media (min-width: 768px) and (max-width: 991px) {
                body .sections .section.s_register .main .confirm .check-img {
                  width: 5vw;
                  height: 5vw; } }
            body .sections .section.s_register .main .confirm span {
              float: left;
              margin-left: 0.6vw;
              font-size: 14px;
              font-weight: 400;
              margin-top: 4px;
              color: rgba(0, 0, 0, 0.5);
              width: 85%;
              cursor: default; }
              @media (min-width: 992px) and (max-width: 1024px) and (max-height: 768px) {
                body .sections .section.s_register .main .confirm span {
                  font-size: 1.1vw;
                  width: 85%;
                  margin-top: 0px; } }
              @media (max-width: 767px) {
                body .sections .section.s_register .main .confirm span {
                  font-size: 3vw;
                  padding-left: 3vw; } }
              @media (min-width: 768px) and (max-width: 991px) {
                body .sections .section.s_register .main .confirm span {
                  font-size: 2.5vw;
                  padding-left: 3vw; } }
              @media (min-width: 1025px) and (max-width: 1366px) {
                body .sections .section.s_register .main .confirm span {
                  width: 85%; } }
              body .sections .section.s_register .main .confirm span a {
                color: rgba(0, 0, 0, 0.5);
                font-weight: 600;
                text-decoration: underline;
                margin-left: 0; }
              body .sections .section.s_register .main .confirm span .req {
                position: absolute;
                color: rgba(255, 0, 0, 0.5);
                margin-top: -1px;
                left: 77%; }
                @media (max-width: 767px) {
                  body .sections .section.s_register .main .confirm span .req {
                    left: 74%; } }
                @media (min-width: 768px) and (max-width: 991px) {
                  body .sections .section.s_register .main .confirm span .req {
                    left: 74%; } }
        body .sections .section.s_register .req_info {
          float: left;
          position: relative;
          font-size: 12px;
          font-weight: 400;
          color: rgba(0, 0, 0, 0.5); }
          @media (max-width: 767px) {
            body .sections .section.s_register .req_info {
              margin-top: 4vw;
              margin-bottom: 4vw; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_register .req_info {
              margin-top: 4vw;
              margin-bottom: 4vw; } }
          body .sections .section.s_register .req_info span {
            color: rgba(255, 0, 0, 0.5); }
      body .sections .section.s_dashboard_top {
        float: left;
        position: relative;
        width: 100%;
        background: #fff;
        -webkit-box-shadow: 0px 0px 20px 12px rgba(0, 0, 0, 0.07);
        -moz-box-shadow: 0px 0px 20px 12px rgba(0, 0, 0, 0.07);
        box-shadow: 0px 0px 20px 12px rgba(0, 0, 0, 0.07);
        padding: 2vw;
        border-radius: 8px;
        margin-bottom: 1vw; }
        @media (max-width: 767px) {
          body .sections .section.s_dashboard_top {
            margin-top: 20vw; } }
        @media (min-width: 768px) and (max-width: 991px) {
          body .sections .section.s_dashboard_top {
            margin-top: 15vw; } }
        body .sections .section.s_dashboard_top.with-bottom {
          margin-bottom: 8vw; }
        body .sections .section.s_dashboard_top .left-side {
          float: left;
          position: relative;
          width: 19%;
          height: 13vw;
          text-align: center; }
          @media (max-width: 767px) {
            body .sections .section.s_dashboard_top .left-side {
              width: 100%;
              height: auto; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_dashboard_top .left-side {
              width: 100%;
              height: auto; } }
          body .sections .section.s_dashboard_top .left-side a {
            color: #518A70; }
            body .sections .section.s_dashboard_top .left-side a:visited {
              color: #518A70; }
          body .sections .section.s_dashboard_top .left-side img.dashboard_photo {
            cursor: pointer; }
          body .sections .section.s_dashboard_top .left-side img {
            width: 45%;
            margin-top: 2.3vw;
            border-radius: 50%;
            object-fit: cover;
            margin-left: -2vw; }
            @media (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_dashboard_top .left-side img {
                width: 25%;
                height: 25%; } }
          body .sections .section.s_dashboard_top .left-side p {
            font-size: 20px;
            font-weight: bold;
            margin-left: -2vw; }
        body .sections .section.s_dashboard_top .middle-side {
          float: left;
          position: relative;
          width: 45%;
          padding: 0 5%;
          border-left: 1px solid rgba(0, 0, 0, 0.1);
          border-right: 1px solid rgba(0, 0, 0, 0.1); }
          body .sections .section.s_dashboard_top .middle-side h4 ~ p {
            height: 75px;
            margin: 16px 0;
            /*
            & ~ a.first-device {
              margin-top: 1.5vw !important;
              @media (max-width: 767px) {
                margin-top: 5vw !important;
              }
            }*/ }
          @media (max-width: 767px) {
            body .sections .section.s_dashboard_top .middle-side .green-btn[data-modal="register_new_device"] {
              margin-top: 5vw;
              margin-bottom: 20vw;
              width: 100%; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_dashboard_top .middle-side .green-btn[data-modal="register_new_device"] {
              margin-bottom: 10vw;
              display: block;
              text-align: center; } }
          @media (max-width: 767px) {
            body .sections .section.s_dashboard_top .middle-side p {
              text-align: center; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_dashboard_top .middle-side p {
              text-align: center; } }
          @media (max-width: 767px) {
            body .sections .section.s_dashboard_top .middle-side {
              width: 100%;
              height: auto;
              border: none;
              padding-top: 5vw;
              padding-bottom: 2vw;
              margin-bottom: 6vw; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_dashboard_top .middle-side {
              width: 100%;
              height: auto;
              border: none;
              padding-top: 5vw;
              padding-bottom: 2vw;
              margin-bottom: 6vw; } }
          @media (max-width: 767px) {
            body .sections .section.s_dashboard_top .middle-side::before {
              content: '';
              position: absolute;
              top: .5vw;
              left: 10%;
              width: 80%;
              height: 1px;
              background: rgba(0, 0, 0, 0.1); } }
          @media (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_dashboard_top .middle-side::before {
              content: '';
              position: absolute;
              top: .5vw;
              left: 10%;
              width: 80%;
              height: 1px;
              background: rgba(0, 0, 0, 0.1); } }
          @media (max-width: 767px) {
            body .sections .section.s_dashboard_top .middle-side::after {
              content: '';
              position: absolute;
              left: 10%;
              width: 80%;
              height: 1px;
              background: rgba(0, 0, 0, 0.1);
              bottom: 0; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_dashboard_top .middle-side::after {
              content: '';
              position: absolute;
              left: 10%;
              width: 80%;
              height: 1px;
              background: rgba(0, 0, 0, 0.1);
              bottom: 0; } }
          body .sections .section.s_dashboard_top .middle-side .my-devices {
            float: left;
            position: relative;
            width: 100%;
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            grid-template-rows: 1fr;
            grid-column-gap: 1vw;
            grid-row-gap: 2vw; }
            @media (max-width: 767px) {
              body .sections .section.s_dashboard_top .middle-side .my-devices {
                grid-template-columns: repeat(1, 1fr);
                grid-row-gap: 12vw;
                margin-bottom: 17.5vw; } }
            @media (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_dashboard_top .middle-side .my-devices {
                grid-template-columns: repeat(2, 1fr);
                grid-row-gap: 12vw;
                margin-bottom: 8vw; } }
            body .sections .section.s_dashboard_top .middle-side .my-devices .device {
              position: relative;
              cursor: pointer; }
              @media (max-width: 767px) {
                body .sections .section.s_dashboard_top .middle-side .my-devices .device {
                  margin: 0 10%; } }
              body .sections .section.s_dashboard_top .middle-side .my-devices .device .open-modal:hover .img-add {
                background: url(/assets/img/add_device_hover_2.svg);
                background-repeat: no-repeat;
                background-size: cover; }
              body .sections .section.s_dashboard_top .middle-side .my-devices .device a {
                pointer-events: none; }
                body .sections .section.s_dashboard_top .middle-side .my-devices .device a.open-modal {
                  pointer-events: all; }
                body .sections .section.s_dashboard_top .middle-side .my-devices .device a img {
                  float: left;
                  height: 6vw;
                  max-width: 50%; }
                  @media (max-width: 767px) {
                    body .sections .section.s_dashboard_top .middle-side .my-devices .device a img {
                      min-width: 25vw;
                      height: 25vw; } }
                  @media (min-width: 768px) and (max-width: 991px) {
                    body .sections .section.s_dashboard_top .middle-side .my-devices .device a img {
                      height: 16vw;
                      min-width: 16vw; } }
                  body .sections .section.s_dashboard_top .middle-side .my-devices .device a img.extended_warranty {
                    position: absolute;
                    height: 3vw;
                    left: 3.5vw;
                    top: -.7vw; }
                    @media (max-width: 767px) {
                      body .sections .section.s_dashboard_top .middle-side .my-devices .device a img.extended_warranty {
                        height: auto;
                        left: -4.5vw;
                        width: 13vw;
                        min-width: 13vw; } }
                    @media (min-width: 768px) and (max-width: 991px) {
                      body .sections .section.s_dashboard_top .middle-side .my-devices .device a img.extended_warranty {
                        height: auto;
                        left: -4.5vw;
                        width: 13vw;
                        min-width: 13vw; } }
                body .sections .section.s_dashboard_top .middle-side .my-devices .device a .img-add {
                  float: left;
                  width: 6vw;
                  height: 6vw;
                  max-width: 50%;
                  background: url(/assets/img/add_device.svg);
                  background-repeat: no-repeat;
                  background-size: cover;
                  transition: all .3s; }
                  @media (max-width: 767px) {
                    body .sections .section.s_dashboard_top .middle-side .my-devices .device a .img-add {
                      width: 25vw;
                      height: 25vw; } }
                  @media (min-width: 768px) and (max-width: 991px) {
                    body .sections .section.s_dashboard_top .middle-side .my-devices .device a .img-add {
                      width: 16vw;
                      height: 16vw; } }
                body .sections .section.s_dashboard_top .middle-side .my-devices .device a span {
                  float: left;
                  font-size: 18px;
                  color: #518A70;
                  font-weight: bold;
                  text-decoration: underline;
                  text-decoration-thickness: 2px;
                  text-underline-offset: 2px;
                  margin-top: 2vw;
                  margin-left: 1vw;
                  max-width: calc(50% - 1vw); }
                  @media (max-width: 767px) {
                    body .sections .section.s_dashboard_top .middle-side .my-devices .device a span {
                      margin-top: 9vw;
                      margin-left: 4vw; } }
                  @media (min-width: 768px) and (max-width: 991px) {
                    body .sections .section.s_dashboard_top .middle-side .my-devices .device a span {
                      margin-top: 4vw;
                      margin-left: 2vw; } }
                  @media (min-width: 992px) and (max-width: 1366px) {
                    body .sections .section.s_dashboard_top .middle-side .my-devices .device a span {
                      font-size: 12px; } }
                body .sections .section.s_dashboard_top .middle-side .my-devices .device a p {
                  font-size: 13px;
                  color: #F4A40C;
                  margin-left: 1vw;
                  float: left;
                  width: 100%;
                  position: absolute;
                  left: -1vw;
                  bottom: 1px;
                  transition: all 0.4s;
                  text-align: left; }
                  @media (max-width: 768px) {
                    body .sections .section.s_dashboard_top .middle-side .my-devices .device a p {
                      width: auto;
                      max-width: 100%;
                      bottom: -38px; } }
                  @media (min-width: 1025px) and (max-width: 1280px) {
                    body .sections .section.s_dashboard_top .middle-side .my-devices .device a p {
                      bottom: 33px; } }
                  @media (min-width: 1281px) and (max-width: 1366px) {
                    body .sections .section.s_dashboard_top .middle-side .my-devices .device a p {
                      bottom: 33px; } }
                  @media (min-width: 1367px) and (max-width: 1440px) {
                    body .sections .section.s_dashboard_top .middle-side .my-devices .device a p {
                      bottom: 33px; } }
                  @media (min-width: 1441px) and (max-width: 1650px) {
                    body .sections .section.s_dashboard_top .middle-side .my-devices .device a p {
                      bottom: 25px; } }
                  body .sections .section.s_dashboard_top .middle-side .my-devices .device a p.declined {
                    color: #CC0000; }
                  body .sections .section.s_dashboard_top .middle-side .my-devices .device a p.approved {
                    opacity: 0; }
          body .sections .section.s_dashboard_top .middle-side h4 {
            font-size: 24px;
            font-weight: bold;
            margin-top: 0; }
            @media (max-width: 767px) {
              body .sections .section.s_dashboard_top .middle-side h4 {
                text-align: center; } }
            @media (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_dashboard_top .middle-side h4 {
                text-align: center; } }
            body .sections .section.s_dashboard_top .middle-side h4 span {
              color: #518A70; }
          body .sections .section.s_dashboard_top .middle-side p {
            font-size: 16px;
            line-height: 22px; }
          body .sections .section.s_dashboard_top .middle-side a[data-modal="register_new_device"] ~ .buy-irobot {
            margin-top: 3vw; }
            @media (max-width: 767px) {
              body .sections .section.s_dashboard_top .middle-side a[data-modal="register_new_device"] ~ .buy-irobot {
                margin-bottom: 10vw; } }
          body .sections .section.s_dashboard_top .middle-side .buy-irobot, body .sections .section.s_dashboard_top .middle-side .all-my-devices {
            display: block;
            color: #518A70;
            font-size: 17px;
            text-align: right; }
            @media (max-width: 767px) {
              body .sections .section.s_dashboard_top .middle-side .buy-irobot, body .sections .section.s_dashboard_top .middle-side .all-my-devices {
                position: absolute;
                float: none;
                text-align: center;
                margin-top: 12vw;
                margin-bottom: 5vw;
                right: 0;
                left: 0;
                bottom: 0; } }
            @media (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_dashboard_top .middle-side .buy-irobot, body .sections .section.s_dashboard_top .middle-side .all-my-devices {
                position: absolute;
                float: none;
                text-align: center;
                margin-top: 7vw;
                margin-bottom: 4vw;
                right: 0;
                left: 0;
                bottom: 0; } }
        body .sections .section.s_dashboard_top .right-side {
          float: left;
          position: relative;
          width: 35%;
          height: auto;
          padding: 0 5%; }
          @media (max-width: 767px) {
            body .sections .section.s_dashboard_top .right-side {
              width: 100%;
              height: auto;
              display: flex;
              flex-direction: column; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_dashboard_top .right-side {
              width: 100%;
              height: auto; } }
          @media (min-width: 1367px) and (max-width: 1499px) {
            body .sections .section.s_dashboard_top .right-side {
              padding-left: 1%;
              padding-right: 1%; } }
          @media (min-width: 1500px) and (max-width: 1855px) {
            body .sections .section.s_dashboard_top .right-side {
              padding-right: 1%; } }
          @media (min-width: 991px) {
            body .sections .section.s_dashboard_top .right-side .show-sale-code {
              margin-top: 0 !important; } }
          @media (max-width: 991px) {
            body .sections .section.s_dashboard_top .right-side .show-sale-code {
              display: block;
              text-align: center; } }
          body .sections .section.s_dashboard_top .right-side h4 {
            font-size: 24px;
            font-weight: bold;
            margin-top: 0; }
            @media (max-width: 767px) {
              body .sections .section.s_dashboard_top .right-side h4 {
                text-align: center; } }
            @media (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_dashboard_top .right-side h4 {
                text-align: center; } }
          body .sections .section.s_dashboard_top .right-side p {
            font-size: 18px;
            line-height: 25px;
            font-weight: bold; }
            body .sections .section.s_dashboard_top .right-side p.mb_36 {
              margin-bottom: 36px; }
              @media (max-width: 767px) {
                body .sections .section.s_dashboard_top .right-side p.mb_36 {
                  text-align: center;
                  margin-bottom: 4vw; } }
              @media (min-width: 1024px) {
                body .sections .section.s_dashboard_top .right-side p.mb_36 {
                  height: 75px;
                  margin: 16px 0; } }
            body .sections .section.s_dashboard_top .right-side p span {
              color: #518A70; }
          body .sections .section.s_dashboard_top .right-side .sales-place {
            float: left;
            position: relative;
            width: 100%; }
            body .sections .section.s_dashboard_top .right-side .sales-place h5 {
              font-size: 18px;
              font-weight: bold;
              margin: 0;
              margin-bottom: 1.5vw; }
              @media (max-width: 767px) {
                body .sections .section.s_dashboard_top .right-side .sales-place h5 {
                  text-align: center;
                  margin-top: 2vw;
                  margin-bottom: 2vw; } }
              @media (min-width: 768px) and (max-width: 991px) {
                body .sections .section.s_dashboard_top .right-side .sales-place h5 {
                  text-align: center;
                  margin-top: 2vw;
                  margin-bottom: 2vw; } }
              body .sections .section.s_dashboard_top .right-side .sales-place h5 small {
                font-size: 100%;
                color: #518A70; }
            body .sections .section.s_dashboard_top .right-side .sales-place .sl_data {
              float: left;
              position: relative;
              width: 100%;
              display: grid;
              grid-template-columns: repeat(3, 1fr);
              grid-template-rows: 1fr;
              grid-column-gap: 2vw;
              grid-row-gap: 3vw; }
              @media (max-width: 767px) {
                body .sections .section.s_dashboard_top .right-side .sales-place .sl_data {
                  margin-top: 4vw; } }
              @media (min-width: 768px) and (max-width: 991px) {
                body .sections .section.s_dashboard_top .right-side .sales-place .sl_data {
                  margin-top: 4vw; } }
              @media (min-width: 992px) and (max-width: 1366px) {
                body .sections .section.s_dashboard_top .right-side .sales-place .sl_data {
                  align-items: end; } }
              @media (min-width: 1367px) and (max-width: 1499px) {
                body .sections .section.s_dashboard_top .right-side .sales-place .sl_data {
                  grid-column-gap: 1vw; } }
              @media (min-width: 1500px) and (max-width: 1855px) {
                body .sections .section.s_dashboard_top .right-side .sales-place .sl_data {
                  grid-column-gap: 1vw; } }
              body .sections .section.s_dashboard_top .right-side .sales-place .sl_data div {
                text-align: center; }
              body .sections .section.s_dashboard_top .right-side .sales-place .sl_data a {
                font-size: 16px;
                color: #518A70;
                text-decoration: underline; }
                @media (max-width: 767px) {
                  body .sections .section.s_dashboard_top .right-side .sales-place .sl_data a {
                    font-size: 13px; } }
                @media (min-width: 768px) and (max-width: 991px) {
                  body .sections .section.s_dashboard_top .right-side .sales-place .sl_data a {
                    font-size: 13px; } }
                @media (min-width: 992px) and (max-width: 1366px) {
                  body .sections .section.s_dashboard_top .right-side .sales-place .sl_data a {
                    font-size: 13px; } }
              body .sections .section.s_dashboard_top .right-side .sales-place .sl_data .percentage {
                fill: #666;
                font-family: sans-serif;
                font-size: 0.5em;
                text-anchor: middle; }
              body .sections .section.s_dashboard_top .right-side .sales-place .sl_data .circular-chart {
                display: block;
                margin: 10px auto;
                max-width: 80%;
                max-height: 250px; }
                @media (min-width: 992px) and (max-width: 1367px) {
                  body .sections .section.s_dashboard_top .right-side .sales-place .sl_data .circular-chart {
                    max-width: 100%; } }
                body .sections .section.s_dashboard_top .right-side .sales-place .sl_data .circular-chart.green .circle {
                  stroke: #6CB86A; }
                body .sections .section.s_dashboard_top .right-side .sales-place .sl_data .circular-chart .percentage {
                  fill: #6CB86A; }
              body .sections .section.s_dashboard_top .right-side .sales-place .sl_data .circle-bg {
                fill: none;
                stroke: #EAF2E6;
                stroke-width: 3; }
              body .sections .section.s_dashboard_top .right-side .sales-place .sl_data .circle {
                fill: none;
                stroke-width: 3;
                animation: progress 1s ease-out forwards; }
          body .sections .section.s_dashboard_top .right-side .about-sales {
            display: block;
            color: #518A70;
            font-size: 17px;
            width: 100%;
            text-align: right;
            margin-top: 3vw; }
            @media (max-width: 767px) {
              body .sections .section.s_dashboard_top .right-side .about-sales {
                float: left;
                position: relative;
                text-align: center;
                width: 100%;
                right: 0;
                margin-top: 6vw;
                margin-bottom: 6vw; } }
            @media (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_dashboard_top .right-side .about-sales {
                float: left;
                position: relative;
                text-align: center;
                width: 100%;
                margin-top: 3vw;
                margin-bottom: 6vw; } }
        body .sections .section.s_dashboard_top .top-marker {
          position: absolute;
          background: #AE72A3;
          top: 0;
          right: 0;
          padding: 3px;
          width: 6%;
          text-align: center;
          color: #fff;
          border-top-right-radius: 8px;
          border-bottom-left-radius: 8px; }
          @media (max-width: 767px) {
            body .sections .section.s_dashboard_top .top-marker {
              width: 25%; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_dashboard_top .top-marker {
              width: 25%; } }
          body .sections .section.s_dashboard_top .top-marker p {
            font-size: 12px; }
            body .sections .section.s_dashboard_top .top-marker p strong {
              font-size: 14px; }
        body .sections .section.s_dashboard_top .no-devices {
          position: absolute;
          background: #fff;
          width: 80%;
          left: 10%;
          bottom: -35%;
          height: clamp(20%, 150px, 40%);
          z-index: -1;
          -webkit-box-shadow: 0px 0px 20px 12px rgba(0, 0, 0, 0.07);
          -moz-box-shadow: 0px 0px 20px 12px rgba(0, 0, 0, 0.07);
          box-shadow: 0px 0px 20px 12px rgba(0, 0, 0, 0.07);
          border-bottom-left-radius: 8px;
          border-bottom-right-radius: 8px;
          padding: 2vw 1vw 0.5vw;
          text-align: center; }
          @media (max-width: 767px) {
            body .sections .section.s_dashboard_top .no-devices {
              padding: 5vw 5vw 1vw;
              /* padding-top: 5vw; */
              bottom: -20%;
              left: 0;
              width: 100%; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_dashboard_top .no-devices {
              bottom: -20%; } }
          body .sections .section.s_dashboard_top .no-devices h4 {
            color: #6A768C;
            font-size: 24px;
            font-weight: bold;
            margin-top: 0;
            margin-bottom: 0; }
            @media (max-width: 767px) {
              body .sections .section.s_dashboard_top .no-devices h4 {
                font-size: min(5vw, 22px);
                margin: 0 auto;
                width: 102%; } }
            @media (min-width: 992px) {
              body .sections .section.s_dashboard_top .no-devices h4 {
                margin-top: 1%; } }
          body .sections .section.s_dashboard_top .no-devices p {
            color: #6A768C;
            font-size: 18px;
            padding-top: 10px;
            margin-top: 0; }
            @media (max-width: 767px) {
              body .sections .section.s_dashboard_top .no-devices p {
                font-size: min(3.5vw, 16px);
                padding-top: 17px; } }
      body .sections .section.s_dashboard_bottom {
        float: left;
        position: relative;
        width: 100%;
        margin-top: 3vw; }
        @media (max-width: 767px) {
          body .sections .section.s_dashboard_bottom {
            margin-top: 50vw; } }
        @media (min-width: 768px) and (max-width: 991px) {
          body .sections .section.s_dashboard_bottom {
            margin-top: 20vw; } }
        @media (min-width: 992px) and (max-width: 1280px) {
          body .sections .section.s_dashboard_bottom {
            margin-top: 6.5vw; } }
        body .sections .section.s_dashboard_bottom .left-side {
          position: relative;
          width: 100%;
          display: grid;
          grid-template-columns: 24% 24% 50%;
          grid-template-rows: 1fr;
          grid-column-gap: 0.9vw;
          grid-row-gap: 2vw; }
          @media (max-width: 767px) {
            body .sections .section.s_dashboard_bottom .left-side {
              width: 100%;
              grid-template-columns: repeat(1, 1fr);
              grid-row-gap: 4vw; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_dashboard_bottom .left-side {
              width: 100%;
              grid-template-columns: repeat(2, 1fr);
              grid-row-gap: 2vw; } }
          body .sections .section.s_dashboard_bottom .left-side .infobox {
            position: relative;
            width: 100%;
            border-radius: 8px;
            padding: 1.5vw;
            color: #000;
            border: 3px solid #EAF2E6;
            /* height: 25.6vw; */ }
            @media (max-width: 767px) {
              body .sections .section.s_dashboard_bottom .left-side .infobox {
                height: auto;
                padding: 7vw 8vw; } }
            @media (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_dashboard_bottom .left-side .infobox {
                height: 68vw;
                padding: 5vw 5vw; } }
            body .sections .section.s_dashboard_bottom .left-side .infobox .top-place {
              float: left;
              position: relative;
              width: 100%;
              border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
              body .sections .section.s_dashboard_bottom .left-side .infobox .top-place img {
                float: left;
                width: 1.5vw; }
                @media (max-width: 767px) {
                  body .sections .section.s_dashboard_bottom .left-side .infobox .top-place img {
                    width: 8.5vw; } }
                @media (min-width: 768px) and (max-width: 991px) {
                  body .sections .section.s_dashboard_bottom .left-side .infobox .top-place img {
                    width: 7.5vw; } }
              body .sections .section.s_dashboard_bottom .left-side .infobox .top-place h4 {
                font-size: 1.1vw;
                font-weight: bold;
                margin-left: 3vw;
                margin-top: 0; }
                @media (max-width: 767px) {
                  body .sections .section.s_dashboard_bottom .left-side .infobox .top-place h4 {
                    font-size: 5vw;
                    margin-left: 13vw;
                    margin-top: 1vw; } }
                @media (min-width: 768px) and (max-width: 991px) {
                  body .sections .section.s_dashboard_bottom .left-side .infobox .top-place h4 {
                    font-size: 2.5vw;
                    margin-left: 11vw;
                    margin-top: 2vw; } }
            body .sections .section.s_dashboard_bottom .left-side .infobox .content {
              float: left;
              position: relative;
              margin-top: 1vw;
              padding-right: 1vw; }
              @media (min-width: 768px) and (max-width: 991px) {
                body .sections .section.s_dashboard_bottom .left-side .infobox .content {
                  margin-top: 3vw; } }
              body .sections .section.s_dashboard_bottom .left-side .infobox .content p {
                font-size: 0.8vw;
                line-height: 1.4vw;
                margin-top: 0; }
                @media (max-width: 767px) {
                  body .sections .section.s_dashboard_bottom .left-side .infobox .content p {
                    font-size: 4vw;
                    line-height: 7vw; } }
                @media (min-width: 768px) and (max-width: 991px) {
                  body .sections .section.s_dashboard_bottom .left-side .infobox .content p {
                    font-size: 2vw;
                    line-height: 3.5vw; } }
            body .sections .section.s_dashboard_bottom .left-side .infobox a {
              position: absolute;
              left: 1vw;
              bottom: 2.5vw;
              width: 70%;
              text-align: center;
              margin-left: calc(16% - 1.5vw); }
              @media (max-width: 767px) {
                body .sections .section.s_dashboard_bottom .left-side .infobox a {
                  position: relative;
                  margin-top: 5vw; } }
              @media (min-width: 768px) and (max-width: 991px) {
                body .sections .section.s_dashboard_bottom .left-side .infobox a {
                  position: relative;
                  margin-top: 5vw; } }
            body .sections .section.s_dashboard_bottom .left-side .infobox .green-btn {
              padding: 1vw 3vw; }
              @media (max-width: 767px) {
                body .sections .section.s_dashboard_bottom .left-side .infobox .green-btn {
                  padding: 3vw 3vw; } }
              @media (min-width: 768px) and (max-width: 991px) {
                body .sections .section.s_dashboard_bottom .left-side .infobox .green-btn {
                  padding: 2vw 3vw; } }
            body .sections .section.s_dashboard_bottom .left-side .infobox h5 {
              float: left;
              margin-top: 1.5vw;
              font-size: 20px;
              font-weight: bold;
              position: absolute;
              left: 1vw;
              bottom: 2vw;
              width: 70%;
              text-align: center;
              margin-left: calc(16% - 1.5vw); }
              @media (max-width: 767px) {
                body .sections .section.s_dashboard_bottom .left-side .infobox h5 {
                  position: relative;
                  margin-top: 5vw; } }
              @media (min-width: 768px) and (max-width: 991px) {
                body .sections .section.s_dashboard_bottom .left-side .infobox h5 {
                  position: relative;
                  margin-top: 5vw; } }
        body .sections .section.s_dashboard_bottom .right-side {
          width: 100%; }
          @media (max-width: 767px) {
            body .sections .section.s_dashboard_bottom .right-side {
              width: 100%;
              margin-top: 4vw; }
              body .sections .section.s_dashboard_bottom .right-side div:nth-child(3) {
                margin-left: 9vw; }
              body .sections .section.s_dashboard_bottom .right-side .featured-img {
                border: none !important;
                padding: 0 !important; }
              body .sections .section.s_dashboard_bottom .right-side img {
                width: 100%; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_dashboard_bottom .right-side {
              width: 202%;
              margin-top: 0; } }
          body .sections .section.s_dashboard_bottom .right-side .infobox {
            float: left;
            position: relative;
            width: 100%; }
            body .sections .section.s_dashboard_bottom .right-side .infobox img {
              width: 100%; }
            body .sections .section.s_dashboard_bottom .right-side .infobox h5 {
              position: absolute;
              font-weight: bold;
              color: #fff;
              top: 4vw;
              font-size: 20px;
              width: 30%;
              text-align: center;
              left: 34.5%; }
            body .sections .section.s_dashboard_bottom .right-side .infobox h2 {
              position: absolute;
              color: #fff;
              bottom: 1.5vw;
              font-size: 50px;
              text-align: center;
              width: 100%; }
            body .sections .section.s_dashboard_bottom .right-side .infobox p {
              position: absolute;
              font-size: 20px;
              color: #7E7E7E;
              bottom: 0.7vw;
              width: 100%;
              text-align: center; }
      body .sections .section.s_my_devices {
        float: left;
        position: relative;
        width: 100%; }
        @media (max-width: 767px) {
          body .sections .section.s_my_devices {
            margin-top: 20vw; } }
        @media (min-width: 768px) and (max-width: 991px) {
          body .sections .section.s_my_devices {
            margin-top: 15vw; } }
        body .sections .section.s_my_devices h3 {
          font-size: 32px;
          font-weight: bold;
          color: #518A70;
          margin-top: 0; }
          @media (max-width: 767px) {
            body .sections .section.s_my_devices h3 {
              font-size: 24px; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_my_devices h3 {
              font-size: 24px; } }
        body .sections .section.s_my_devices h4 {
          font-size: 24px;
          font-weight: bold;
          margin-top: 0; }
        body .sections .section.s_my_devices .data {
          float: left;
          position: relative;
          width: 100%;
          margin-top: 1vw; }
          body .sections .section.s_my_devices .data .left-side {
            float: left;
            position: relative;
            width: 70%;
            padding-right: 6%; }
            @media (max-width: 767px) {
              body .sections .section.s_my_devices .data .left-side {
                width: 100%;
                padding-right: 0; } }
            @media (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_my_devices .data .left-side {
                width: 100%;
                padding-right: 0; } }
            body .sections .section.s_my_devices .data .left-side .new-device {
              width: 11vw;
              height: 13vw;
              border: 4px solid #518A70;
              border-radius: 8px;
              padding: 2vw;
              margin-left: calc(50% - 5.5vw);
              margin-top: 3vw;
              background-image: url(/assets/img/add_device.svg);
              background-repeat: no-repeat;
              background-size: 73%;
              background-position: 50% 20%;
              padding-top: 9vw;
              cursor: pointer;
              transition: all .2s; }
              @media (max-width: 767px) {
                body .sections .section.s_my_devices .data .left-side .new-device {
                  width: 50vw;
                  height: 65vw;
                  margin-left: calc(50% - 25vw);
                  margin-bottom: 10vw; } }
              body .sections .section.s_my_devices .data .left-side .new-device:hover {
                background: #6CB86A;
                border: 4px solid #6CB86A;
                background-image: url(/assets/img/add_device_hover.svg);
                background-repeat: no-repeat;
                background-size: 73%;
                background-position: 50% 20%; }
                body .sections .section.s_my_devices .data .left-side .new-device:hover a span {
                  color: #fff; }
              body .sections .section.s_my_devices .data .left-side .new-device a {
                position: relative;
                text-decoration: none; }
                body .sections .section.s_my_devices .data .left-side .new-device a span {
                  font-size: 18px;
                  font-weight: bold;
                  color: #518A70;
                  margin-top: 0.5vw;
                  display: block; }
                  @media (max-width: 767px) {
                    body .sections .section.s_my_devices .data .left-side .new-device a span {
                      margin-top: 40vw; } }
            body .sections .section.s_my_devices .data .left-side .approved-devices {
              float: left;
              position: relative;
              width: 100%; }
              body .sections .section.s_my_devices .data .left-side .approved-devices .device {
                float: left;
                position: relative;
                width: 100%; }
                @media (max-width: 767px) {
                  body .sections .section.s_my_devices .data .left-side .approved-devices .device {
                    width: 90%;
                    margin-left: 5%; } }
                body .sections .section.s_my_devices .data .left-side .approved-devices .device .title {
                  float: left;
                  position: relative;
                  width: 100%;
                  border-top: 1px solid rgba(0, 0, 0, 0.1);
                  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
                  border-radius: 7.5px;
                  padding: .8vw;
                  cursor: pointer;
                  transition: all .3s; }
                  @media (max-width: 767px) {
                    body .sections .section.s_my_devices .data .left-side .approved-devices .device .title {
                      padding: 4vw 10vw 4vw 0;
                      margin-left: -7vw;
                      width: calc(100% + 13vw);
                      display: flex;
                      align-items: center;
                      justify-content: space-between; } }
                  @media (min-width: 768px) and (max-width: 991px) {
                    body .sections .section.s_my_devices .data .left-side .approved-devices .device .title {
                      padding: 3vw 7vw;
                      margin-left: -7vw;
                      width: calc(100% + 13vw);
                      display: flex;
                      align-items: center;
                      justify-content: start; } }
                  @media (min-width: 992px) {
                    body .sections .section.s_my_devices .data .left-side .approved-devices .device .title {
                      display: flex;
                      align-items: center;
                      width: 100%; } }
                  body .sections .section.s_my_devices .data .left-side .approved-devices .device .title.open, body .sections .section.s_my_devices .data .left-side .approved-devices .device .title:hover {
                    background: #EAF2E6;
                    border-top: 1px solid #EAF2E6;
                    border-bottom: 1px solid #EAF2E6; }
                  body .sections .section.s_my_devices .data .left-side .approved-devices .device .title.sent.open, body .sections .section.s_my_devices .data .left-side .approved-devices .device .title.sent:hover {
                    background: #f5f5f5;
                    border-top: 1px solid #f5f5f5;
                    border-bottom: 1px solid #f5f5f5; }
                  body .sections .section.s_my_devices .data .left-side .approved-devices .device .title.open .control {
                    transform: rotate(0); }
                  body .sections .section.s_my_devices .data .left-side .approved-devices .device .title img {
                    float: left;
                    height: 5vw;
                    margin-right: 1vw; }
                    @media (max-width: 767px) {
                      body .sections .section.s_my_devices .data .left-side .approved-devices .device .title img {
                        height: 20vw;
                        margin-right: 5vw; } }
                    @media (min-width: 768px) and (max-width: 991px) {
                      body .sections .section.s_my_devices .data .left-side .approved-devices .device .title img {
                        height: 20vw;
                        margin-right: 0; } }
                  body .sections .section.s_my_devices .data .left-side .approved-devices .device .title h5 {
                    float: left;
                    font-size: 24px;
                    font-weight: 400;
                    margin-top: 0.7vw;
                    margin-bottom: 0;
                    margin-left: 1vw; }
                    @media (min-width: 768px) and (max-width: 991px) {
                      body .sections .section.s_my_devices .data .left-side .approved-devices .device .title h5 {
                        margin-top: 0vw;
                        margin-left: 3vw; } }
                    @media (min-width: 992px) {
                      body .sections .section.s_my_devices .data .left-side .approved-devices .device .title h5 {
                        margin-top: 0; } }
                    body .sections .section.s_my_devices .data .left-side .approved-devices .device .title h5 small {
                      font-size: 100%;
                      font-weight: 100;
                      color: #518A70; }
                  body .sections .section.s_my_devices .data .left-side .approved-devices .device .title .sent_info {
                    position: absolute;
                    left: 7.8vw;
                    top: 3.5vw;
                    font-size: 14px;
                    font-weight: 700;
                    color: #6A768C; }
                    @media (max-width: 991px) {
                      body .sections .section.s_my_devices .data .left-side .approved-devices .device .title .sent_info {
                        display: none; } }
                  body .sections .section.s_my_devices .data .left-side .approved-devices .device .title .control {
                    width: 1vw;
                    float: right;
                    margin-right: 1vw;
                    transform: rotate(180deg);
                    transition: all .4s; }
                    @media (max-width: 767px) {
                      body .sections .section.s_my_devices .data .left-side .approved-devices .device .title .control {
                        width: 6vw;
                        margin-right: 4vw; } }
                    @media (min-width: 768px) and (max-width: 991px) {
                      body .sections .section.s_my_devices .data .left-side .approved-devices .device .title .control {
                        width: 3vw;
                        margin-left: 27vw; } }
                    @media (min-width: 992px) {
                      body .sections .section.s_my_devices .data .left-side .approved-devices .device .title .control {
                        position: absolute;
                        right: 0; } }
                    body .sections .section.s_my_devices .data .left-side .approved-devices .device .title .control.extended {
                      margin-right: 4.5vw; }
                      @media (min-width: 992px) {
                        body .sections .section.s_my_devices .data .left-side .approved-devices .device .title .control.extended {
                          position: absolute;
                          right: 0; } }
                    body .sections .section.s_my_devices .data .left-side .approved-devices .device .title .control img {
                      width: 1vw;
                      height: 4vw; }
                      @media (max-width: 767px) {
                        body .sections .section.s_my_devices .data .left-side .approved-devices .device .title .control img {
                          width: 5vw; } }
                      @media (min-width: 768px) and (max-width: 991px) {
                        body .sections .section.s_my_devices .data .left-side .approved-devices .device .title .control img {
                          width: 3vw;
                          height: 20vw; } }
                  body .sections .section.s_my_devices .data .left-side .approved-devices .device .title .extended_warranty {
                    position: absolute;
                    top: 0;
                    right: -1vw;
                    height: 3.5vw; }
                    @media (max-width: 767px) {
                      body .sections .section.s_my_devices .data .left-side .approved-devices .device .title .extended_warranty {
                        right: -5vw;
                        height: 13vw; } }
                    @media (min-width: 768px) and (max-width: 991px) {
                      body .sections .section.s_my_devices .data .left-side .approved-devices .device .title .extended_warranty {
                        right: -5vw;
                        height: 13vw; } }
                body .sections .section.s_my_devices .data .left-side .approved-devices .device .data {
                  float: left;
                  position: relative;
                  width: 100%;
                  padding: 1.5vw 5vw 2vw;
                  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
                  display: none; }
                  body .sections .section.s_my_devices .data .left-side .approved-devices .device .data h4 {
                    margin-left: -1vw; }
                  body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .informations {
                    float: left;
                    position: relative;
                    width: 100%; }
                    @media (max-width: 767px) {
                      body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .informations {
                        margin-top: 4vw; } }
                    @media (min-width: 768px) and (max-width: 991px) {
                      body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .informations {
                        margin-top: 4vw; } }
                    body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .informations .content {
                      float: left;
                      position: relative;
                      width: 100%; }
                      body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .informations .content .cal {
                        background-image: url(/assets/img/calendar_ico.svg);
                        background-position: 90%;
                        background-repeat: no-repeat; }
                      body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .informations .content .cal_2 {
                        background-image: url(/assets/img/calendar_ico_gray.svg);
                        background-position: 90%;
                        background-repeat: no-repeat; }
                      body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .informations .content .form-part {
                        float: left;
                        position: relative;
                        width: 100%; }
                        body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .informations .content .form-part input {
                          width: 100%; }
                      body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .informations .content .update_name {
                        position: absolute;
                        right: 8%;
                        top: 2.6vw;
                        color: #518A70; }
                        @media (max-width: 767px) {
                          body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .informations .content .update_name {
                            top: 8.6vw; } }
                        @media (min-width: 768px) and (max-width: 991px) {
                          body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .informations .content .update_name {
                            top: 6.5vw; } }
                      body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .informations .content .left {
                        float: left;
                        position: relative;
                        width: 50%;
                        padding-right: 1%; }
                        @media (max-width: 767px) {
                          body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .informations .content .left {
                            width: 100%;
                            padding-right: 0; } }
                        @media (min-width: 768px) and (max-width: 991px) {
                          body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .informations .content .left {
                            width: 100%;
                            padding-right: 0; } }
                      body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .informations .content .right {
                        float: left;
                        position: relative;
                        width: 50%;
                        padding-left: 1%; }
                        @media (max-width: 767px) {
                          body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .informations .content .right {
                            width: 100%;
                            padding-left: 0; } }
                        @media (min-width: 768px) and (max-width: 991px) {
                          body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .informations .content .right {
                            width: 100%;
                            padding-left: 0; } }
                  body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .documents {
                    float: left;
                    position: relative;
                    width: 100%;
                    margin-top: 2vw; }
                    body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .documents .content {
                      float: left;
                      position: relative;
                      width: 100%; }
                      body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .documents .content .item {
                        float: left;
                        position: relative;
                        width: 100%;
                        padding: 1.5vw 0;
                        border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
                        body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .documents .content .item:last-of-type {
                          border-bottom: none; }
                          @media (max-width: 767px) {
                            body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .documents .content .item:last-of-type {
                              padding-top: 6vw; } }
                          @media (min-width: 768px) and (max-width: 991px) {
                            body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .documents .content .item:last-of-type {
                              padding-top: 6vw; } }
                        body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .documents .content .item .pdf {
                          float: left;
                          width: 1.75vw;
                          margin-right: 1vw; }
                          @media (max-width: 767px) {
                            body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .documents .content .item .pdf {
                              width: 9vw;
                              margin-right: 4vw; } }
                          @media (min-width: 768px) and (max-width: 991px) {
                            body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .documents .content .item .pdf {
                              width: 6vw;
                              margin-right: 4vw; } }
                        body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .documents .content .item .lbls {
                          float: left;
                          width: 70%; }
                          @media (max-width: 767px) {
                            body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .documents .content .item .lbls {
                              width: 80%; } }
                          body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .documents .content .item .lbls p {
                            float: left;
                            width: 100%;
                            margin-top: 0;
                            margin-bottom: 4px;
                            font-size: 16px; }
                          body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .documents .content .item .lbls span {
                            float: left;
                            width: 100%;
                            margin-top: 0;
                            margin-bottom: 0;
                            font-size: 16px;
                            color: #454545; }
                        body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .documents .content .item a {
                          float: left;
                          display: flex;
                          width: 100%;
                          align-items: center;
                          justify-content: center;
                          width: calc(30% - 3vw);
                          margin-top: 0;
                          padding: 10px;
                          text-align: center;
                          height: 49px; }
                          @media (max-width: 767px) {
                            body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .documents .content .item a {
                              width: 50%;
                              margin-top: 4vw;
                              margin-left: 12vw;
                              text-align: center;
                              padding: 2vw 1vw;
                              margin-bottom: 4vw; } }
                          @media (min-width: 768px) and (max-width: 991px) {
                            body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .documents .content .item a {
                              width: auto;
                              margin-top: 4vw;
                              margin-left: 0;
                              text-align: center;
                              padding: 1vw 6vw;
                              margin-bottom: 4vw; } }
                          body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .documents .content .item a:hover img {
                            filter: brightness(0) invert(1); }
                          body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .documents .content .item a img {
                            margin-left: 1px;
                            transition: all .3s; }
                  body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .service {
                    float: left;
                    position: relative;
                    width: 100%;
                    margin-top: 2vw; }
                    body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .service h5 {
                      font-size: 18px;
                      font-weight: bold;
                      color: #518A70;
                      margin-bottom: 0; }
                      @media (max-width: 767px) {
                        body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .service h5 {
                          margin-top: -2vw;
                          margin-bottom: 3vw; } }
                      @media (min-width: 768px) and (max-width: 991px) {
                        body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .service h5 {
                          margin-top: -2vw;
                          margin-bottom: 3vw; } }
                    @media (max-width: 767px) {
                      body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .service .sp-btn {
                        width: 70%;
                        margin-bottom: 4vw;
                        padding: 3.5vw 7vw;
                        text-align: center; } }
                    @media (min-width: 768px) and (max-width: 991px) {
                      body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .service .sp-btn {
                        width: auto;
                        margin-bottom: 4vw;
                        padding: 1vw 6vw;
                        text-align: center; } }
                    @media (min-width: 768px) and (max-width: 991px) {
                      body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .service .sp-btn img {
                        width: 3vw; } }
                    body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .service .in_service {
                      float: left;
                      position: relative;
                      width: 100%;
                      background: url(/assets/img/in_service_new.svg);
                      background-size: contain;
                      background-repeat: no-repeat;
                      padding: 1.3vw 4vw 1.5vw 8vw; }
                      @media (max-width: 767px) {
                        body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .service .in_service {
                          background: none;
                          padding: 0;
                          padding-bottom: 15vw; } }
                      @media (min-width: 768px) and (max-width: 992px) {
                        body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .service .in_service {
                          padding: 1.3vw 3vw 7.5vw 13vw; } }
                      @media (min-width: 992px) and (max-width: 1440px) {
                        body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .service .in_service {
                          padding-left: 9.5vw;
                          width: 120%; } }
                      body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .service .in_service p, body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .service .in_service span, body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .service .in_service a {
                        font-size: 18px;
                        margin-top: 0;
                        margin-bottom: 0; }
                        @media (min-width: 768px) and (max-width: 992px) {
                          body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .service .in_service p, body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .service .in_service span, body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .service .in_service a {
                            font-size: 16px; } }
                      body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .service .in_service a {
                        margin-top: 0.5vw;
                        float: left;
                        width: 100%; }
                      body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .service .in_service span, body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .service .in_service a {
                        font-weight: bold;
                        color: #518A70;
                        text-decoration: none; }
                    @media (max-width: 767px) {
                      body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .service .service-detail {
                        padding-top: 5vw;
                        text-align: center; } }
                    body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .service .progress {
                      display: flex;
                      position: relative;
                      margin: 0;
                      padding: 0;
                      justify-content: space-between; }
                      body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .service .progress::after {
                        content: "";
                        position: absolute;
                        top: 4px;
                        height: 8px;
                        border-radius: 10px;
                        background-color: #6CB86A;
                        z-index: 1; }
                      body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .service .progress.stage-1::after {
                        width: 0; }
                      body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .service .progress.stage-2::after {
                        width: 33.3%; }
                      body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .service .progress.stage-3::after {
                        width: 62%; }
                      body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .service .progress.stage-4::after {
                        width: 100%; }
                      body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .service .progress::before {
                        content: "";
                        position: absolute;
                        top: 4px;
                        height: 8px;
                        width: 100%;
                        background-color: #EAF2E6;
                        z-index: 1; }
                      body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .service .progress .step {
                        display: flex;
                        position: relative;
                        flex-direction: column; }
                        body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .service .progress .step .point {
                          border-radius: 50%;
                          z-index: 2;
                          box-sizing: border-box;
                          border: 3px solid #EAF2E6;
                          margin-bottom: .75rem;
                          background-color: #fff;
                          height: 18px;
                          width: 18px; }
                        body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .service .progress .step.step-2 .point, body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .service .progress .step.step-3 .point {
                          margin-left: auto;
                          margin-right: auto; }
                          body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .service .progress .step.step-2 .point::after, body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .service .progress .step.step-3 .point::after {
                            content: "";
                            width: 100%;
                            height: 8px;
                            background-color: #6CB86A; }
                        body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .service .progress .step.step-4 .point {
                          margin-left: auto; }
                        body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .service .progress .step .text {
                          font-size: 12px;
                          font-weight: bold;
                          color: #000; }
                          @media (max-width: 767px) {
                            body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .service .progress .step .text {
                              text-align: center; } }
                        body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .service .progress .step.active-step .point {
                          border-radius: 50%;
                          z-index: 2;
                          box-sizing: border-box;
                          border: none;
                          background-color: #6CB86A;
                          height: 18px;
                          width: 18px; }
                        body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .service .progress .step.active-step .text::after {
                          content: url(/assets/img/checkmark-active-step.svg);
                          position: absolute;
                          padding-left: 5%; }
                          @media (max-width: 767px) {
                            body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .service .progress .step.active-step .text::after {
                              content: ""; } }
                    body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .service .subtitle {
                      margin-top: 2vw; }
                    body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .service table {
                      width: 100%; }
                      @media (max-width: 767px) {
                        body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .service table {
                          padding-bottom: 10vw;
                          display: flex;
                          gap: 12%; }
                          body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .service table tr {
                            gap: 15px;
                            display: flex;
                            flex-direction: column;
                            align-items: flex-start; }
                          body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .service table th {
                            text-align: start; } }
                      body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .service table td {
                        padding: .5vw 0;
                        text-align: center; }
                        @media (max-width: 767px) {
                          body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .service table td {
                            height: 22px; } }
                      body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .service table a {
                        color: #518A70;
                        text-decoration: none; }
                        body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .service table a img {
                          width: 1vw;
                          transform: translateY(3px);
                          margin-left: 0.2vw; }
                    body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .service .never_serviced {
                      text-align: center;
                      margin-top: 2vw; }
                  body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .manage {
                    float: left;
                    position: relative;
                    width: 100%;
                    margin-top: 2vw; }
                    @media (min-width: 768px) and (max-width: 991px) {
                      body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .manage {
                        margin-bottom: 7vw; } }
                    body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .manage .btns {
                      float: left;
                      position: relative;
                      width: 60%;
                      display: grid;
                      grid-template-columns: repeat(2, 1fr);
                      grid-column-gap: 1vw;
                      grid-template-rows: 1fr; }
                      @media (max-width: 767px) {
                        body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .manage .btns {
                          width: 100%;
                          grid-template-columns: repeat(1, 1fr);
                          grid-row-gap: 2vw;
                          margin-bottom: 6vw; } }
                      @media (min-width: 768px) and (max-width: 991px) {
                        body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .manage .btns {
                          width: 100%; } }
                      body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .manage .btns div a {
                        font-size: 18px;
                        font-weight: bold;
                        color: #6A768C;
                        text-decoration: none;
                        transition: all .3s; }
                        body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .manage .btns div a.send-device:hover {
                          color: #518A70; }
                          body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .manage .btns div a.send-device:hover img {
                            filter: invert(47%) sepia(64%) saturate(248%) hue-rotate(100deg) brightness(90%) contrast(84%); }
                        body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .manage .btns div a.delete-device:hover {
                          color: #CC0000; }
                          body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .manage .btns div a.delete-device:hover img {
                            filter: invert(8%) sepia(89%) saturate(11911%) hue-rotate(42deg) brightness(107%) contrast(120%); }
                        body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .manage .btns div a img {
                          width: 1.3vw;
                          transform: translateY(6px);
                          margin-right: 4px;
                          transition: all .3s; }
                          @media (max-width: 767px) {
                            body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .manage .btns div a img {
                              width: 6vw; } }
                          @media (min-width: 768px) and (max-width: 991px) {
                            body .sections .section.s_my_devices .data .left-side .approved-devices .device .data .manage .btns div a img {
                              width: 3vw; } }
          body .sections .section.s_my_devices .data .right-side {
            float: left;
            position: relative;
            width: 30%;
            padding-left: 8%;
            line-height: 22px; }
            @media (max-width: 767px) {
              body .sections .section.s_my_devices .data .right-side {
                width: 100%;
                padding-left: 0;
                margin-top: 8vw; } }
            @media (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_my_devices .data .right-side {
                width: 100%;
                padding-left: 0;
                margin-top: 7vw; } }
            body .sections .section.s_my_devices .data .right-side a:not(.green-btn) {
              color: #518A70;
              text-decoration: underline; }
            body .sections .section.s_my_devices .data .right-side .green-btn {
              margin-top: 0.5vw; }
            body .sections .section.s_my_devices .data .right-side .points {
              float: left;
              position: relative;
              width: 100%; }
              body .sections .section.s_my_devices .data .right-side .points .point {
                float: left;
                position: relative;
                width: 100%; }
                body .sections .section.s_my_devices .data .right-side .points .point .num {
                  font-size: 22px;
                  line-height: 32px;
                  color: #fff;
                  float: left;
                  background: #6A768C;
                  width: 35px;
                  height: 35px;
                  text-align: center;
                  border-radius: 50%;
                  font-weight: 500;
                  padding-top: 2px;
                  margin-right: 1vw;
                  transform: translateY(10px); }
                body .sections .section.s_my_devices .data .right-side .points .point .dt {
                  float: left;
                  position: relative;
                  width: calc(100% - 70px); }
            body .sections .section.s_my_devices .data .right-side .my-devices {
              float: left;
              position: relative;
              width: 100%;
              margin-top: 2vw;
              padding-top: 2vw;
              border-top: 1px solid rgba(0, 0, 0, 0.1); }
              @media (max-width: 991px) {
                body .sections .section.s_my_devices .data .right-side .my-devices {
                  margin-top: 6vw; } }
              @media (max-width: 991px) {
                body .sections .section.s_my_devices .data .right-side .my-devices h4 {
                  margin-top: 5vw; } }
              body .sections .section.s_my_devices .data .right-side .my-devices .device {
                float: left;
                margin-top: 3vw;
                padding-top: 3vw;
                border-top: 1px solid rgba(0, 0, 0, 0.1); }
                @media (max-width: 991px) {
                  body .sections .section.s_my_devices .data .right-side .my-devices .device {
                    margin-top: 5vw;
                    padding-top: 7.5vw; } }
                body .sections .section.s_my_devices .data .right-side .my-devices .device:first-of-type {
                  border-top: none;
                  margin-top: 1vw;
                  padding-top: 0; }
                body .sections .section.s_my_devices .data .right-side .my-devices .device img {
                  float: left;
                  height: 6vw;
                  max-width: 50%; }
                  @media (min-width: 768px) and (max-width: 991px) {
                    body .sections .section.s_my_devices .data .right-side .my-devices .device img {
                      height: 20vw;
                      padding-right: 5vw; } }
                  @media (max-width: 767px) {
                    body .sections .section.s_my_devices .data .right-side .my-devices .device img {
                      height: 25vw;
                      padding-right: 5vw; } }
                body .sections .section.s_my_devices .data .right-side .my-devices .device span {
                  float: left;
                  font-size: 18px;
                  color: #518A70;
                  margin-top: 1vw;
                  margin-left: 1vw;
                  max-width: calc(50% - 1vw); }
                  @media (max-width: 767px) {
                    body .sections .section.s_my_devices .data .right-side .my-devices .device span {
                      margin-top: 3.5vw; } }
                  @media (max-width: 420px) {
                    body .sections .section.s_my_devices .data .right-side .my-devices .device span {
                      font-size: 16px; } }
                body .sections .section.s_my_devices .data .right-side .my-devices .device p {
                  font-size: 13px;
                  color: #000;
                  margin-left: 1vw;
                  float: left;
                  margin-top: 0.2vw;
                  margin-bottom: 0;
                  width: 60%;
                  display: none; }
                  body .sections .section.s_my_devices .data .right-side .my-devices .device p.new, body .sections .section.s_my_devices .data .right-side .my-devices .device p.declined, body .sections .section.s_my_devices .data .right-side .my-devices .device p.get {
                    display: block;
                    color: #F4A40C; }
                  body .sections .section.s_my_devices .data .right-side .my-devices .device p.sent {
                    display: block;
                    color: #6A768C; }
                  body .sections .section.s_my_devices .data .right-side .my-devices .device p.declined {
                    color: #CC0000 !important; }
                body .sections .section.s_my_devices .data .right-side .my-devices .device a {
                  font-size: 13px;
                  margin-left: 1vw;
                  float: left;
                  margin-top: 0; }
      body .sections .section.s_my_profile {
        float: left;
        position: relative;
        width: 100%; }
        @media (max-width: 767px) {
          body .sections .section.s_my_profile {
            margin-top: 20vw; } }
        @media (min-width: 768px) and (max-width: 991px) {
          body .sections .section.s_my_profile {
            margin-top: 15vw; } }
        body .sections .section.s_my_profile h3 {
          font-size: 32px;
          font-weight: bold;
          color: #518A70;
          margin-top: 0; }
          @media (max-width: 767px) {
            body .sections .section.s_my_profile h3 {
              font-size: 24px; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_my_profile h3 {
              font-size: 24px; } }
        body .sections .section.s_my_profile h4 {
          font-size: 24px;
          font-weight: bold;
          margin-top: 0; }
        body .sections .section.s_my_profile .data {
          float: left;
          position: relative;
          width: 100%;
          margin-top: 1vw; }
          body .sections .section.s_my_profile .data .left-side {
            float: left;
            position: relative;
            width: 20%;
            padding-right: 6%; }
            @media (max-width: 767px) {
              body .sections .section.s_my_profile .data .left-side {
                width: 100%;
                padding-right: 0; } }
            @media (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_my_profile .data .left-side {
                width: 100%;
                padding-right: 0; } }
            body .sections .section.s_my_profile .data .left-side .profile-info {
              float: left;
              position: relative;
              width: 100%; }
              body .sections .section.s_my_profile .data .left-side .profile-info .dvcs, body .sections .section.s_my_profile .data .left-side .profile-info .history_hd {
                display: none; }
              body .sections .section.s_my_profile .data .left-side .profile-info svg {
                z-index: 2;
                position: relative; }
              body .sections .section.s_my_profile .data .left-side .profile-info .circular-chart {
                display: block;
                margin: 10px auto;
                max-width: 80%;
                max-height: 250px; }
                @media (max-width: 767px) {
                  body .sections .section.s_my_profile .data .left-side .profile-info .circular-chart {
                    max-width: 58%;
                    max-height: none; } }
                @media (min-width: 768px) and (max-width: 991px) {
                  body .sections .section.s_my_profile .data .left-side .profile-info .circular-chart {
                    max-width: 58%;
                    height: 20vw; } }
                body .sections .section.s_my_profile .data .left-side .profile-info .circular-chart.green .circle {
                  stroke: #6CB86A; }
                body .sections .section.s_my_profile .data .left-side .profile-info .circular-chart .percentage {
                  stroke: #6CB86A; }
              body .sections .section.s_my_profile .data .left-side .profile-info .circle-bg {
                fill: none;
                stroke: #EAF2E6;
                stroke-width: 1; }
              body .sections .section.s_my_profile .data .left-side .profile-info .circle {
                fill: none;
                stroke-width: 1;
                animation: progress 1s ease-out forwards; }
              body .sections .section.s_my_profile .data .left-side .profile-info .default-image {
                position: absolute;
                top: 24%;
                left: 38%;
                width: 3vw; }
                @media (max-width: 767px) {
                  body .sections .section.s_my_profile .data .left-side .profile-info .default-image {
                    left: 41%;
                    width: 15vw; } }
                @media (min-width: 768px) and (max-width: 991px) {
                  body .sections .section.s_my_profile .data .left-side .profile-info .default-image {
                    top: 21%;
                    left: 46%;
                    width: 7vw; } }
                body .sections .section.s_my_profile .data .left-side .profile-info .default-image.hide {
                  display: none; }
              body .sections .section.s_my_profile .data .left-side .profile-info .profile-image {
                position: absolute;
                width: 72%;
                top: 7%;
                z-index: 1;
                left: 14%;
                height: 8.6vw;
                object-fit: cover;
                border-radius: 50%; }
                @media (max-width: 767px) {
                  body .sections .section.s_my_profile .data .left-side .profile-info .profile-image {
                    width: 52%;
                    top: 7%;
                    left: 24%;
                    height: 44.6vw; } }
                @media (min-width: 768px) and (max-width: 991px) {
                  body .sections .section.s_my_profile .data .left-side .profile-info .profile-image {
                    width: 20.5%;
                    top: 7%;
                    left: 40%;
                    height: auto; } }
              body .sections .section.s_my_profile .data .left-side .profile-info .set-profile-photo {
                position: absolute;
                top: 7vw;
                right: 1vw;
                z-index: 3; }
                @media (max-width: 767px) {
                  body .sections .section.s_my_profile .data .left-side .profile-info .set-profile-photo {
                    top: 33vw;
                    right: 16vw; } }
                @media (min-width: 768px) and (max-width: 991px) {
                  body .sections .section.s_my_profile .data .left-side .profile-info .set-profile-photo {
                    top: 12vw;
                    right: 31vw; } }
                body .sections .section.s_my_profile .data .left-side .profile-info .set-profile-photo img {
                  width: 3.55vw; }
                  @media (max-width: 767px) {
                    body .sections .section.s_my_profile .data .left-side .profile-info .set-profile-photo img {
                      width: 20vw; } }
                  @media (min-width: 768px) and (max-width: 991px) {
                    body .sections .section.s_my_profile .data .left-side .profile-info .set-profile-photo img {
                      width: 10vw; } }
              body .sections .section.s_my_profile .data .left-side .profile-info h5 {
                font-size: 20px;
                font-weight: bold;
                text-align: center;
                margin-top: 0;
                margin-bottom: 0; }
              body .sections .section.s_my_profile .data .left-side .profile-info p {
                font-size: 14px;
                text-align: center; }
                body .sections .section.s_my_profile .data .left-side .profile-info p span {
                  font-weight: bold;
                  color: #6CB86A; }
              body .sections .section.s_my_profile .data .left-side .profile-info .new_profile_photo {
                display: none; }
          body .sections .section.s_my_profile .data div.middle-side {
            float: left;
            position: relative;
            width: 50%; }
            @media (max-width: 767px) {
              body .sections .section.s_my_profile .data div.middle-side {
                width: 100%;
                margin-top: 3vw; } }
            @media (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_my_profile .data div.middle-side {
                width: 100%;
                margin-top: 3vw; } }
            body .sections .section.s_my_profile .data div.middle-side .data-block {
              float: left;
              position: relative;
              width: 100%;
              margin-bottom: 2vw; }
              @media (max-width: 767px) {
                body .sections .section.s_my_profile .data div.middle-side .data-block {
                  width: 100%;
                  height: 10vw;
                  overflow: hidden; } }
              @media (min-width: 768px) and (max-width: 991px) {
                body .sections .section.s_my_profile .data div.middle-side .data-block {
                  height: 10vw;
                  overflow: hidden; } }
              @media (max-width: 767px) {
                body .sections .section.s_my_profile .data div.middle-side .data-block.open {
                  height: auto; } }
              @media (min-width: 768px) and (max-width: 991px) {
                body .sections .section.s_my_profile .data div.middle-side .data-block.open {
                  height: auto; } }
              @media (max-width: 767px) {
                body .sections .section.s_my_profile .data div.middle-side .data-block.open .top-side::after {
                  content: '';
                  position: absolute;
                  width: 24px;
                  height: 24px;
                  background: url(/assets/img/mobile_minus.svg);
                  background-size: 100%;
                  right: 0;
                  top: 1vw; } }
              @media (min-width: 768px) and (max-width: 991px) {
                body .sections .section.s_my_profile .data div.middle-side .data-block.open .top-side::after {
                  content: '';
                  position: absolute;
                  width: 24px;
                  height: 24px;
                  background: url(/assets/img/mobile_minus.svg);
                  background-size: 100%;
                  right: 0;
                  top: 1vw; } }
              @media (max-width: 767px) {
                body .sections .section.s_my_profile .data div.middle-side .data-block.open .top-side .controls .operations {
                  align-items: center;
                  justify-items: center; } }
              body .sections .section.s_my_profile .data div.middle-side .data-block.success .top-side h4::after {
                content: "";
                background: url(/assets/img/nike.svg);
                width: 16px;
                height: 12px;
                position: absolute;
                right: -28px;
                top: 10px; }
              body .sections .section.s_my_profile .data div.middle-side .data-block .blocked-overlay {
                position: absolute;
                z-index: 9;
                width: 100%;
                background: rgba(255, 255, 255, 0.73);
                top: 3vw;
                text-align: center;
                height: calc(100% - 3vw);
                padding-top: 3vw; }
                @media (max-width: 767px) {
                  body .sections .section.s_my_profile .data div.middle-side .data-block .blocked-overlay {
                    top: 14vw; } }
                body .sections .section.s_my_profile .data div.middle-side .data-block .blocked-overlay img {
                  width: 6.25vw; }
                body .sections .section.s_my_profile .data div.middle-side .data-block .blocked-overlay h5 {
                  font-size: 18px;
                  font-weight: bold;
                  color: #6A768C;
                  margin-bottom: 0; }
                body .sections .section.s_my_profile .data div.middle-side .data-block .blocked-overlay p {
                  font-size: 18px;
                  font-weight: 400;
                  color: #6A768C; }
              body .sections .section.s_my_profile .data div.middle-side .data-block .top-side {
                float: left;
                position: relative;
                width: 100%; }
                @media (max-width: 767px) {
                  body .sections .section.s_my_profile .data div.middle-side .data-block .top-side::after {
                    content: '';
                    position: absolute;
                    width: 24px;
                    height: 24px;
                    background: url(/assets/img/mobile_plus.svg);
                    background-size: 100%;
                    right: 0;
                    top: 1vw; } }
                @media (min-width: 768px) and (max-width: 991px) {
                  body .sections .section.s_my_profile .data div.middle-side .data-block .top-side::after {
                    content: '';
                    position: absolute;
                    width: 24px;
                    height: 24px;
                    background: url(/assets/img/mobile_plus.svg);
                    background-size: 100%;
                    right: 0;
                    top: 1vw; } }
                body .sections .section.s_my_profile .data div.middle-side .data-block .top-side h4 {
                  position: relative;
                  float: left; }
                body .sections .section.s_my_profile .data div.middle-side .data-block .top-side .controls {
                  position: relative;
                  float: right;
                  width: 50%;
                  padding-left: 1%;
                  margin-top: 0.4vw; }
                  @media (max-width: 767px) {
                    body .sections .section.s_my_profile .data div.middle-side .data-block .top-side .controls {
                      width: 100%;
                      margin-bottom: 8vw; } }
                  @media (min-width: 768px) and (max-width: 991px) {
                    body .sections .section.s_my_profile .data div.middle-side .data-block .top-side .controls {
                      width: 100%;
                      margin-bottom: 8vw; } }
                  body .sections .section.s_my_profile .data div.middle-side .data-block .top-side .controls .usr_edit_block {
                    float: right;
                    color: #518A70;
                    text-decoration: underline;
                    font-weight: bold; }
                    @media (max-width: 767px) {
                      body .sections .section.s_my_profile .data div.middle-side .data-block .top-side .controls .usr_edit_block {
                        float: left; } }
                    @media (min-width: 768px) and (max-width: 991px) {
                      body .sections .section.s_my_profile .data div.middle-side .data-block .top-side .controls .usr_edit_block {
                        float: left; } }
                  body .sections .section.s_my_profile .data div.middle-side .data-block .top-side .controls .operations {
                    grid-template-columns: repeat(2, 1fr);
                    grid-template-rows: 1fr;
                    grid-column-gap: 1vw;
                    justify-items: end;
                    align-items: baseline;
                    display: none; }
                    body .sections .section.s_my_profile .data div.middle-side .data-block .top-side .controls .operations .dont-save-changes {
                      color: #CC0000;
                      text-decoration: underline; }
                    body .sections .section.s_my_profile .data div.middle-side .data-block .top-side .controls .operations .save-changes {
                      margin-top: -1vw; }
              body .sections .section.s_my_profile .data div.middle-side .data-block .content {
                float: left;
                position: relative;
                width: 100%;
                padding-bottom: 1.5vw;
                border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
                body .sections .section.s_my_profile .data div.middle-side .data-block .content.no-border {
                  border-bottom: none; }
                body .sections .section.s_my_profile .data div.middle-side .data-block .content .left {
                  float: left;
                  position: relative;
                  width: 50%;
                  padding-right: 1%; }
                  @media (max-width: 767px) {
                    body .sections .section.s_my_profile .data div.middle-side .data-block .content .left {
                      width: 100%;
                      padding-right: 0; } }
                  @media (min-width: 768px) and (max-width: 991px) {
                    body .sections .section.s_my_profile .data div.middle-side .data-block .content .left {
                      width: 100%;
                      padding-right: 0; } }
                  @media (max-width: 767px) {
                    body .sections .section.s_my_profile .data div.middle-side .data-block .content .left .form-part label {
                      padding-bottom: 1.5vw; } }
                body .sections .section.s_my_profile .data div.middle-side .data-block .content .right {
                  float: left;
                  position: relative;
                  width: 50%;
                  padding-left: 1%; }
                  @media (max-width: 767px) {
                    body .sections .section.s_my_profile .data div.middle-side .data-block .content .right {
                      width: 100%;
                      padding-left: 0; } }
                  @media (min-width: 768px) and (max-width: 991px) {
                    body .sections .section.s_my_profile .data div.middle-side .data-block .content .right {
                      width: 100%;
                      padding-left: 0; } }
                body .sections .section.s_my_profile .data div.middle-side .data-block .content .delimer-line {
                  float: left;
                  position: relative;
                  width: 100%; }
                  body .sections .section.s_my_profile .data div.middle-side .data-block .content .delimer-line h5 {
                    margin-top: 1vw;
                    font-size: 18px;
                    font-weight: 400; }
                    @media (max-width: 767px) {
                      body .sections .section.s_my_profile .data div.middle-side .data-block .content .delimer-line h5 {
                        margin-top: 4.5vw;
                        margin-bottom: 4vw; } }
                    body .sections .section.s_my_profile .data div.middle-side .data-block .content .delimer-line h5 small {
                      font-size: 16px;
                      color: rgba(0, 0, 0, 0.5); }
                body .sections .section.s_my_profile .data div.middle-side .data-block .content .delimer-line-show {
                  float: left;
                  position: relative;
                  width: 100%;
                  margin-top: 1vw;
                  margin-bottom: 1vw;
                  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
          body .sections .section.s_my_profile .data .right-side {
            float: left;
            position: relative;
            width: 30%;
            padding-left: 8%;
            line-height: 22px; }
            @media (max-width: 767px) {
              body .sections .section.s_my_profile .data .right-side {
                width: 100%;
                padding-left: 0; } }
            @media (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_my_profile .data .right-side {
                width: 100%;
                padding-left: 0; } }
            body .sections .section.s_my_profile .data .right-side .sales-place {
              float: left;
              position: relative;
              width: 100%;
              padding-bottom: 1vw;
              border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
              @media (max-width: 767px) {
                body .sections .section.s_my_profile .data .right-side .sales-place {
                  margin-top: 12vw; } }
              @media (min-width: 768px) and (max-width: 991px) {
                body .sections .section.s_my_profile .data .right-side .sales-place {
                  float: none;
                  margin-top: 7vw;
                  margin-bottom: 6vw;
                  width: 80%;
                  border-bottom: none; } }
              body .sections .section.s_my_profile .data .right-side .sales-place a {
                color: #518A70; }
              body .sections .section.s_my_profile .data .right-side .sales-place .top h4 {
                float: left;
                margin-bottom: 0; }
                body .sections .section.s_my_profile .data .right-side .sales-place .top h4 span {
                  color: #518A70; }
              body .sections .section.s_my_profile .data .right-side .sales-place .top a {
                float: right;
                color: #518A70;
                font-size: 17px; }
              body .sections .section.s_my_profile .data .right-side .sales-place .status {
                float: left;
                position: relative;
                width: 100%;
                margin-top: 1vw; }
                body .sections .section.s_my_profile .data .right-side .sales-place .status h5 {
                  font-size: 18px;
                  font-weight: bold;
                  margin-top: 0;
                  margin-bottom: 0; }
                body .sections .section.s_my_profile .data .right-side .sales-place .status .status-data {
                  display: grid;
                  grid-template-columns: repeat(3, 1fr);
                  grid-template-rows: 1fr;
                  grid-column-gap: .5vw; }
                  @media (max-width: 767px) {
                    body .sections .section.s_my_profile .data .right-side .sales-place .status .status-data .item .visual {
                      margin-bottom: 3vw; } }
                  @media (min-width: 768px) and (max-width: 991px) {
                    body .sections .section.s_my_profile .data .right-side .sales-place .status .status-data .item .visual {
                      margin-bottom: 3vw; } }
                  body .sections .section.s_my_profile .data .right-side .sales-place .status .status-data .item:first-of-type .visual {
                    border-top-left-radius: 12px;
                    border-bottom-left-radius: 12px; }
                  body .sections .section.s_my_profile .data .right-side .sales-place .status .status-data .item:last-of-type .visual {
                    border-top-right-radius: 12px;
                    border-bottom-right-radius: 12px; }
                  body .sections .section.s_my_profile .data .right-side .sales-place .status .status-data .item.active p.percents {
                    color: #6CB86A; }
                  body .sections .section.s_my_profile .data .right-side .sales-place .status .status-data .item.active p.label {
                    color: #000; }
                    body .sections .section.s_my_profile .data .right-side .sales-place .status .status-data .item.active p.label::after {
                      content: "";
                      background: url(/assets/img/nike.svg);
                      width: 16px;
                      height: 12px;
                      position: relative;
                      display: inline-block;
                      margin-left: 0.2vw; }
                  body .sections .section.s_my_profile .data .right-side .sales-place .status .status-data .item.active .visual {
                    background: #6CB86A; }
                  body .sections .section.s_my_profile .data .right-side .sales-place .status .status-data .item p {
                    position: relative; }
                    body .sections .section.s_my_profile .data .right-side .sales-place .status .status-data .item p.percents {
                      font-size: 16px;
                      color: rgba(0, 0, 0, 0.5);
                      text-align: center;
                      margin-bottom: .5vw; }
                    body .sections .section.s_my_profile .data .right-side .sales-place .status .status-data .item p.label {
                      font-size: 16px;
                      color: rgba(0, 0, 0, 0.5);
                      font-weight: bold;
                      padding-left: .5vw;
                      margin-top: .5vw; }
                  body .sections .section.s_my_profile .data .right-side .sales-place .status .status-data .item .visual {
                    width: 100%;
                    height: 15px;
                    background: #EAF2E6; }
                  body .sections .section.s_my_profile .data .right-side .sales-place .status .status-data a {
                    float: right;
                    color: #518A70;
                    font-size: 17px; }
            body .sections .section.s_my_profile .data .right-side .devices-place {
              float: left;
              position: relative;
              width: 100%;
              margin-top: 2vw;
              padding-bottom: 2vw;
              border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
              @media (max-width: 767px) {
                body .sections .section.s_my_profile .data .right-side .devices-place {
                  margin-top: 8vw; } }
              @media (min-width: 768px) and (max-width: 991px) {
                body .sections .section.s_my_profile .data .right-side .devices-place {
                  margin-top: 8vw; } }
              body .sections .section.s_my_profile .data .right-side .devices-place .top h4 {
                float: left;
                margin-bottom: 0; }
              body .sections .section.s_my_profile .data .right-side .devices-place .top a {
                float: right;
                color: #518A70;
                font-size: 17px; }
              body .sections .section.s_my_profile .data .right-side .devices-place .my-devices {
                float: left;
                position: relative;
                width: 100%;
                margin-top: 1vw;
                padding-top: 1vw; }
                @media (max-width: 767px) {
                  body .sections .section.s_my_profile .data .right-side .devices-place .my-devices {
                    margin: 7vw auto 1vw;
                    display: flex;
                    flex-direction: column; } }
                @media (min-width: 768px) and (max-width: 991px) {
                  body .sections .section.s_my_profile .data .right-side .devices-place .my-devices {
                    display: flex;
                    flex-direction: column; } }
                body .sections .section.s_my_profile .data .right-side .devices-place .my-devices .img-add {
                  float: left;
                  width: 6vw;
                  height: 6vw;
                  max-width: 50%;
                  background: url(/assets/img/add_device.svg);
                  background-repeat: no-repeat;
                  background-size: cover;
                  transition: all .3s; }
                  @media (max-width: 767px) {
                    body .sections .section.s_my_profile .data .right-side .devices-place .my-devices .img-add {
                      width: 25vw;
                      height: 25vw; } }
                  @media (min-width: 768px) and (max-width: 991px) {
                    body .sections .section.s_my_profile .data .right-side .devices-place .my-devices .img-add {
                      width: 16vw;
                      height: 16vw; } }
                body .sections .section.s_my_profile .data .right-side .devices-place .my-devices .device {
                  float: left;
                  margin-top: 2vw;
                  padding-top: 2vw;
                  border-top: 1px solid rgba(0, 0, 0, 0.1); }
                  @media (max-width: 767px) {
                    body .sections .section.s_my_profile .data .right-side .devices-place .my-devices .device {
                      padding: 5vw 0; } }
                  body .sections .section.s_my_profile .data .right-side .devices-place .my-devices .device .open-modal:hover .img-add {
                    background: url(/assets/img/add_device_hover_2.svg);
                    background-repeat: no-repeat;
                    background-size: cover; }
                  body .sections .section.s_my_profile .data .right-side .devices-place .my-devices .device:first-of-type {
                    border-top: none;
                    margin-top: 1vw;
                    padding-top: 0; }
                  body .sections .section.s_my_profile .data .right-side .devices-place .my-devices .device img {
                    float: left;
                    height: 6vw;
                    max-width: 50%; }
                    @media (max-width: 767px) {
                      body .sections .section.s_my_profile .data .right-side .devices-place .my-devices .device img {
                        height: 25vw;
                        min-width: 25vw; } }
                    @media (min-width: 768px) and (max-width: 991px) {
                      body .sections .section.s_my_profile .data .right-side .devices-place .my-devices .device img {
                        height: 16vw;
                        min-width: 16vw; } }
                  body .sections .section.s_my_profile .data .right-side .devices-place .my-devices .device span {
                    float: left;
                    font-size: 18px;
                    color: #518A70;
                    font-weight: bold;
                    margin-top: 1vw;
                    margin-left: 1vw;
                    max-width: calc(50% - 1vw); }
                    @media (max-width: 767px) {
                      body .sections .section.s_my_profile .data .right-side .devices-place .my-devices .device span {
                        margin-top: 9vw;
                        margin-left: 4vw; } }
                    @media (min-width: 768px) and (max-width: 991px) {
                      body .sections .section.s_my_profile .data .right-side .devices-place .my-devices .device span {
                        margin-top: 9vw;
                        margin-left: 4vw; } }
                  body .sections .section.s_my_profile .data .right-side .devices-place .my-devices .device p {
                    font-size: 13px;
                    color: #000;
                    margin-left: 1vw;
                    float: left;
                    margin-top: 0.2vw;
                    margin-bottom: 0;
                    width: 60%;
                    display: none; }
                    @media (max-width: 767px) {
                      body .sections .section.s_my_profile .data .right-side .devices-place .my-devices .device p {
                        margin-left: 4vw; } }
                    body .sections .section.s_my_profile .data .right-side .devices-place .my-devices .device p.new, body .sections .section.s_my_profile .data .right-side .devices-place .my-devices .device p.declined, body .sections .section.s_my_profile .data .right-side .devices-place .my-devices .device p.get {
                      display: block;
                      color: #F4A40C; }
                    body .sections .section.s_my_profile .data .right-side .devices-place .my-devices .device p.sent {
                      display: block;
                      color: #6A768C; }
                    body .sections .section.s_my_profile .data .right-side .devices-place .my-devices .device p.declined {
                      color: #CC0000 !important; }
                  body .sections .section.s_my_profile .data .right-side .devices-place .my-devices .device a {
                    font-size: 13px;
                    margin-left: 1vw;
                    float: left;
                    margin-top: 0; }
            body .sections .section.s_my_profile .data .right-side .newsletter-place {
              float: left;
              position: relative;
              width: 100%;
              margin-top: 2vw; }
              @media (max-width: 767px) {
                body .sections .section.s_my_profile .data .right-side .newsletter-place {
                  margin-top: 8vw; } }
              @media (min-width: 768px) and (max-width: 991px) {
                body .sections .section.s_my_profile .data .right-side .newsletter-place {
                  margin-top: 8vw; } }
              body .sections .section.s_my_profile .data .right-side .newsletter-place .top h4 {
                float: left;
                margin-bottom: 0; }
              body .sections .section.s_my_profile .data .right-side .newsletter-place .data {
                float: left;
                position: relative;
                width: 100%; }
              body .sections .section.s_my_profile .data .right-side .newsletter-place .chbxs {
                float: left;
                position: relative;
                width: 100%;
                margin-top: .8vw; }
                body .sections .section.s_my_profile .data .right-side .newsletter-place .chbxs .item {
                  float: left;
                  position: relative;
                  width: 100%;
                  margin-bottom: .5vw; }
                  @media (min-width: 768px) and (max-width: 991px) {
                    body .sections .section.s_my_profile .data .right-side .newsletter-place .chbxs .item {
                      margin-bottom: 3vw;
                      display: flex;
                      align-items: center; } }
                  body .sections .section.s_my_profile .data .right-side .newsletter-place .chbxs .item img {
                    float: left;
                    width: 1.25vw;
                    cursor: pointer; }
                    @media (max-width: 767px) {
                      body .sections .section.s_my_profile .data .right-side .newsletter-place .chbxs .item img {
                        width: 9vw; } }
                    @media (min-width: 768px) and (max-width: 991px) {
                      body .sections .section.s_my_profile .data .right-side .newsletter-place .chbxs .item img {
                        width: 5vw; } }
                  body .sections .section.s_my_profile .data .right-side .newsletter-place .chbxs .item p {
                    float: left;
                    margin-top: 0;
                    width: calc(100% - 2vw);
                    margin-left: 0.7vw; }
                    @media (max-width: 767px) {
                      body .sections .section.s_my_profile .data .right-side .newsletter-place .chbxs .item p {
                        width: calc(100% - 11vw);
                        margin-left: 2vw; } }
                    @media (min-width: 768px) and (max-width: 991px) {
                      body .sections .section.s_my_profile .data .right-side .newsletter-place .chbxs .item p {
                        width: calc(100% - 11vw);
                        margin-left: 2vw;
                        margin-bottom: 0; } }
        body .sections .section.s_my_profile .delete-place {
          float: right;
          position: relative;
          margin-top: -2vw;
          z-index: 2; }
          @media (max-width: 767px) {
            body .sections .section.s_my_profile .delete-place {
              margin-top: 3vw; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_my_profile .delete-place {
              margin-top: 3vw; } }
          body .sections .section.s_my_profile .delete-place a {
            color: #bababa;
            font-size: 18px;
            text-decoration: none;
            font-weight: bold; }
            body .sections .section.s_my_profile .delete-place a img {
              transform: translateY(6px);
              height: 24px;
              margin-right: 3px; }
      body .sections .section.s_my_sales {
        float: left;
        position: relative;
        width: 100%; }
        body .sections .section.s_my_sales h3 {
          font-size: 32px;
          font-weight: bold;
          color: #518A70;
          margin-top: 0; }
          @media (max-width: 767px) {
            body .sections .section.s_my_sales h3 {
              margin-top: 24vw;
              text-align: center; } }
        body .sections .section.s_my_sales h4 {
          font-size: 24px;
          font-weight: bold;
          margin-top: 0; }
        body .sections .section.s_my_sales .data {
          float: left;
          position: relative;
          width: 100%; }
          body .sections .section.s_my_sales .data .total {
            float: left;
            position: relative;
            width: 100%;
            text-align: center; }
            @media (max-width: 767px) {
              body .sections .section.s_my_sales .data .total {
                padding: 0; } }
            @media (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_my_sales .data .total {
                padding: 0; } }
            body .sections .section.s_my_sales .data .total .top-place {
              float: left;
              position: relative;
              width: 100%;
              display: flex;
              justify-content: center; }
              @media (max-width: 767px) {
                body .sections .section.s_my_sales .data .total .top-place {
                  text-align: center;
                  flex-direction: column;
                  align-items: center; } }
              @media (min-width: 768px) and (max-width: 991px) {
                body .sections .section.s_my_sales .data .total .top-place {
                  text-align: center;
                  flex-direction: column;
                  align-items: center; } }
              body .sections .section.s_my_sales .data .total .top-place h4 {
                font-size: 30px;
                float: left;
                margin-bottom: 0; }
                @media (max-width: 767px) {
                  body .sections .section.s_my_sales .data .total .top-place h4 {
                    float: none; } }
                @media (min-width: 768px) and (max-width: 991px) {
                  body .sections .section.s_my_sales .data .total .top-place h4 {
                    float: none; } }
              body .sections .section.s_my_sales .data .total .top-place h5 {
                font-size: 30px;
                float: left;
                margin-top: 0;
                margin-bottom: 0;
                margin-left: 1vw;
                color: #518A70; }
                @media (max-width: 767px) {
                  body .sections .section.s_my_sales .data .total .top-place h5 {
                    float: none; } }
                @media (min-width: 768px) and (max-width: 991px) {
                  body .sections .section.s_my_sales .data .total .top-place h5 {
                    float: none; } }
            body .sections .section.s_my_sales .data .total .bottom-place a {
              white-space: nowrap; }
              @media (max-width: 767px) {
                body .sections .section.s_my_sales .data .total .bottom-place a {
                  margin: 5vw 0; } }
          body .sections .section.s_my_sales .data .boxes {
            float: left;
            position: relative;
            width: 100%;
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            grid-template-rows: 1fr;
            grid-column-gap: 1vw;
            margin-top: 3.5vw; }
            @media (max-width: 767px) {
              body .sections .section.s_my_sales .data .boxes {
                grid-template-columns: repeat(1, 1fr);
                grid-row-gap: 8vw; } }
            @media (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_my_sales .data .boxes {
                grid-template-columns: repeat(1, 1fr);
                grid-row-gap: 8vw; } }
            body .sections .section.s_my_sales .data .boxes .box {
              position: relative;
              background: #fff;
              border-radius: 8px;
              padding: 1.5vw;
              color: #000;
              border: 3px solid #EAF2E6; }
              @media (max-width: 767px) {
                body .sections .section.s_my_sales .data .boxes .box {
                  padding: 7vw 5vw;
                  margin-bottom: 6vw; } }
              @media (min-width: 768px) and (max-width: 991px) {
                body .sections .section.s_my_sales .data .boxes .box {
                  padding: 5vw 5vw;
                  margin-bottom: 4vw; } }
              body .sections .section.s_my_sales .data .boxes .box .tooltip {
                position: absolute;
                right: 1vw;
                top: 1vw; }
                @media (max-width: 767px) {
                  body .sections .section.s_my_sales .data .boxes .box .tooltip {
                    right: 3vw;
                    top: 3vw; } }
                @media (min-width: 768px) and (max-width: 991px) {
                  body .sections .section.s_my_sales .data .boxes .box .tooltip {
                    right: 3vw;
                    top: 3vw; } }
                body .sections .section.s_my_sales .data .boxes .box .tooltip:hover .info {
                  opacity: 1; }
                body .sections .section.s_my_sales .data .boxes .box .tooltip img {
                  width: 1vw; }
                  @media (max-width: 767px) {
                    body .sections .section.s_my_sales .data .boxes .box .tooltip img {
                      width: 5vw; } }
                  @media (min-width: 768px) and (max-width: 991px) {
                    body .sections .section.s_my_sales .data .boxes .box .tooltip img {
                      width: 3vw; } }
                body .sections .section.s_my_sales .data .boxes .box .tooltip .info {
                  position: absolute;
                  width: 9vw;
                  z-index: 1;
                  background: #fff;
                  border-radius: 8px;
                  padding: 1.5vw;
                  color: #000;
                  border: 3px solid #EAF2E6;
                  bottom: 1.5vw;
                  pointer-events: none;
                  right: -4vw;
                  opacity: 0;
                  transition: all .3s; }
                  @media (max-width: 767px) {
                    body .sections .section.s_my_sales .data .boxes .box .tooltip .info {
                      width: 40vw;
                      right: 4vw; } }
                  @media (min-width: 768px) and (max-width: 991px) {
                    body .sections .section.s_my_sales .data .boxes .box .tooltip .info {
                      width: 40vw;
                      right: 4vw; } }
              body .sections .section.s_my_sales .data .boxes .box h4 {
                margin-bottom: .3vw; }
              body .sections .section.s_my_sales .data .boxes .box p {
                font-size: 18px;
                color: #6A768C;
                margin-top: 0; }
                @media (max-width: 767px) {
                  body .sections .section.s_my_sales .data .boxes .box p {
                    font-size: 14px; } }
              body .sections .section.s_my_sales .data .boxes .box .visual {
                float: left;
                position: relative;
                width: 100%; }
                @media (min-width: 768px) and (max-width: 991px) {
                  body .sections .section.s_my_sales .data .boxes .box .visual {
                    margin-bottom: 3vw; } }
                body .sections .section.s_my_sales .data .boxes .box .visual.g_3 .points {
                  grid-template-columns: repeat(3, 1fr); }
                body .sections .section.s_my_sales .data .boxes .box .visual.g_5 .points {
                  grid-template-columns: repeat(5, 1fr); }
                body .sections .section.s_my_sales .data .boxes .box .visual .lbl {
                  font-size: 24px;
                  font-weight: bold;
                  color: #518A70;
                  position: absolute;
                  right: 1vw;
                  bottom: 0.7vw; }
                  body .sections .section.s_my_sales .data .boxes .box .visual .lbl span {
                    font-size: 14px;
                    font-weight: 400;
                    color: rgba(0, 0, 0, 0.5); }
                body .sections .section.s_my_sales .data .boxes .box .visual .points {
                  display: grid;
                  grid-template-rows: 1fr;
                  grid-column-gap: .5vw;
                  margin-top: .2vw;
                  margin-bottom: 1vw; }
                  body .sections .section.s_my_sales .data .boxes .box .visual .points .point {
                    width: 100%;
                    height: 5px;
                    display: block;
                    background: #EAF2E6; }
                    body .sections .section.s_my_sales .data .boxes .box .visual .points .point.active {
                      background: #6CB86A; }
                    body .sections .section.s_my_sales .data .boxes .box .visual .points .point:first-of-type {
                      border-top-left-radius: 8px;
                      border-bottom-left-radius: 8px; }
                    body .sections .section.s_my_sales .data .boxes .box .visual .points .point:last-of-type {
                      border-top-right-radius: 8px;
                      border-bottom-right-radius: 8px; }
              body .sections .section.s_my_sales .data .boxes .box .box-link {
                text-align: center;
                width: 100%;
                display: block;
                font-size: 16px;
                font-weight: bold;
                color: #518A70;
                margin-top: .5vw;
                margin-bottom: .5vw; }
                @media (max-width: 767px) {
                  body .sections .section.s_my_sales .data .boxes .box .box-link {
                    margin-top: 10vw; } }
                @media (min-width: 768px) and (max-width: 991px) {
                  body .sections .section.s_my_sales .data .boxes .box .box-link {
                    margin-top: 3vw;
                    margin-bottom: 0; } }
              body .sections .section.s_my_sales .data .boxes .box .more-content-box {
                position: absolute;
                color: #6A768C;
                border: none;
                border-bottom-left-radius: 8px;
                border-bottom-right-radius: 8px;
                width: 90%;
                left: 5%;
                top: 100%;
                background: #fff;
                z-index: 1; }
                @media (max-width: 767px) {
                  body .sections .section.s_my_sales .data .boxes .box .more-content-box {
                    position: static;
                    border: none; } }
                body .sections .section.s_my_sales .data .boxes .box .more-content-box.open {
                  border: 3px solid #EAF2E6; }
                  @media (max-width: 767px) {
                    body .sections .section.s_my_sales .data .boxes .box .more-content-box.open {
                      border: none; } }
                  body .sections .section.s_my_sales .data .boxes .box .more-content-box.open .box-more .arrow {
                    transform: rotate(0); }
                body .sections .section.s_my_sales .data .boxes .box .more-content-box .data {
                  padding: 1.5vw 1.5vw 1.5vw;
                  display: none; }
                  @media (max-width: 767px) {
                    body .sections .section.s_my_sales .data .boxes .box .more-content-box .data {
                      padding: 1.5vw 3vw 1.5vw; } }
                  body .sections .section.s_my_sales .data .boxes .box .more-content-box .data .r_ico {
                    position: absolute;
                    right: 0;
                    top: 0;
                    cursor: pointer; }
                    @media (max-width: 767px) {
                      body .sections .section.s_my_sales .data .boxes .box .more-content-box .data .r_ico {
                        right: -13vw; } }
                  body .sections .section.s_my_sales .data .boxes .box .more-content-box .data .splitted {
                    float: left;
                    position: relative;
                    width: 100%;
                    padding-right: 25%;
                    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
                    body .sections .section.s_my_sales .data .boxes .box .more-content-box .data .splitted .left {
                      float: left;
                      position: relative;
                      width: 40%; }
                    body .sections .section.s_my_sales .data .boxes .box .more-content-box .data .splitted .right {
                      float: left;
                      position: relative;
                      width: 60%; }
                    body .sections .section.s_my_sales .data .boxes .box .more-content-box .data .splitted .list {
                      border-bottom: none; }
                  body .sections .section.s_my_sales .data .boxes .box .more-content-box .data .list {
                    float: left;
                    position: relative;
                    width: 100%;
                    padding-bottom: .5vw;
                    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
                    body .sections .section.s_my_sales .data .boxes .box .more-content-box .data .list ul {
                      list-style: none;
                      padding: 0; }
                      body .sections .section.s_my_sales .data .boxes .box .more-content-box .data .list ul li.ratched p {
                        color: #000 !important; }
                      body .sections .section.s_my_sales .data .boxes .box .more-content-box .data .list ul li.active p {
                        position: relative;
                        font-weight: bold;
                        color: #000; }
                        body .sections .section.s_my_sales .data .boxes .box .more-content-box .data .list ul li.active p::after {
                          content: "";
                          background: url(/assets/img/nike.svg);
                          width: 16px;
                          height: 12px;
                          position: absolute;
                          margin-left: 12px;
                          top: 5px; }
                      body .sections .section.s_my_sales .data .boxes .box .more-content-box .data .list ul li p {
                        margin-top: 0;
                        font-size: 16px;
                        color: rgba(0, 0, 0, 0.5); }
                      body .sections .section.s_my_sales .data .boxes .box .more-content-box .data .list ul li a {
                        color: #518A70;
                        text-decoration: underline; }
                      body .sections .section.s_my_sales .data .boxes .box .more-content-box .data .list ul li strong {
                        font-weight: bold !important; }
                  body .sections .section.s_my_sales .data .boxes .box .more-content-box .data .bottom-data {
                    float: left;
                    position: relative;
                    width: 100%;
                    padding-top: 1vw; }
                    @media (max-width: 767px) {
                      body .sections .section.s_my_sales .data .boxes .box .more-content-box .data .bottom-data {
                        padding-top: 6vw; } }
                    body .sections .section.s_my_sales .data .boxes .box .more-content-box .data .bottom-data .item {
                      float: left;
                      position: relative;
                      width: 100%;
                      margin-bottom: .4vw; }
                      @media (max-width: 4vw) {
                        body .sections .section.s_my_sales .data .boxes .box .more-content-box .data .bottom-data .item div.first-child {
                          margin-top: 4vw; } }
                      body .sections .section.s_my_sales .data .boxes .box .more-content-box .data .bottom-data .item img {
                        float: left;
                        width: 0.85vw; }
                        @media (max-width: 767px) {
                          body .sections .section.s_my_sales .data .boxes .box .more-content-box .data .bottom-data .item img {
                            width: 4vw; } }
                        @media (min-width: 768px) and (max-width: 991px) {
                          body .sections .section.s_my_sales .data .boxes .box .more-content-box .data .bottom-data .item img {
                            width: 2vw; } }
                      body .sections .section.s_my_sales .data .boxes .box .more-content-box .data .bottom-data .item p {
                        float: left;
                        font-size: 14px;
                        width: 90%;
                        margin-left: .5vw; }
                        @media (max-width: 767px) {
                          body .sections .section.s_my_sales .data .boxes .box .more-content-box .data .bottom-data .item p {
                            margin-left: 2vw; } }
                      body .sections .section.s_my_sales .data .boxes .box .more-content-box .data .bottom-data .item a {
                        color: #518A70 !important;
                        text-decoration: underline !important; }
                body .sections .section.s_my_sales .data .boxes .box .more-content-box .box-more {
                  position: absolute;
                  left: 0;
                  bottom: -3.2vw; }
                  @media (max-width: 767px) {
                    body .sections .section.s_my_sales .data .boxes .box .more-content-box .box-more {
                      left: 2%;
                      bottom: -8vw; } }
                  @media (min-width: 768px) and (max-width: 991px) {
                    body .sections .section.s_my_sales .data .boxes .box .more-content-box .box-more {
                      left: 17vw;
                      bottom: -4vw; } }
                  body .sections .section.s_my_sales .data .boxes .box .more-content-box .box-more img {
                    width: 100%;
                    height: 4vw; }
                    @media (max-width: 767px) {
                      body .sections .section.s_my_sales .data .boxes .box .more-content-box .box-more img {
                        height: 8vw; } }
                    body .sections .section.s_my_sales .data .boxes .box .more-content-box .box-more img.arrow {
                      height: 0.6vw;
                      position: absolute;
                      left: 0;
                      top: 1.7vw;
                      transform: rotate(180deg);
                      transition: all .3s; }
                      @media (max-width: 767px) {
                        body .sections .section.s_my_sales .data .boxes .box .more-content-box .box-more img.arrow {
                          height: 2vw;
                          margin-top: 1vw; } }
              @media (min-width: 992px) {
                body .sections .section.s_my_sales .data .boxes .box:nth-of-type(2) .more-content-box .data .splitted .left {
                  width: 80%; } }
          body .sections .section.s_my_sales .data .tables {
            float: left;
            position: relative;
            width: 90%;
            margin-left: 5%;
            margin-top: 7vw;
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            grid-template-rows: 1fr;
            grid-column-gap: 11vw; }
            @media (max-width: 991px) {
              body .sections .section.s_my_sales .data .tables {
                grid-template-columns: repeat(1, 1fr);
                row-gap: 10vw; } }
            @media (max-width: 767px) {
              body .sections .section.s_my_sales .data .tables {
                width: 100%;
                justify-self: center; } }
            body .sections .section.s_my_sales .data .tables .table {
              position: relative;
              padding: 1vw 0; }
              @media (max-width: 767px) {
                body .sections .section.s_my_sales .data .tables .table {
                  margin: 0 -12vw; } }
              body .sections .section.s_my_sales .data .tables .table:first-of-type::after {
                content: "";
                position: absolute;
                width: 1px;
                height: 100%;
                right: -6vw;
                background: rgba(0, 0, 0, 0.1); }
                @media (max-width: 991px) {
                  body .sections .section.s_my_sales .data .tables .table:first-of-type::after {
                    display: none; } }
              @media (min-width: 768px) and (max-width: 991px) {
                body .sections .section.s_my_sales .data .tables .table:first-of-type {
                  margin-bottom: 5vw; } }
              body .sections .section.s_my_sales .data .tables .table h4 {
                text-align: center; }
                @media (max-width: 767px) {
                  body .sections .section.s_my_sales .data .tables .table h4 {
                    margin-right: 9.5vw; } }
              body .sections .section.s_my_sales .data .tables .table table {
                float: left;
                position: relative;
                width: 100%; }
                body .sections .section.s_my_sales .data .tables .table table tr {
                  width: 100%; }
                @media (min-width: 768px) {
                  body .sections .section.s_my_sales .data .tables .table table thead.desktop_only {
                    display: table-header-group; } }
                @media (max-width: 767px) {
                  body .sections .section.s_my_sales .data .tables .table table thead.desktop_only {
                    display: none; } }
                body .sections .section.s_my_sales .data .tables .table table thead th {
                  text-align: left;
                  padding: 0.5vw 0.8vw; }
                  @media (max-width: 767px) {
                    body .sections .section.s_my_sales .data .tables .table table thead th:first-of-type {
                      color: #518A70; }
                    body .sections .section.s_my_sales .data .tables .table table thead th:nth-of-type(4) {
                      display: none; } }
                @media (min-width: 768px) {
                  body .sections .section.s_my_sales .data .tables .table table tbody {
                    margin: 0 9.5vw; }
                    body .sections .section.s_my_sales .data .tables .table table tbody.desktop_only {
                      display: table-row-group; }
                    body .sections .section.s_my_sales .data .tables .table table tbody.mobile_only {
                      display: none; } }
                @media (max-width: 767px) {
                  body .sections .section.s_my_sales .data .tables .table table tbody.desktop_only {
                    display: none; }
                  body .sections .section.s_my_sales .data .tables .table table tbody.mobile_only {
                    display: table-row-group; } }
                body .sections .section.s_my_sales .data .tables .table table tbody.mobile_only td {
                  width: 100%;
                  padding: 4.5vw 18vw 4.5vw 9.5vw; }
                  body .sections .section.s_my_sales .data .tables .table table tbody.mobile_only td .upper {
                    width: 100%;
                    padding: 0 2.5% 0 12.5%;
                    display: block;
                    margin: 0 auto; }
                    body .sections .section.s_my_sales .data .tables .table table tbody.mobile_only td .upper .text {
                      display: flex;
                      align-items: center;
                      justify-content: space-between; }
                      body .sections .section.s_my_sales .data .tables .table table tbody.mobile_only td .upper .text .number {
                        position: absolute;
                        padding-right: 3rem;
                        left: clamp(5vw, 6%, 7vw);
                        color: #518A70; }
                        body .sections .section.s_my_sales .data .tables .table table tbody.mobile_only td .upper .text .number strong:nth-of-type(1) {
                          padding-right: 1.5vw; }
                  body .sections .section.s_my_sales .data .tables .table table tbody.mobile_only td .lower {
                    width: 100%;
                    padding: 0 2.5% 0 12.5%;
                    display: block;
                    margin: 0 auto; }
                    body .sections .section.s_my_sales .data .tables .table table tbody.mobile_only td .lower .text {
                      display: flex;
                      justify-content: space-between; }
                      body .sections .section.s_my_sales .data .tables .table table tbody.mobile_only td .lower .text .coupon_percent {
                        /*
                        &::after {
                          content: "";
                          display: inline-block;
                          position: relative;
                          left: 2.5vw;
                          top: .5vw;
                          background-color: #8c8c8c;
                          height: 80%;
                          width: 1px;
                          */ }
                        body .sections .section.s_my_sales .data .tables .table table tbody.mobile_only td .lower .text .coupon_percent strong {
                          padding-right: 1.5vw; }
                      body .sections .section.s_my_sales .data .tables .table table tbody.mobile_only td .lower .text .separator {
                        background-color: #CCC;
                        width: 1px;
                        height: 22.5px; }
                      body .sections .section.s_my_sales .data .tables .table table tbody.mobile_only td .lower .text .validity {
                        display: flex;
                        gap: 4vw; }
                        @media (min-width: 375px) {
                          body .sections .section.s_my_sales .data .tables .table table tbody.mobile_only td .lower .text .validity.used {
                            margin-right: 18vw; } }
                        @media (max-width: 375px) {
                          body .sections .section.s_my_sales .data .tables .table table tbody.mobile_only td .lower .text .validity.used {
                            margin-right: 15vw; } }
                        body .sections .section.s_my_sales .data .tables .table table tbody.mobile_only td .lower .text .validity.used .yes {
                          color: #3c913f; }
                        body .sections .section.s_my_sales .data .tables .table table tbody.mobile_only td .lower .text .validity.used .no {
                          color: #f82e24; }
                body .sections .section.s_my_sales .data .tables .table table tbody tr:nth-child(even) td {
                  background: #EAF2E6; }
                body .sections .section.s_my_sales .data .tables .table table tbody tr:nth-child(odd) td {
                  background: #fff; }
                body .sections .section.s_my_sales .data .tables .table table tbody tr td {
                  text-align: left;
                  padding: 0.5vw 0.8vw;
                  /*@media(max-width: 767px) {
                    &:nth-of-type(4) {
                      display:none;
                    }
                  }*/ }
                  body .sections .section.s_my_sales .data .tables .table table tbody tr td:first-of-type {
                    border-top-left-radius: 10px;
                    border-bottom-left-radius: 10px;
                    /*@media (max-width: 767px) {
                      color: $green;
                    }*/ }
                  body .sections .section.s_my_sales .data .tables .table table tbody tr td:last-of-type {
                    border-top-right-radius: 10px;
                    border-bottom-right-radius: 10px; }
                  body .sections .section.s_my_sales .data .tables .table table tbody tr td .tbl_used {
                    color: #518A70; }
                  body .sections .section.s_my_sales .data .tables .table table tbody tr td .tbl_not_used {
                    color: #CC0000; }
            body .sections .section.s_my_sales .data .tables .blank_table {
              float: left;
              position: relative;
              width: 100%;
              margin-top: 1vw;
              text-align: center; }
              @media (max-width: 767px) {
                body .sections .section.s_my_sales .data .tables .blank_table {
                  margin-left: -5%; } }
          body .sections .section.s_my_sales .data .have-questions {
            float: left;
            position: relative;
            width: 50%;
            margin-left: 25%;
            margin-top: 7vw;
            text-align: center; }
            @media (max-width: 767px) {
              body .sections .section.s_my_sales .data .have-questions {
                width: 100%;
                margin: 0 auto; } }
            @media (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_my_sales .data .have-questions {
                width: 100%;
                margin: 0 auto;
                margin-top: 5vw; } }
            body .sections .section.s_my_sales .data .have-questions h3 {
              font-weight: bold;
              font-size: 30px;
              color: #000; }
            body .sections .section.s_my_sales .data .have-questions p {
              font-size: 16px;
              line-height: 22px; }
              @media (min-width: 768px) and (max-width: 991px) {
                body .sections .section.s_my_sales .data .have-questions p {
                  margin-bottom: 3vw; } }
            body .sections .section.s_my_sales .data .have-questions .btns {
              float: left;
              position: relative;
              width: 84%;
              margin-left: 8%;
              display: grid;
              grid-template-columns: repeat(2, 1fr);
              grid-template-rows: 1fr;
              grid-column-gap: 2vw; }
              @media (max-width: 767px) {
                body .sections .section.s_my_sales .data .have-questions .btns {
                  width: 100%;
                  margin-left: 0;
                  grid-template-columns: repeat(1, 1fr); } }
              @media (min-width: 768px) and (max-width: 991px) {
                body .sections .section.s_my_sales .data .have-questions .btns {
                  width: 100%;
                  margin-left: 0;
                  align-items: center; } }
              @media (max-width: 767px) {
                body .sections .section.s_my_sales .data .have-questions .btns .green-btn {
                  margin: 4vw 0; } }
              @media (min-width: 768px) and (max-width: 991px) {
                body .sections .section.s_my_sales .data .have-questions .btns .green-btn {
                  margin-top: 0;
                  padding: 2.5vw 10vw; } }
              @media (min-width: 768px) and (max-width: 991px) {
                body .sections .section.s_my_sales .data .have-questions .btns .sp-btn {
                  margin-top: 0;
                  padding: 2.5vw 10vw; } }
      body .sections .section.s_faq {
        float: left;
        position: relative;
        width: 100%; }
        body .sections .section.s_faq.full_size .title {
          font-size: 60px;
          font-weight: 600;
          margin-top: 30px;
          margin-bottom: 0;
          text-align: center; }
          @media (max-width: 767px) {
            body .sections .section.s_faq.full_size .title {
              font-size: 30px;
              margin-bottom: 5vw; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_faq.full_size .title {
              font-size: 30px;
              margin-bottom: 5vw; } }
        body .sections .section.s_faq.full_size .faq_tabs {
          width: 100%;
          margin-left: 0; }
        body .sections .section.s_faq .faq_navigate {
          float: left;
          position: relative;
          width: 100%;
          padding-bottom: 1vw;
          border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
          body .sections .section.s_faq .faq_navigate ul {
            list-style: none;
            padding: 0; }
            @media (max-width: 767px) {
              body .sections .section.s_faq .faq_navigate ul {
                display: none; } }
            @media (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_faq .faq_navigate ul {
                display: none; } }
            body .sections .section.s_faq .faq_navigate ul li {
              float: left;
              margin-right: 6vw; }
              body .sections .section.s_faq .faq_navigate ul li.active a {
                color: #518A70;
                font-weight: bold; }
                body .sections .section.s_faq .faq_navigate ul li.active a::after {
                  content: "";
                  position: absolute;
                  left: 0;
                  bottom: calc(-1vw - 3px);
                  width: 100%;
                  height: 6px;
                  background: #518A70; }
              body .sections .section.s_faq .faq_navigate ul li a {
                position: relative;
                color: #000;
                font-size: 24px;
                text-decoration: none; }
        body .sections .section.s_faq .faq_tabs {
          float: left;
          position: relative;
          width: 76%;
          margin-left: 12%;
          margin-top: 3vw; }
          @media (max-width: 767px) {
            body .sections .section.s_faq .faq_tabs {
              margin-left: 0;
              width: 100%; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_faq .faq_tabs {
              margin-left: 0;
              width: 100%; } }
          body .sections .section.s_faq .faq_tabs .data {
            float: left;
            position: relative;
            width: 100%;
            display: none; }
            body .sections .section.s_faq .faq_tabs .data.active {
              display: block; }
            body .sections .section.s_faq .faq_tabs .data .item {
              float: left;
              position: relative;
              width: 100%;
              padding-bottom: .7vw;
              border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
              body .sections .section.s_faq .faq_tabs .data .item.open .question {
                background: #EAF2E6; }
                body .sections .section.s_faq .faq_tabs .data .item.open .question p.num {
                  color: #000;
                  margin-right: 1vw; }
                body .sections .section.s_faq .faq_tabs .data .item.open .question p.dsc {
                  color: #518A70; }
                body .sections .section.s_faq .faq_tabs .data .item.open .question .arrow {
                  transform: rotate(0);
                  filter: grayscale(0); }
              body .sections .section.s_faq .faq_tabs .data .item .question {
                float: left;
                position: relative;
                cursor: pointer;
                width: 100%;
                border-radius: 8px;
                padding: 1vw 2vw 0.8vw;
                transition: all .3s; }
                @media (max-width: 767px) {
                  body .sections .section.s_faq .faq_tabs .data .item .question {
                    padding: 2vw 7vw; } }
                @media (min-width: 768px) and (max-width: 991px) {
                  body .sections .section.s_faq .faq_tabs .data .item .question {
                    padding: 2vw 7vw; } }
                body .sections .section.s_faq .faq_tabs .data .item .question p {
                  float: left;
                  font-weight: bold;
                  font-size: 24px; }
                  body .sections .section.s_faq .faq_tabs .data .item .question p.num {
                    color: #518A70;
                    margin-right: 1vw; }
                  body .sections .section.s_faq .faq_tabs .data .item .question p.dsc {
                    color: #000; }
                    @media (max-width: 767px) {
                      body .sections .section.s_faq .faq_tabs .data .item .question p.dsc {
                        width: 70%;
                        margin-left: 5%; } }
                    @media (min-width: 768px) and (max-width: 991px) {
                      body .sections .section.s_faq .faq_tabs .data .item .question p.dsc {
                        width: 70%;
                        margin-left: 5%; } }
                body .sections .section.s_faq .faq_tabs .data .item .question .arrow {
                  height: 0.6vw;
                  position: absolute;
                  right: 2vw;
                  top: 2.7vw;
                  transition: all 0.3s;
                  transform: rotate(180deg);
                  filter: grayscale(1); }
                  @media (max-width: 767px) {
                    body .sections .section.s_faq .faq_tabs .data .item .question .arrow {
                      height: 2vw;
                      top: 14vw; } }
                  @media (min-width: 768px) and (max-width: 991px) {
                    body .sections .section.s_faq .faq_tabs .data .item .question .arrow {
                      height: 1.5vw;
                      top: 7vw; } }
              body .sections .section.s_faq .faq_tabs .data .item .answer {
                float: left;
                position: relative;
                width: 100%;
                padding: 1vw 8vw;
                display: none; }
                body .sections .section.s_faq .faq_tabs .data .item .answer p {
                  font-size: 16px;
                  line-height: 22px; }
                body .sections .section.s_faq .faq_tabs .data .item .answer a {
                  color: #518A70;
                  text-decoration: underline; }
      body .sections .section.s_crossroad {
        float: left;
        position: relative;
        width: 100%; }
        body .sections .section.s_crossroad.one .data {
          width: 40%;
          margin-left: 30%;
          grid-template-columns: repeat(1, 1fr); }
          @media (max-width: 767px) {
            body .sections .section.s_crossroad.one .data {
              width: 100%;
              margin-left: 0; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_crossroad.one .data {
              width: 100%;
              margin-left: 0; } }
        body .sections .section.s_crossroad .data {
          float: left;
          position: relative;
          width: 80%;
          margin-left: 10%;
          /* width: 40%;
          margin-left: 30%; */
          display: grid;
          grid-template-columns: repeat(2, 1fr);
          grid-template-rows: 1fr;
          grid-column-gap: 2vw;
          grid-row-gap: 2vw; }
          @media (max-width: 767px) {
            body .sections .section.s_crossroad .data {
              margin-left: 0;
              width: 100%;
              grid-template-columns: repeat(1, 1fr);
              grid-row-gap: 5vw; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_crossroad .data {
              margin-left: 0;
              width: 100%;
              grid-template-columns: repeat(1, 1fr);
              grid-row-gap: 5vw; } }
          body .sections .section.s_crossroad .data .item {
            position: relative;
            background: #fff;
            border-radius: 8px;
            padding: 2vw 3vw;
            color: #000;
            border: 3px solid #EAF2E6;
            text-align: center; }
            @media (max-width: 767px) {
              body .sections .section.s_crossroad .data .item {
                padding: 7vw; } }
            @media (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_crossroad .data .item {
                padding: 7vw; } }
            body .sections .section.s_crossroad .data .item .top {
              float: left;
              position: relative;
              width: 100%;
              border-bottom: 1px solid rgba(0, 0, 0, 0.1);
              margin-bottom: 1.5vw; }
              @media (max-width: 991px) {
                body .sections .section.s_crossroad .data .item .top {
                  margin-bottom: 5vw; } }
              body .sections .section.s_crossroad .data .item .top img {
                width: 2.8vw; }
                @media (max-width: 767px) {
                  body .sections .section.s_crossroad .data .item .top img {
                    width: 12vw; } }
                @media (min-width: 768px) and (max-width: 991px) {
                  body .sections .section.s_crossroad .data .item .top img {
                    width: 12vw; } }
              body .sections .section.s_crossroad .data .item .top h4 {
                font-size: 20px;
                font-weight: bold;
                margin-top: 1vw; }
                @media (max-width: 767px) {
                  body .sections .section.s_crossroad .data .item .top h4 {
                    margin-top: 5vw; } }
                @media (min-width: 768px) and (max-width: 991px) {
                  body .sections .section.s_crossroad .data .item .top h4 {
                    margin-top: 3vw; } }
                body .sections .section.s_crossroad .data .item .top h4 .bottom {
                  float: left;
                  position: relative;
                  width: 100%;
                  padding: 1vw 3vw; }
                  @media (max-width: 767px) {
                    body .sections .section.s_crossroad .data .item .top h4 .bottom {
                      margin-top: 5vw; } }
                  @media (min-width: 768px) and (max-width: 991px) {
                    body .sections .section.s_crossroad .data .item .top h4 .bottom {
                      margin-top: 5vw; } }
                  body .sections .section.s_crossroad .data .item .top h4 .bottom p {
                    font-size: 16px;
                    line-height: 22px;
                    margin-top: 0; }
      body .sections .section.s_manuals {
        float: left;
        position: relative;
        width: 76%;
        margin-left: 12%;
        margin-top: 0;
        display: none; }
        @media (max-width: 767px) {
          body .sections .section.s_manuals {
            width: 100%;
            margin-left: 0; } }
        body .sections .section.s_manuals .data {
          float: left;
          position: relative;
          width: 100%; }
          body .sections .section.s_manuals .data.active {
            display: block; }
          body .sections .section.s_manuals .data .item {
            float: left;
            position: relative;
            width: 100%;
            padding-bottom: .7vw;
            border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
            body .sections .section.s_manuals .data .item.open .question {
              background: #EAF2E6; }
              body .sections .section.s_manuals .data .item.open .question p.num {
                color: #000;
                margin-right: 1vw; }
              body .sections .section.s_manuals .data .item.open .question p.dsc {
                color: #518A70; }
              body .sections .section.s_manuals .data .item.open .question .arrow {
                transform: rotate(0);
                filter: grayscale(0); }
            body .sections .section.s_manuals .data .item .question {
              float: left;
              position: relative;
              cursor: pointer;
              width: 100%;
              border-radius: 8px;
              padding: 1vw 2vw 0.8vw;
              transition: all .3s; }
              body .sections .section.s_manuals .data .item .question img {
                float: left;
                height: 50px;
                margin-top: 15px;
                margin-right: 1vw; }
                @media (max-width: 767px) {
                  body .sections .section.s_manuals .data .item .question img {
                    margin-right: 4vw; } }
              body .sections .section.s_manuals .data .item .question p {
                float: left;
                font-weight: bold;
                font-size: 24px; }
                body .sections .section.s_manuals .data .item .question p.dsc {
                  color: #000; }
              body .sections .section.s_manuals .data .item .question .arrow {
                height: 0.6vw;
                position: absolute;
                right: 2vw;
                top: 2vw;
                transition: all 0.3s;
                transform: rotate(180deg);
                filter: grayscale(1); }
                @media (max-width: 767px) {
                  body .sections .section.s_manuals .data .item .question .arrow {
                    height: 2vw;
                    top: 7vw; } }
                @media (min-width: 768px) and (max-width: 991px) {
                  body .sections .section.s_manuals .data .item .question .arrow {
                    height: 1vw;
                    top: 4vw; } }
            body .sections .section.s_manuals .data .item .answer {
              float: left;
              position: relative;
              width: 100%;
              padding: 1vw 4vw 0;
              display: none; }
              body .sections .section.s_manuals .data .item .answer .item {
                float: left;
                position: relative;
                width: 100%;
                padding: 1.5vw 0;
                border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
                body .sections .section.s_manuals .data .item .answer .item:last-of-type {
                  border-bottom: none; }
                body .sections .section.s_manuals .data .item .answer .item .pdf {
                  float: left;
                  width: 1.75vw;
                  margin-right: 1vw; }
                  @media (max-width: 767px) {
                    body .sections .section.s_manuals .data .item .answer .item .pdf {
                      width: 8vw;
                      margin-right: 3vw; } }
                  @media (min-width: 768px) and (max-width: 991px) {
                    body .sections .section.s_manuals .data .item .answer .item .pdf {
                      width: 3vw; } }
                body .sections .section.s_manuals .data .item .answer .item .lbls {
                  float: left;
                  width: 70%; }
                  body .sections .section.s_manuals .data .item .answer .item .lbls p {
                    float: left;
                    width: 100%;
                    margin-top: 0;
                    margin-bottom: 4px;
                    font-size: 16px; }
                  body .sections .section.s_manuals .data .item .answer .item .lbls span {
                    float: left;
                    width: 100%;
                    margin-top: 0;
                    margin-bottom: 0;
                    font-size: 16px;
                    color: #454545; }
                @media (min-width: 768px) and (max-width: 991px) {
                  body .sections .section.s_manuals .data .item .answer .item .sp-btn {
                    float: none;
                    width: 40%;
                    margin-top: 3vw; } }
                body .sections .section.s_manuals .data .item .answer .item a {
                  float: right;
                  width: 17.5%;
                  white-space: nowrap;
                  margin-top: 0;
                  padding: 10px;
                  display: inline-flex;
                  justify-content: center;
                  align-items: center;
                  text-align: center;
                  gap: 5px;
                  height: 49px; }
                  @media (max-width: 767px) {
                    body .sections .section.s_manuals .data .item .answer .item a {
                      float: none;
                      width: 50%;
                      padding: 12px;
                      margin: 4vw 10vw; } }
                  body .sections .section.s_manuals .data .item .answer .item a:hover img {
                    filter: brightness(0) invert(1); }
                  body .sections .section.s_manuals .data .item .answer .item a img {
                    width: 1vw;
                    margin-left: 1px;
                    transition: all .3s; }
                    @media (min-width: 768px) and (max-width: 991px) {
                      body .sections .section.s_manuals .data .item .answer .item a img {
                        width: 2vw; } }
                    @media (max-width: 767px) {
                      body .sections .section.s_manuals .data .item .answer .item a img {
                        width: 4vw; } }
      body .sections .section.s_presale {
        float: left;
        position: relative;
        width: 100%; }
        body .sections .section.s_presale .left {
          float: left;
          position: relative;
          width: 50%; }
          body .sections .section.s_presale .left img {
            width: 100%; }
        body .sections .section.s_presale .right {
          float: left;
          position: relative;
          width: 50%;
          padding: 0 2vw 0 5vw; }
          body .sections .section.s_presale .right h2 {
            font-size: 60px;
            font-weight: bold;
            color: #518A70; }
          body .sections .section.s_presale .right p {
            font-size: 18px;
            line-height: 25px; }
      body .sections .section.s_presale_2 {
        float: left;
        position: relative;
        width: 100%; }
        body .sections .section.s_presale_2 .left {
          float: left;
          position: relative;
          width: 50%;
          padding: 0 7vw 0 0; }
          @media (max-width: 767px) {
            body .sections .section.s_presale_2 .left {
              width: 100%; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_presale_2 .left {
              width: 100%; } }
          body .sections .section.s_presale_2 .left h2 {
            font-size: 60px;
            font-weight: bold;
            color: #518A70; }
            @media (max-width: 767px) {
              body .sections .section.s_presale_2 .left h2 {
                font-size: 30px;
                text-align: center; } }
            @media (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_presale_2 .left h2 {
                font-size: 30px;
                text-align: center; } }
          body .sections .section.s_presale_2 .left p {
            font-size: 18px;
            line-height: 25px; }
        body .sections .section.s_presale_2 .right {
          float: left;
          position: relative;
          width: 50%; }
          @media (max-width: 767px) {
            body .sections .section.s_presale_2 .right {
              width: 100%; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_presale_2 .right {
              width: 100%; } }
          body .sections .section.s_presale_2 .right img {
            width: 100%; }
      body .sections .section.s_online_service {
        float: left;
        position: relative;
        width: 100%; }
        body .sections .section.s_online_service h3 {
          font-size: 32px;
          font-weight: bold;
          color: #518A70;
          margin-top: 0; }
          @media (max-width: 767px) {
            body .sections .section.s_online_service h3 {
              margin-top: 18vw; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_online_service h3 {
              margin-top: 15vw; } }
        body .sections .section.s_online_service h4 {
          font-size: 24px;
          font-weight: bold;
          margin-top: 0; }
        body .sections .section.s_online_service input, body .sections .section.s_online_service textarea, body .sections .section.s_online_service select {
          font-family: 'Harmonia Sans Pro';
          font-weight: normal;
          font-style: normal; }
        body .sections .section.s_online_service .go-back-link {
          display: block;
          margin-top: 15px; }
        body .sections .section.s_online_service .data {
          float: left;
          position: relative;
          width: 80%;
          margin-left: 10%;
          margin-top: 2vw;
          overflow-x: hidden; }
          @media (max-width: 767px) {
            body .sections .section.s_online_service .data {
              float: none;
              width: 100%;
              margin-left: 0;
              margin-top: 0; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_online_service .data {
              width: 100%;
              float: none;
              margin-left: 0; } }
          body .sections .section.s_online_service .data .num_navigate_v2 {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            grid-template-rows: 1fr;
            grid-column-gap: 2vw;
            width: 320px;
            margin-left: calc(50% - 160px);
            margin-bottom: 2vw; }
            @media (max-width: 767px) {
              body .sections .section.s_online_service .data .num_navigate_v2 {
                margin-bottom: 6vw;
                justify-items: center; } }
            @media (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_online_service .data .num_navigate_v2 {
                width: 50vw;
                margin: 2vw auto 4vw; } }
            body .sections .section.s_online_service .data .num_navigate_v2 div {
              text-align: center;
              cursor: pointer; }
              body .sections .section.s_online_service .data .num_navigate_v2 div:last-of-type a::after {
                display: none; }
              body .sections .section.s_online_service .data .num_navigate_v2 div a {
                position: relative;
                color: #DDDDDD;
                font-size: 28px;
                width: 40px;
                height: 40px;
                line-height: 37px;
                background: transparent;
                border-radius: 50%;
                display: block;
                text-decoration: none;
                border: 2px solid #DDDDDD;
                pointer-events: none; }
                body .sections .section.s_online_service .data .num_navigate_v2 div a::after {
                  content: '';
                  width: 30px;
                  height: 2px;
                  background: #DDDDDD;
                  position: absolute;
                  right: -124%;
                  top: 17px; }
                body .sections .section.s_online_service .data .num_navigate_v2 div a.active {
                  color: #fff;
                  background: #6CB86A;
                  border: 2px solid #6CB86A;
                  pointer-events: auto; }
          body .sections .section.s_online_service .data .req_info {
            float: left;
            position: relative;
            font-size: 12px;
            font-weight: 400;
            color: rgba(0, 0, 0, 0.5);
            width: 100%;
            margin-top: 2vw; }
            @media (max-width: 767px) {
              body .sections .section.s_online_service .data .req_info {
                margin-top: 4vw;
                margin-bottom: 4vw; } }
            @media (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_online_service .data .req_info {
                margin-top: 4vw;
                margin-bottom: 4vw; } }
            body .sections .section.s_online_service .data .req_info span {
              color: rgba(255, 0, 0, 0.5); }
          body .sections .section.s_online_service .data .steps {
            float: left;
            position: relative;
            width: 400%;
            transition: all .4s; }
            body .sections .section.s_online_service .data .steps.step_1 {
              transform: translateX(0); }
            body .sections .section.s_online_service .data .steps.step_2 {
              transform: translateX(-25%); }
            body .sections .section.s_online_service .data .steps.step_3 {
              transform: translateX(-50%); }
            body .sections .section.s_online_service .data .steps.step_4 {
              transform: translateX(-75%); }
            body .sections .section.s_online_service .data .steps textarea {
              float: left;
              position: relative;
              display: block;
              resize: none;
              width: 100%;
              margin-bottom: 1.5vw;
              background: #F7F7F7;
              color: #000;
              font-weight: normal;
              border: none;
              padding: 1.3vw;
              margin-bottom: 1vw;
              font-size: 16px;
              transition: all .4s;
              border-radius: 5px;
              border: 1px solid transparent;
              height: 7vw; }
              @media (max-width: 767px) {
                body .sections .section.s_online_service .data .steps textarea {
                  padding: 4vw;
                  margin-bottom: 4vw;
                  height: auto; } }
              @media (min-width: 768px) and (max-width: 991px) {
                body .sections .section.s_online_service .data .steps textarea {
                  padding: 4vw;
                  margin-bottom: 4vw;
                  height: auto; } }
              body .sections .section.s_online_service .data .steps textarea:focus {
                outline: none;
                border: 1px solid #C9C9C9; }
            body .sections .section.s_online_service .data .steps .data-block {
              float: left;
              position: relative;
              width: 100%;
              margin-bottom: 2vw; }
              body .sections .section.s_online_service .data .steps .data-block.success .top-side h4::after {
                content: "";
                background: url(/assets/img/nike.svg);
                width: 16px;
                height: 12px;
                position: absolute;
                right: -28px;
                top: 10px; }
              body .sections .section.s_online_service .data .steps .data-block .top-side {
                float: left;
                position: relative;
                width: 100%; }
                body .sections .section.s_online_service .data .steps .data-block .top-side h4 {
                  position: relative;
                  float: left; }
                body .sections .section.s_online_service .data .steps .data-block .top-side .controls {
                  position: relative;
                  float: right;
                  width: 50%;
                  padding-left: 1%;
                  margin-top: 0.4vw; }
                  @media (max-width: 767px) {
                    body .sections .section.s_online_service .data .steps .data-block .top-side .controls {
                      float: left; } }
                  @media (min-width: 768px) and (max-width: 991px) {
                    body .sections .section.s_online_service .data .steps .data-block .top-side .controls {
                      width: 100%;
                      display: flex;
                      align-items: center;
                      margin-left: 3vw; } }
                  body .sections .section.s_online_service .data .steps .data-block .top-side .controls .usr_edit_block {
                    float: right;
                    color: #518A70;
                    text-decoration: underline;
                    font-weight: bold; }
                    @media (max-width: 767px) {
                      body .sections .section.s_online_service .data .steps .data-block .top-side .controls .usr_edit_block {
                        float: left; } }
                  body .sections .section.s_online_service .data .steps .data-block .top-side .controls .operations {
                    grid-template-columns: repeat(2, 1fr);
                    grid-template-rows: 1fr;
                    grid-column-gap: 2vw;
                    display: none; }
                    @media (max-width: 767px) {
                      body .sections .section.s_online_service .data .steps .data-block .top-side .controls .operations {
                        align-items: baseline; } }
                    @media (min-width: 768px) and (max-width: 991px) {
                      body .sections .section.s_online_service .data .steps .data-block .top-side .controls .operations {
                        display: flex;
                        align-items: center; } }
                    body .sections .section.s_online_service .data .steps .data-block .top-side .controls .operations .save-changes-alternate {
                      margin-top: -1vw;
                      float: right; }
              body .sections .section.s_online_service .data .steps .data-block .content {
                float: left;
                position: relative;
                width: 100%; }
                @media (max-width: 767px) {
                  body .sections .section.s_online_service .data .steps .data-block .content {
                    display: grid;
                    margin-top: 6vw; } }
                body .sections .section.s_online_service .data .steps .data-block .content.no-border {
                  border-bottom: none; }
                body .sections .section.s_online_service .data .steps .data-block .content .left {
                  float: left;
                  position: relative;
                  width: 50%;
                  padding-right: 1%; }
                  @media (max-width: 767px) {
                    body .sections .section.s_online_service .data .steps .data-block .content .left {
                      width: 100%; } }
                body .sections .section.s_online_service .data .steps .data-block .content .right {
                  float: left;
                  position: relative;
                  width: 50%;
                  padding-left: 1%; }
                  @media (max-width: 767px) {
                    body .sections .section.s_online_service .data .steps .data-block .content .right {
                      width: 100%; } }
                body .sections .section.s_online_service .data .steps .data-block .content .delimer-line {
                  float: left;
                  position: relative;
                  width: 100%; }
                  body .sections .section.s_online_service .data .steps .data-block .content .delimer-line h5 {
                    margin-top: 1vw;
                    font-size: 18px;
                    font-weight: 400; }
                    @media (max-width: 767px) {
                      body .sections .section.s_online_service .data .steps .data-block .content .delimer-line h5 {
                        margin-top: 4.5vw;
                        margin-bottom: 4vw; } }
                    body .sections .section.s_online_service .data .steps .data-block .content .delimer-line h5 small {
                      font-size: 16px;
                      color: rgba(0, 0, 0, 0.5); }
                body .sections .section.s_online_service .data .steps .data-block .content .delimer-line-show {
                  float: left;
                  position: relative;
                  width: 100%;
                  margin-top: 1vw;
                  margin-bottom: 1vw;
                  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
            body .sections .section.s_online_service .data .steps .step {
              float: left;
              position: relative;
              width: 25%; }
              body .sections .section.s_online_service .data .steps .step[data-step="step_1"] {
                padding: 0 9%;
                text-align: center; }
                @media (max-width: 767px) {
                  body .sections .section.s_online_service .data .steps .step[data-step="step_1"] {
                    padding: 0; } }
                @media (min-width: 768px) and (max-width: 991px) {
                  body .sections .section.s_online_service .data .steps .step[data-step="step_1"] {
                    padding: 0 14vw; } }
                body .sections .section.s_online_service .data .steps .step[data-step="step_1"] .sp-btn {
                  margin-top: 2vw; }
              body .sections .section.s_online_service .data .steps .step[data-step="step_2"] {
                padding: 0 9%;
                text-align: center; }
                @media (max-width: 767px) {
                  body .sections .section.s_online_service .data .steps .step[data-step="step_2"] {
                    padding: 0; } }
                @media (min-width: 768px) and (max-width: 991px) {
                  body .sections .section.s_online_service .data .steps .step[data-step="step_2"] {
                    padding: 0 14vw; } }
                body .sections .section.s_online_service .data .steps .step[data-step="step_2"] .sp-btn {
                  margin-top: 2vw; }
                body .sections .section.s_online_service .data .steps .step[data-step="step_2"] #date_of_pick, body .sections .section.s_online_service .data .steps .step[data-step="step_2"] #date_of_pick_summary {
                  background-image: url(/assets/img/calendar_ico.svg);
                  background-position: 90%;
                  background-repeat: no-repeat; }
                body .sections .section.s_online_service .data .steps .step[data-step="step_2"] #picker_date .datepicker {
                  position: absolute;
                  z-index: 1000;
                  display: none;
                  float: left;
                  min-width: 160px;
                  padding: 5px 0;
                  margin: 2px 0 0;
                  list-style: none;
                  font-size: 14px;
                  text-align: left;
                  background-color: #fff;
                  border: 1px solid #C9C9C9;
                  border-radius: 4px;
                  background-clip: padding-box; }
                  @media (min-width: 992px) {
                    body .sections .section.s_online_service .data .steps .step[data-step="step_2"] #picker_date .datepicker {
                      top: 120px !important;
                      left: 38% !important; } }
                  body .sections .section.s_online_service .data .steps .step[data-step="step_2"] #picker_date .datepicker .year.active {
                    background-image: linear-gradient(to bottom, #518A70, #447355); }
                body .sections .section.s_online_service .data .steps .step[data-step="step_2"] input[type="date"]::-webkit-calendar-picker-indicator {
                  display: none;
                  -webkit-appearance: none; }
              body .sections .section.s_online_service .data .steps .step[data-step="step_3"] {
                padding: 0 2%; }
                body .sections .section.s_online_service .data .steps .step[data-step="step_3"] .bottom {
                  text-align: center; }
              body .sections .section.s_online_service .data .steps .step[data-step="step_4"] h4 {
                text-align: center; }
              body .sections .section.s_online_service .data .steps .step[data-step="step_4"] .summary {
                float: left;
                position: relative;
                width: 100%; }
                @media (max-width: 767px) {
                  body .sections .section.s_online_service .data .steps .step[data-step="step_4"] .summary {
                    display: grid; } }
                @media (min-width: 768px) and (max-width: 991px) {
                  body .sections .section.s_online_service .data .steps .step[data-step="step_4"] .summary {
                    display: flex;
                    flex-direction: column;
                    margin: 0 auto; } }
                body .sections .section.s_online_service .data .steps .step[data-step="step_4"] .summary .left-side {
                  float: left;
                  position: relative;
                  width: 30%;
                  padding-right: 1vw; }
                  body .sections .section.s_online_service .data .steps .step[data-step="step_4"] .summary .left-side input, body .sections .section.s_online_service .data .steps .step[data-step="step_4"] .summary .left-side textarea {
                    pointer-events: none; }
                  @media (max-width: 767px) {
                    body .sections .section.s_online_service .data .steps .step[data-step="step_4"] .summary .left-side {
                      width: 100%;
                      display: grid; } }
                  @media (min-width: 768px) and (max-width: 991px) {
                    body .sections .section.s_online_service .data .steps .step[data-step="step_4"] .summary .left-side {
                      width: 80%;
                      padding-right: 0;
                      margin: 0 auto; } }
                  body .sections .section.s_online_service .data .steps .step[data-step="step_4"] .summary .left-side .s_device {
                    float: left;
                    position: relative;
                    width: 100%;
                    margin-bottom: 1.5vw; }
                    body .sections .section.s_online_service .data .steps .step[data-step="step_4"] .summary .left-side .s_device p {
                      float: left;
                      font-size: 18px;
                      font-weight: bold; }
                    body .sections .section.s_online_service .data .steps .step[data-step="step_4"] .summary .left-side .s_device .summary_selected_device {
                      float: right; }
                  body .sections .section.s_online_service .data .steps .step[data-step="step_4"] .summary .left-side .cntrl {
                    float: left;
                    position: relative;
                    width: 50%;
                    background: #F7F7F7;
                    border-radius: 5px;
                    padding: 1.2vw; }
                    @media (max-width: 767px) {
                      body .sections .section.s_online_service .data .steps .step[data-step="step_4"] .summary .left-side .cntrl {
                        padding: 4vw; } }
                    @media (min-width: 768px) and (max-width: 991px) {
                      body .sections .section.s_online_service .data .steps .step[data-step="step_4"] .summary .left-side .cntrl {
                        width: 30%;
                        padding: 2vw;
                        height: 7vw; } }
                    body .sections .section.s_online_service .data .steps .step[data-step="step_4"] .summary .left-side .cntrl .overlay-box {
                      position: absolute;
                      top: 0.7vw;
                      left: 1.3vw;
                      width: 35%;
                      height: calc(100% - 1.3vw);
                      background: #518A70;
                      transition: all 0.3s;
                      border-radius: 8px;
                      z-index: 1; }
                      @media (max-width: 767px) {
                        body .sections .section.s_online_service .data .steps .step[data-step="step_4"] .summary .left-side .cntrl .overlay-box {
                          width: 49%; } }
                      @media (min-width: 768px) and (max-width: 991px) {
                        body .sections .section.s_online_service .data .steps .step[data-step="step_4"] .summary .left-side .cntrl .overlay-box {
                          width: 45%; } }
                      body .sections .section.s_online_service .data .steps .step[data-step="step_4"] .summary .left-side .cntrl .overlay-box.no {
                        left: 5.1vw; }
                    body .sections .section.s_online_service .data .steps .step[data-step="step_4"] .summary .left-side .cntrl a {
                      float: left;
                      position: relative;
                      width: 50%;
                      text-align: center;
                      z-index: 5;
                      color: #454545;
                      font-size: 16px;
                      font-weight: 100;
                      transition: all .3s;
                      text-decoration: none; }
                      body .sections .section.s_online_service .data .steps .step[data-step="step_4"] .summary .left-side .cntrl a.active {
                        font-weight: bold;
                        color: #fff; }
                body .sections .section.s_online_service .data .steps .step[data-step="step_4"] .summary .right-side {
                  float: left;
                  position: relative;
                  width: 70%;
                  padding-left: 1vw; }
                  @media (max-width: 767px) {
                    body .sections .section.s_online_service .data .steps .step[data-step="step_4"] .summary .right-side {
                      width: 100%; } }
                  @media (min-width: 768px) and (max-width: 991px) {
                    body .sections .section.s_online_service .data .steps .step[data-step="step_4"] .summary .right-side {
                      width: 80%;
                      padding-left: 0;
                      margin: 0 auto; } }
                  body .sections .section.s_online_service .data .steps .step[data-step="step_4"] .summary .right-side h5 {
                    font-size: 20px;
                    margin-top: 0.85vw;
                    margin-bottom: 2.5vw; }
                    @media (max-width: 767px) {
                      body .sections .section.s_online_service .data .steps .step[data-step="step_4"] .summary .right-side h5 {
                        margin-top: 9vw; } }
                  body .sections .section.s_online_service .data .steps .step[data-step="step_4"] .summary .right-side .data-block {
                    margin-bottom: 1vw; }
                  body .sections .section.s_online_service .data .steps .step[data-step="step_4"] .summary .right-side .online_service_terms {
                    float: left;
                    position: relative;
                    width: 80%;
                    display: grid;
                    grid-template-columns: repeat(2, 1fr);
                    grid-template-rows: 1fr;
                    grid-column-gap: 1vw; }
                    @media (max-width: 767px) {
                      body .sections .section.s_online_service .data .steps .step[data-step="step_4"] .summary .right-side .online_service_terms {
                        width: 100%;
                        grid-template-columns: repeat(1, 1fr);
                        grid-row-gap: 5vw;
                        margin-top: 3vw;
                        display: block; } }
                    @media (min-width: 768px) and (max-width: 991px) {
                      body .sections .section.s_online_service .data .steps .step[data-step="step_4"] .summary .right-side .online_service_terms {
                        grid-template-columns: repeat(1, 1fr);
                        display: block; } }
                    body .sections .section.s_online_service .data .steps .step[data-step="step_4"] .summary .right-side .online_service_terms .confirm {
                      float: left;
                      position: relative;
                      margin-top: 0.5vw;
                      text-align: left;
                      width: 100%; }
                      body .sections .section.s_online_service .data .steps .step[data-step="step_4"] .summary .right-side .online_service_terms .confirm.long {
                        grid-column: 1 / 3; }
                        @media (min-width: 992px) {
                          body .sections .section.s_online_service .data .steps .step[data-step="step_4"] .summary .right-side .online_service_terms .confirm.long {
                            margin-top: 25px; } }
                      @media (max-width: 991px) {
                        body .sections .section.s_online_service .data .steps .step[data-step="step_4"] .summary .right-side .online_service_terms .confirm {
                          margin-bottom: 20px; } }
                      @media (min-width: 768px) and (max-width: 991px) {
                        body .sections .section.s_online_service .data .steps .step[data-step="step_4"] .summary .right-side .online_service_terms .confirm {
                          display: flex;
                          align-items: center; } }
                      body .sections .section.s_online_service .data .steps .step[data-step="step_4"] .summary .right-side .online_service_terms .confirm img {
                        width: 1.1vw;
                        float: left;
                        margin-right: 0.5vw;
                        cursor: pointer; }
                        @media (max-width: 767px) {
                          body .sections .section.s_online_service .data .steps .step[data-step="step_4"] .summary .right-side .online_service_terms .confirm img {
                            width: 5vw;
                            margin-right: 2vw; } }
                        @media (min-width: 768px) and (max-width: 991px) {
                          body .sections .section.s_online_service .data .steps .step[data-step="step_4"] .summary .right-side .online_service_terms .confirm img {
                            width: 4vw; } }
                      body .sections .section.s_online_service .data .steps .step[data-step="step_4"] .summary .right-side .online_service_terms .confirm p {
                        margin-top: 0;
                        margin-bottom: 0;
                        font-size: 14px;
                        color: rgba(0, 0, 0, 0.5); }
                        body .sections .section.s_online_service .data .steps .step[data-step="step_4"] .summary .right-side .online_service_terms .confirm p a {
                          font-weight: bold;
                          text-decoration: underline;
                          color: rgba(0, 0, 0, 0.5); }
                        body .sections .section.s_online_service .data .steps .step[data-step="step_4"] .summary .right-side .online_service_terms .confirm p span {
                          color: #CC0000; }
              body .sections .section.s_online_service .data .steps .step[data-step="step_4"] .bottom {
                float: left;
                width: 100%;
                margin-top: 2vw;
                text-align: center; }
                @media (max-width: 767px) {
                  body .sections .section.s_online_service .data .steps .step[data-step="step_4"] .bottom .green-btn {
                    margin-top: 5vw; } }
      body .sections .section.s_where_sn {
        float: left;
        position: relative;
        width: 100%; }
        body .sections .section.s_where_sn h3 {
          margin-top: 0;
          font-size: 32px;
          font-weight: bold;
          color: #518A70; }
          @media (max-width: 767px) {
            body .sections .section.s_where_sn h3 {
              margin-top: 15vw; } }
        body .sections .section.s_where_sn .data {
          float: left;
          position: relative;
          width: 70%;
          margin-left: 15%;
          margin-top: 60px;
          display: grid;
          grid-template-columns: repeat(2, 1fr);
          grid-template-rows: 1fr;
          grid-column-gap: 8vw; }
          @media (max-width: 767px) {
            body .sections .section.s_where_sn .data {
              margin: 60px 2.5%;
              width: 95%;
              grid-template-columns: repeat(1, 1fr); } }
          body .sections .section.s_where_sn .data .item {
            text-align: center;
            position: relative; }
            @media (max-width: 767px) {
              body .sections .section.s_where_sn .data .item:nth-of-type(2), body .sections .section.s_where_sn .data .item:nth-of-type(3) {
                padding: 7vw 0; } }
            body .sections .section.s_where_sn .data .item:nth-child(2)::before {
              content: '';
              position: absolute;
              top: 0;
              left: -4vw;
              width: 1px;
              height: 100%;
              background: rgba(0, 0, 0, 0.1); }
              @media (max-width: 767px) {
                body .sections .section.s_where_sn .data .item:nth-child(2)::before {
                  content: '';
                  position: absolute;
                  top: 0;
                  left: 0;
                  width: calc(100% + 4vw);
                  height: 1px;
                  background: rgba(0, 0, 0, 0.1); } }
            body .sections .section.s_where_sn .data .item:nth-child(3) {
              padding-top: 60px; }
              body .sections .section.s_where_sn .data .item:nth-child(3)::before {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                width: calc(100% + 4vw);
                height: 1px;
                background: rgba(0, 0, 0, 0.1); }
            body .sections .section.s_where_sn .data .item:nth-child(4) {
              padding-top: 60px; }
              body .sections .section.s_where_sn .data .item:nth-child(4)::before {
                content: '';
                position: absolute;
                top: 0;
                left: -4vw;
                width: calc(100% + 4vw);
                height: 1px;
                background: rgba(0, 0, 0, 0.1); }
                @media (max-width: 767px) {
                  body .sections .section.s_where_sn .data .item:nth-child(4)::before {
                    display: none; } }
              body .sections .section.s_where_sn .data .item:nth-child(4)::after {
                content: '';
                position: absolute;
                top: 0;
                left: -4vw;
                width: 1px;
                height: 100%;
                background: rgba(0, 0, 0, 0.1); }
                @media (max-width: 767px) {
                  body .sections .section.s_where_sn .data .item:nth-child(4)::after {
                    content: '';
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: calc(100% + 4vw);
                    height: 1px;
                    background: rgba(0, 0, 0, 0.1); } }
              body .sections .section.s_where_sn .data .item:nth-child(4) img {
                width: 100%;
                margin-top: 1vw; }
            body .sections .section.s_where_sn .data .item h4 {
              font-size: 24px;
              font-weight: bold;
              color: #518A70; }
              @media (max-width: 767px) {
                body .sections .section.s_where_sn .data .item h4 {
                  font-size: 20px; } }
            body .sections .section.s_where_sn .data .item p {
              font-size: 16px;
              line-height: 22px; }
            body .sections .section.s_where_sn .data .item img {
              width: 100%;
              margin-left: 5%;
              margin-top: 1vw; }
              @media (max-width: 992px) {
                body .sections .section.s_where_sn .data .item img {
                  margin-left: 0; } }
        body .sections .section.s_where_sn .bottom {
          float: left;
          position: relative;
          width: 100%;
          margin-top: 90px;
          text-align: center; }
          @media (max-width: 767px) {
            body .sections .section.s_where_sn .bottom {
              margin: 3vw 0;
              display: flex;
              flex-direction: column;
              gap: 3vw; } }
          body .sections .section.s_where_sn .bottom h4 {
            font-size: 32px;
            font-weight: bold;
            margin-bottom: 0; }
            @media (max-width: 767px) {
              body .sections .section.s_where_sn .bottom h4 {
                font-size: 22px; } }
          body .sections .section.s_where_sn .bottom h5 {
            font-size: 24px;
            font-weight: bold;
            margin-top: .7vw;
            margin-bottom: 1vw; }
            @media (max-width: 767px) {
              body .sections .section.s_where_sn .bottom h5 {
                font-size: 20px;
                font-weight: normal; } }
      body .sections .section.s_terms {
        float: left;
        position: relative;
        width: 100%; }
        body .sections .section.s_terms h1 {
          font-size: 32px;
          font-weight: bold;
          color: #518A70;
          margin-top: 0; }
        body .sections .section.s_terms .data-block {
          float: left;
          position: relative;
          width: 80%;
          margin-top: .5vw;
          padding: 0 1vw;
          margin-bottom: 1vw; }
          @media (max-width: 767px) {
            body .sections .section.s_terms .data-block {
              width: 95%; } }
          body .sections .section.s_terms .data-block .top {
            float: left;
            position: relative;
            width: 100%; }
            body .sections .section.s_terms .data-block .top h2 {
              float: left;
              font-size: 24px; }
              body .sections .section.s_terms .data-block .top h2.num {
                color: #518A70;
                width: 2vw; }
                @media (max-width: 767px) {
                  body .sections .section.s_terms .data-block .top h2.num {
                    width: 7vw; } }
              @media (max-width: 767px) {
                body .sections .section.s_terms .data-block .top h2.title {
                  width: calc(100% - 7vw); } }
          body .sections .section.s_terms .data-block .data {
            float: left;
            position: relative;
            width: 100%; }
            body .sections .section.s_terms .data-block .data .point {
              float: left;
              position: relative;
              width: 100%;
              padding: 0 1vw 0 2vw; }
              @media (max-width: 767px) {
                body .sections .section.s_terms .data-block .data .point {
                  padding: 0; } }
              body .sections .section.s_terms .data-block .data .point.tbl {
                padding: 0 9vw; }
                @media (max-width: 767px) {
                  body .sections .section.s_terms .data-block .data .point.tbl {
                    padding: 0; } }
                body .sections .section.s_terms .data-block .data .point.tbl table {
                  float: left;
                  position: relative;
                  width: 90%;
                  margin-top: 2vw; }
                  body .sections .section.s_terms .data-block .data .point.tbl table tr td, body .sections .section.s_terms .data-block .data .point.tbl table tr th {
                    text-align: center;
                    padding: 1vw;
                    border-bottom: 1px solid #DDDDDD;
                    border-left: 1px solid #DDDDDD; }
                    body .sections .section.s_terms .data-block .data .point.tbl table tr td:first-of-type, body .sections .section.s_terms .data-block .data .point.tbl table tr th:first-of-type {
                      border-left: none; }
                  body .sections .section.s_terms .data-block .data .point.tbl table tr:last-of-type td {
                    border-bottom: none; }
              body .sections .section.s_terms .data-block .data .point .num {
                float: left;
                width: 3vw; }
                @media (max-width: 767px) {
                  body .sections .section.s_terms .data-block .data .point .num {
                    width: 10vw; } }
                body .sections .section.s_terms .data-block .data .point .num p {
                  font-size: 20px;
                  font-weight: bold;
                  color: rgba(0, 0, 0, 0.5);
                  margin-top: .8vw; }
              body .sections .section.s_terms .data-block .data .point .content {
                float: left;
                width: calc(100% - 3vw); }
                @media (max-width: 767px) {
                  body .sections .section.s_terms .data-block .data .point .content {
                    width: calc(100% - 10vw);
                    margin-left: 3vw; } }
                body .sections .section.s_terms .data-block .data .point .content p {
                  font-size: 16px;
                  line-height: 22px; }
                  @media (max-width: 767px) {
                    body .sections .section.s_terms .data-block .data .point .content p {
                      margin-top: 1.5vw; } }
                body .sections .section.s_terms .data-block .data .point .content a {
                  color: #518A70;
                  text-decoration: underline; }
              body .sections .section.s_terms .data-block .data .point .level-3-content {
                padding-left: 1vw; }
            body .sections .section.s_terms .data-block .data .level-3-point {
              padding-left: 3vw !important; }
      body .sections .section.s_cookies {
        float: left;
        position: relative;
        width: 100%; }
        @media (max-width: 767px) {
          body .sections .section.s_cookies {
            margin-top: 25%; } }
        body .sections .section.s_cookies .undertext {
          font-style: italic;
          font-weight: bold;
          color: #454545;
          margin-top: 5%; }
        body .sections .section.s_cookies p {
          font-size: 16px;
          line-height: 22px; }
        body .sections .section.s_cookies h1 {
          font-size: 32px;
          font-weight: bold;
          color: #518A70;
          margin-top: 0; }
        body .sections .section.s_cookies .data-block {
          float: left;
          position: relative;
          width: 100%;
          margin-top: .5vw;
          padding: 0 1vw;
          margin-bottom: 1vw; }
          body .sections .section.s_cookies .data-block .top .num {
            font-size: inherit;
            padding-right: .5vw;
            color: #518A70; }
          body .sections .section.s_cookies .data-block .bottom a {
            color: #518A70;
            text-underline-offset: 1px; }
          body .sections .section.s_cookies .data-block .bottom .text {
            padding: 0 3vw; }
          body .sections .section.s_cookies .data-block .bottom .list {
            padding-left: 6vw; }
          body .sections .section.s_cookies .data-block .bottom .complex-text {
            padding: 0 3vw; }
            body .sections .section.s_cookies .data-block .bottom .complex-text .heading {
              font-weight: 600; }
              body .sections .section.s_cookies .data-block .bottom .complex-text .heading .num {
                font-size: 20px;
                color: rgba(0, 0, 0, 0.5);
                padding-right: .5vw; }
          body .sections .section.s_cookies .data-block .bottom .accordion-wrapper {
            padding: 0 3vw; }
            body .sections .section.s_cookies .data-block .bottom .accordion-wrapper .top {
              padding: 0 3vw;
              display: flex;
              justify-content: space-between;
              align-items: center;
              cursor: pointer;
              background-color: #F7F7F7; }
              body .sections .section.s_cookies .data-block .bottom .accordion-wrapper .top .right {
                display: flex;
                align-items: center;
                justify-content: center;
                gap: 1.5vw; }
                @media (max-width: 767px) {
                  body .sections .section.s_cookies .data-block .bottom .accordion-wrapper .top .right .types {
                    display: none; } }
                body .sections .section.s_cookies .data-block .bottom .accordion-wrapper .top .right .active {
                  color: #518A70; }
            body .sections .section.s_cookies .data-block .bottom .accordion-wrapper .bottom {
              background-color: #FBFBFB; }
              body .sections .section.s_cookies .data-block .bottom .accordion-wrapper .bottom .text {
                margin: 0;
                padding-top: 1.5vw;
                padding-bottom: 1.5vw; }
                @media (max-width: 767px) {
                  body .sections .section.s_cookies .data-block .bottom .accordion-wrapper .bottom .text {
                    padding: 5vw; } }
              body .sections .section.s_cookies .data-block .bottom .accordion-wrapper .bottom .content {
                margin: 0; }
                body .sections .section.s_cookies .data-block .bottom .accordion-wrapper .bottom .content .top {
                  background-color: #FBFBFB; }
                  @media (max-width: 767px) {
                    body .sections .section.s_cookies .data-block .bottom .accordion-wrapper .bottom .content .top {
                      flex-direction: column; } }
                  body .sections .section.s_cookies .data-block .bottom .accordion-wrapper .bottom .content .top .right,
                  body .sections .section.s_cookies .data-block .bottom .accordion-wrapper .bottom .content .top .left {
                    width: 50%;
                    height: 100%;
                    padding-top: 1.5vw;
                    padding-bottom: 1.5vw; }
                    @media (max-width: 767px) {
                      body .sections .section.s_cookies .data-block .bottom .accordion-wrapper .bottom .content .top .right,
                      body .sections .section.s_cookies .data-block .bottom .accordion-wrapper .bottom .content .top .left {
                        width: 100%; } }
                    body .sections .section.s_cookies .data-block .bottom .accordion-wrapper .bottom .content .top .right .text,
                    body .sections .section.s_cookies .data-block .bottom .accordion-wrapper .bottom .content .top .left .text {
                      padding-left: 0;
                      padding-right: 0; }
                  body .sections .section.s_cookies .data-block .bottom .accordion-wrapper .bottom .content .top .right {
                    padding-left: 1.5vw;
                    display: flex;
                    flex-direction: column;
                    align-items: initial;
                    justify-content: initial;
                    gap: 0; }
                    body .sections .section.s_cookies .data-block .bottom .accordion-wrapper .bottom .content .top .right .title {
                      font-weight: bold; }
                  body .sections .section.s_cookies .data-block .bottom .accordion-wrapper .bottom .content .top .left {
                    padding-right: 1.5vw;
                    display: flex;
                    flex-direction: column; }
                    body .sections .section.s_cookies .data-block .bottom .accordion-wrapper .bottom .content .top .left .title {
                      font-weight: bold; }
                body .sections .section.s_cookies .data-block .bottom .accordion-wrapper .bottom .content .bottom table {
                  border: 1px solid #fff;
                  border-collapse: collapse;
                  width: 100%; }
                  body .sections .section.s_cookies .data-block .bottom .accordion-wrapper .bottom .content .bottom table tr th, body .sections .section.s_cookies .data-block .bottom .accordion-wrapper .bottom .content .bottom table tr td {
                    border: 1px solid #fff;
                    padding: 1.5vw 3vw;
                    text-align: left; }
                    @media (max-width: 767px) {
                      body .sections .section.s_cookies .data-block .bottom .accordion-wrapper .bottom .content .bottom table tr th, body .sections .section.s_cookies .data-block .bottom .accordion-wrapper .bottom .content .bottom table tr td {
                        padding: 3vw; } }
                  @media (max-width: 767px) {
                    body .sections .section.s_cookies .data-block .bottom .accordion-wrapper .bottom .content .bottom table tr td {
                      font-size: 13px;
                      max-width: 33vw;
                      width: 33vw;
                      overflow-wrap: break-word;
                      word-wrap: break-word; } }
                  body .sections .section.s_cookies .data-block .bottom .accordion-wrapper .bottom .content .bottom table tr a {
                    font-weight: bold; }
                  body .sections .section.s_cookies .data-block .bottom .accordion-wrapper .bottom .content .bottom table tr:nth-of-type(1) th, body .sections .section.s_cookies .data-block .bottom .accordion-wrapper .bottom .content .bottom table tr:nth-of-type(1) td {
                    border: none; }
                  body .sections .section.s_cookies .data-block .bottom .accordion-wrapper .bottom .content .bottom table tr:nth-of-type(2) th {
                    width: 33%; }
            body .sections .section.s_cookies .data-block .bottom .accordion-wrapper.opened .top .right img {
              transform: rotate(180deg); }
          body .sections .section.s_cookies .data-block:nth-of-type(6) .bottom .accordion-wrapper .top .left .title {
            font-weight: bold; }
          body .sections .section.s_cookies .data-block:nth-of-type(6) .bottom .accordion-wrapper .top .right .types {
            color: rgba(77, 77, 77, 0.8); }
      body .sections .section.s_404 {
        float: left;
        position: relative;
        width: 100%;
        padding: 0 20%;
        text-align: center; }
        @media (max-width: 767px) {
          body .sections .section.s_404 {
            padding: 0 2%; } }
        @media (min-width: 768px) and (max-width: 991px) {
          body .sections .section.s_404 {
            padding: 0 5%; } }
        body .sections .section.s_404 h1 {
          font-size: 60px;
          font-weight: bold;
          color: #518A70;
          margin-bottom: 0; }
          @media (max-width: 767px) {
            body .sections .section.s_404 h1 {
              font-size: 62px; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_404 h1 {
              font-size: 72px; } }
        body .sections .section.s_404 h2 {
          font-size: 40px;
          font-weight: bold;
          color: #518A70;
          margin-top: .5vw; }
          @media (max-width: 767px) {
            body .sections .section.s_404 h2 {
              font-size: 36px; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_404 h2 {
              font-size: 36px; } }
        body .sections .section.s_404 p {
          font-size: 16px;
          line-height: 22px;
          width: 30%;
          margin-left: 35%; }
          @media (max-width: 767px) {
            body .sections .section.s_404 p {
              font-size: 22px;
              margin: 0 5%;
              width: 90%;
              line-height: 28px; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_404 p {
              font-size: 22px;
              margin: 0 5%;
              width: 90%;
              line-height: 28px; } }
        body .sections .section.s_404 a {
          font-size: 16px;
          color: #518A70; }
          @media (max-width: 991px) {
            body .sections .section.s_404 a {
              font-size: 22px; } }
      body .sections .section.s_rst_psw {
        float: left;
        position: relative;
        width: 100%; }
        @media (max-width: 991px) {
          body .sections .section.s_rst_psw {
            position: absolute;
            padding-top: 27.5%;
            top: 0;
            left: 0;
            background-color: #fff; } }
        body .sections .section.s_rst_psw h3 {
          font-size: 32px;
          font-weight: bold;
          color: #518A70;
          margin-top: 0; }
          @media (max-width: 991px) {
            body .sections .section.s_rst_psw h3 {
              text-align: center;
              padding: 0 10%; } }
        body .sections .section.s_rst_psw h4 {
          font-size: 24px;
          font-weight: bold;
          margin-top: 0; }
        body .sections .section.s_rst_psw .main {
          float: left;
          position: relative;
          width: 23%;
          margin-left: 38.5%;
          margin-top: 1vw;
          text-align: center; }
          @media (max-width: 991px) {
            body .sections .section.s_rst_psw .main {
              width: 80%;
              margin-left: 10%; } }
          body .sections .section.s_rst_psw .main .steps .step {
            display: none; }
            body .sections .section.s_rst_psw .main .steps .step.active {
              display: block; }
            body .sections .section.s_rst_psw .main .steps .step[data-step="1"] .form-part label {
              float: left;
              color: rgba(0, 0, 0, 0.5);
              font-size: 14px;
              margin-left: 0.7vw;
              margin-bottom: 0.3vw;
              display: block;
              width: 100%;
              text-align: left; }
            @media (max-width: 767px) {
              body .sections .section.s_rst_psw .main .steps .step[data-step="1"] .form-part #npsw_2 {
                margin-bottom: 4vw; } }
            @media (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_rst_psw .main .steps .step[data-step="1"] .form-part #npsw_2 {
                margin-bottom: 4vw; } }
            body .sections .section.s_rst_psw .main .steps .step[data-step="1"] .form-part input {
              float: left;
              display: block;
              background: #F7F7F7;
              color: #000;
              font-weight: normal;
              width: 100%;
              border: none;
              padding: 1.3vw;
              margin-bottom: 1vw;
              font-size: 16px;
              transition: all .4s;
              border-radius: 5px;
              border: 1px solid transparent; }
              @media (max-width: 767px) {
                body .sections .section.s_rst_psw .main .steps .step[data-step="1"] .form-part input {
                  padding: 4vw;
                  margin-bottom: 4vw; } }
              @media (min-width: 768px) and (max-width: 991px) {
                body .sections .section.s_rst_psw .main .steps .step[data-step="1"] .form-part input {
                  padding: 4vw;
                  margin-bottom: 4vw; } }
              body .sections .section.s_rst_psw .main .steps .step[data-step="1"] .form-part input:focus {
                outline: none;
                border: 1px solid #C9C9C9; }
            body .sections .section.s_rst_psw .main .steps .step[data-step="1"] .btn-place {
              float: left;
              position: relative;
              width: 100%;
              text-align: center; }
              body .sections .section.s_rst_psw .main .steps .step[data-step="1"] .btn-place .set-new-password {
                margin-top: 1vw; }
            body .sections .section.s_rst_psw .main .steps .step[data-step="2"] {
              width: 130%;
              margin-left: -15%; }
        body .sections .section.s_rst_psw .problems {
          float: left;
          position: relative;
          width: 100%;
          margin-top: 2vw;
          text-align: center; }
          @media (max-width: 991px) {
            body .sections .section.s_rst_psw .problems {
              padding: 7.5% 10% 15%; } }
          body .sections .section.s_rst_psw .problems h2 {
            font-size: 32px;
            font-weight: bold; }
            @media (max-width: 991px) {
              body .sections .section.s_rst_psw .problems h2 {
                font-size: 26px; } }
          body .sections .section.s_rst_psw .problems p {
            font-size: 24px;
            font-weight: bold; }
            @media (max-width: 991px) {
              body .sections .section.s_rst_psw .problems p {
                font-size: 16px; } }

footer {
  float: left;
  position: relative;
  width: 100%;
  background: #518A70;
  color: #fff; }
  footer .top-data {
    float: left;
    position: relative;
    width: 100%;
    padding: 3.5vw 6.5vw 0vw; }
    @media (max-width: 767px) {
      footer .top-data {
        padding: 11vw 7vw 1vw; } }
    @media (min-width: 768px) and (max-width: 991px) {
      footer .top-data {
        padding: 8vw 4vw 1vw; } }
    @media (min-width: 1024px) {
      footer .top-data {
        padding-bottom: 2vw; } }
    @media (min-width: 1921px) {
      footer .top-data {
        max-width: 1920px;
        margin: 0 auto;
        position: relative;
        display: flow-root;
        width: 1920px;
        float: none;
        padding: 3.5vw 0 0; } }
    @media (min-width: 992px) {
      footer .top-data {
        padding-top: 2.5vw; } }
    footer .top-data .left {
      float: left;
      position: relative;
      width: 21%; }
      @media (max-width: 767px) {
        footer .top-data .left {
          width: 100%; } }
      @media (min-width: 768px) and (max-width: 991px) {
        footer .top-data .left {
          width: 100%;
          margin-bottom: 4vw; } }
      @media (min-width: 1025px) and (max-width: 1280px) {
        footer .top-data .left {
          width: 17%; } }
      @media (min-width: 1281px) and (max-width: 1366px) {
        footer .top-data .left {
          width: 21%; } }
      @media (min-width: 1700px) {
        footer .top-data .left {
          width: 22%; } }
      footer .top-data .left .white-logo {
        width: 60%; }
        @media (max-width: 767px) {
          footer .top-data .left .white-logo {
            width: 70%;
            margin-left: 15%; } }
        @media (min-width: 768px) and (max-width: 991px) {
          footer .top-data .left .white-logo {
            width: 30%;
            margin-left: 0;
            margin-bottom: 2vw; } }
        @media (min-width: 992px) and (max-width: 1367px) {
          footer .top-data .left .white-logo {
            width: 65%; } }
      footer .top-data .left .irobot-logo {
        float: right;
        display: block;
        width: auto;
        margin-right: 40%;
        margin-top: 1vw;
        margin-bottom: 4vw; }
        @media (max-width: 767px) {
          footer .top-data .left .irobot-logo {
            width: 30%;
            margin-top: 4vw;
            margin-bottom: 5vw; } }
        @media (min-width: 768px) and (max-width: 991px) {
          footer .top-data .left .irobot-logo {
            margin-bottom: 0;
            margin-top: 3vw;
            margin-right: 75%; } }
        @media (min-width: 992px) and (max-width: 1367px) {
          footer .top-data .left .irobot-logo {
            margin-right: 35%; } }
        footer .top-data .left .irobot-logo img {
          width: 8vw;
          float: left;
          margin-right: 0; }
          @media (max-width: 767px) {
            footer .top-data .left .irobot-logo img {
              width: 35vw;
              margin-right: 3vw;
              margin-bottom: 3vw; } }
          @media (min-width: 768px) and (max-width: 991px) {
            footer .top-data .left .irobot-logo img {
              width: 20vw;
              margin-right: 3vw;
              margin-bottom: 3vw; } }
        footer .top-data .left .irobot-logo p {
          float: left;
          font-size: 24px;
          margin-top: 5px; }
          @media (max-width: 767px) {
            footer .top-data .left .irobot-logo p {
              font-size: 18px;
              margin-top: 7px;
              font-weight: 300; } }
          @media (min-width: 768px) and (max-width: 991px) {
            footer .top-data .left .irobot-logo p {
              font-size: 18px;
              margin-top: 7px;
              font-weight: 300; } }
          @media (min-width: 1025px) and (max-width: 1280px) {
            footer .top-data .left .irobot-logo p {
              font-size: 20px;
              margin-top: 1px; } }
    footer .top-data .middle {
      float: left;
      position: relative;
      width: 45%;
      padding: 0 2% 0 4%; }
      @media (max-width: 767px) {
        footer .top-data .middle {
          width: 100%;
          padding: 0; } }
      @media (min-width: 768px) and (max-width: 991px) {
        footer .top-data .middle {
          width: 100%;
          padding: 0; } }
      @media (min-width: 1025px) and (max-width: 1280px) {
        footer .top-data .middle {
          width: 49%; } }
      @media (min-width: 1281px) and (max-width: 1366px) {
        footer .top-data .middle {
          width: 46%; } }
      @media (min-width: 1700px) {
        footer .top-data .middle {
          width: 44%; } }
      footer .top-data .middle h5 {
        font-size: 20px;
        margin-top: 0;
        font-weight: bold; }
        @media (max-width: 767px) {
          footer .top-data .middle h5 {
            margin-bottom: 0; } }
        @media (min-width: 768px) and (max-width: 991px) {
          footer .top-data .middle h5 {
            margin-bottom: 0; } }
        @media (min-width: 1367px) and (max-width: 1570px) {
          footer .top-data .middle h5 {
            font-size: 18px; } }
        @media (min-width: 992px) {
          footer .top-data .middle h5 {
            margin-bottom: .5vw; } }
      footer .top-data .middle .bottom-side {
        float: left;
        position: relative;
        width: 100%; }
        @media (min-width: 768px) and (max-width: 991px) {
          footer .top-data .middle .bottom-side {
            width: fit-content;
            display: grid;
            grid-template-columns: 40% 80%;
            align-items: baseline; } }
        footer .top-data .middle .bottom-side .l-col {
          float: left;
          position: relative;
          width: 40%; }
          @media (max-width: 767px) {
            footer .top-data .middle .bottom-side .l-col {
              width: 100%; } }
          @media (min-width: 768px) and (max-width: 991px) {
            footer .top-data .middle .bottom-side .l-col {
              width: 100%; } }
          @media (min-width: 992px) {
            footer .top-data .middle .bottom-side .l-col {
              margin-top: 1.3vw; } }
          footer .top-data .middle .bottom-side .l-col .title {
            font-size: 20px;
            font-weight: 500; }
            @media (min-width: 1025px) and (max-width: 1280px) {
              footer .top-data .middle .bottom-side .l-col .title {
                font-size: 18px;
                margin-bottom: 0; } }
            @media (min-width: 1281px) and (max-width: 1366px) {
              footer .top-data .middle .bottom-side .l-col .title {
                font-size: 18px; } }
            @media (min-width: 1367px) and (max-width: 1570px) {
              footer .top-data .middle .bottom-side .l-col .title {
                font-size: 18px; } }
            @media (min-width: 1571px) and (max-width: 1650px) {
              footer .top-data .middle .bottom-side .l-col .title {
                font-size: 18px; } }
            @media (min-width: 992px) {
              footer .top-data .middle .bottom-side .l-col .title {
                font-size: 18px;
                margin-top: 0; } }
          footer .top-data .middle .bottom-side .l-col .content {
            font-size: 20px;
            font-weight: 300; }
            @media (max-width: 767px) {
              footer .top-data .middle .bottom-side .l-col .content {
                margin-bottom: 0;
                font-size: 18px;
                line-height: 25px; } }
            @media (min-width: 768px) and (max-width: 991px) {
              footer .top-data .middle .bottom-side .l-col .content {
                margin-bottom: 0;
                font-size: 18px;
                line-height: 25px; } }
            @media (min-width: 1025px) and (max-width: 1280px) {
              footer .top-data .middle .bottom-side .l-col .content {
                font-size: 16px; } }
            @media (min-width: 1281px) and (max-width: 1366px) {
              footer .top-data .middle .bottom-side .l-col .content {
                font-size: 16px; } }
            @media (min-width: 1367px) and (max-width: 1570px) {
              footer .top-data .middle .bottom-side .l-col .content {
                font-size: 16px; } }
            @media (min-width: 1571px) and (max-width: 1650px) {
              footer .top-data .middle .bottom-side .l-col .content {
                font-size: 16px; } }
            @media (min-width: 992px) {
              footer .top-data .middle .bottom-side .l-col .content {
                font-size: 16px; } }
        footer .top-data .middle .bottom-side .r-col {
          float: left;
          position: relative;
          width: 60%; }
          @media (min-width: 768px) and (max-width: 991px) {
            footer .top-data .middle .bottom-side .r-col:first-child {
              top: 1vw; } }
          @media (max-width: 767px) {
            footer .top-data .middle .bottom-side .r-col {
              width: 100%; } }
          @media (min-width: 768px) and (max-width: 991px) {
            footer .top-data .middle .bottom-side .r-col {
              width: 100%; } }
          @media (min-width: 992px) {
            footer .top-data .middle .bottom-side .r-col {
              margin-top: 1.3vw; } }
          footer .top-data .middle .bottom-side .r-col .title {
            font-size: 20px;
            font-weight: 500; }
            @media (min-width: 1025px) and (max-width: 1280px) {
              footer .top-data .middle .bottom-side .r-col .title {
                font-size: 18px; } }
            @media (min-width: 1281px) and (max-width: 1366px) {
              footer .top-data .middle .bottom-side .r-col .title {
                font-size: 18px; } }
            @media (min-width: 992px) {
              footer .top-data .middle .bottom-side .r-col .title {
                font-size: 18px;
                margin-top: 0; } }
          footer .top-data .middle .bottom-side .r-col a {
            font-size: 20px;
            font-weight: 300;
            color: #fff;
            text-decoration: none;
            margin-right: 2vw;
            position: relative; }
            @media (max-width: 767px) {
              footer .top-data .middle .bottom-side .r-col a {
                font-size: 18px;
                line-height: 25px;
                margin-right: 4vw; } }
            @media (min-width: 768px) and (max-width: 991px) {
              footer .top-data .middle .bottom-side .r-col a {
                margin-right: 5vw; } }
            @media (min-width: 1025px) and (max-width: 1280px) {
              footer .top-data .middle .bottom-side .r-col a {
                font-size: 16px; } }
            @media (min-width: 1281px) and (max-width: 1366px) {
              footer .top-data .middle .bottom-side .r-col a {
                font-size: 16px; } }
            @media (min-width: 1367px) and (max-width: 1570px) {
              footer .top-data .middle .bottom-side .r-col a {
                font-size: 16px; } }
            @media (min-width: 1571px) and (max-width: 1650px) {
              footer .top-data .middle .bottom-side .r-col a {
                font-size: 16px; } }
            @media (min-width: 992px) {
              footer .top-data .middle .bottom-side .r-col a {
                font-size: 16px; } }
            footer .top-data .middle .bottom-side .r-col a:first-of-type::after {
              content: "";
              position: absolute;
              top: 0.5vw;
              right: -1vw;
              width: 0.3vw;
              height: 0.3vw;
              background: #fff;
              border-radius: 50%; }
              @media (max-width: 767px) {
                footer .top-data .middle .bottom-side .r-col a:first-of-type::after {
                  top: 2vw;
                  right: -2vw;
                  width: 1.3vw;
                  height: 1.3vw; } }
              @media (min-width: 768px) and (max-width: 991px) {
                footer .top-data .middle .bottom-side .r-col a:first-of-type::after {
                  top: 25%;
                  right: -3vw;
                  width: 1vw;
                  height: 1vw; } }
          footer .top-data .middle .bottom-side .r-col p {
            font-size: 20px;
            font-weight: 300; }
            @media (max-width: 767px) {
              footer .top-data .middle .bottom-side .r-col p {
                font-size: 18px;
                line-height: 25px; } }
            @media (min-width: 768px) and (max-width: 991px) {
              footer .top-data .middle .bottom-side .r-col p {
                font-size: 18px;
                line-height: 25px; } }
            @media (min-width: 1025px) and (max-width: 1280px) {
              footer .top-data .middle .bottom-side .r-col p {
                font-size: 16px; } }
            @media (min-width: 1281px) and (max-width: 1366px) {
              footer .top-data .middle .bottom-side .r-col p {
                font-size: 16px; } }
            @media (min-width: 1367px) and (max-width: 1570px) {
              footer .top-data .middle .bottom-side .r-col p {
                font-size: 16px; } }
            @media (min-width: 1571px) and (max-width: 1650px) {
              footer .top-data .middle .bottom-side .r-col p {
                font-size: 16px; } }
            @media (min-width: 992px) {
              footer .top-data .middle .bottom-side .r-col p {
                font-size: 16px; } }
    footer .top-data .right {
      float: left;
      position: relative;
      width: 34%;
      padding-left: 6%;
      /*@media (min-width: 992px) {
        padding-left: 2.5%;
      }*/ }
      @media (max-width: 767px) {
        footer .top-data .right {
          width: 100%;
          margin-top: 7vw;
          padding-left: 0; } }
      @media (min-width: 768px) and (max-width: 991px) {
        footer .top-data .right {
          width: 100%;
          margin-top: 4vw;
          padding-left: 0; } }
      @media (min-width: 1025px) and (max-width: 1280px) {
        footer .top-data .right {
          padding-left: 2%; } }
      @media (min-width: 1281px) and (max-width: 1366px) {
        footer .top-data .right {
          width: 33%;
          padding-left: 3%; } }
      @media (min-width: 1367px) and (max-width: 1440px) {
        footer .top-data .right {
          padding-left: 5%; } }
      footer .top-data .right h5 {
        font-size: 18px;
        margin-top: 0;
        font-weight: 600; }
        @media (max-width: 767px) {
          footer .top-data .right h5 {
            margin-bottom: 0; } }
        @media (min-width: 768px) and (max-width: 991px) {
          footer .top-data .right h5 {
            margin-bottom: 0; } }
        @media (min-width: 992px) {
          footer .top-data .right h5 {
            margin-bottom: .5vw; } }
      footer .top-data .right .footer-navigate {
        float: left;
        position: relative;
        list-style: none;
        padding: 0;
        margin-top: 1.5vw; }
        @media (min-width: 768px) and (max-width: 991px) {
          footer .top-data .right .footer-navigate {
            margin-top: 3vw;
            display: grid;
            grid-template-columns: repeat(4, 1fr); } }
        footer .top-data .right .footer-navigate li {
          float: left;
          position: relative;
          margin-right: 3.6vw;
          margin-bottom: 1vw; }
          @media (max-width: 767px) {
            footer .top-data .right .footer-navigate li {
              width: 50%;
              margin-right: 0;
              margin-bottom: 4vw; } }
          @media (min-width: 768px) and (max-width: 991px) {
            footer .top-data .right .footer-navigate li {
              width: fit-content;
              margin-right: 0;
              margin-bottom: 4vw; } }
          @media (min-width: 1367px) and (max-width: 1440px) {
            footer .top-data .right .footer-navigate li {
              margin-right: 3.3vw; } }
          @media (min-width: 1441px) and (max-width: 1900px) {
            footer .top-data .right .footer-navigate li {
              margin-right: 2.9vw; } }
          @media (min-width: 1901px) {
            footer .top-data .right .footer-navigate li {
              margin-right: 3.5vw; } }
          @media (min-width: 2600px) {
            footer .top-data .right .footer-navigate li {
              margin-right: 3vw !important; } }
          @media (min-width: 992px) {
            footer .top-data .right .footer-navigate li {
              margin-right: 2vw; } }
          footer .top-data .right .footer-navigate li a {
            color: #fff;
            font-size: 20px;
            font-weight: 300;
            text-decoration: none; }
            @media (max-width: 767px) {
              footer .top-data .right .footer-navigate li a {
                font-size: 18px;
                line-height: 25px; } }
            @media (min-width: 768px) and (max-width: 991px) {
              footer .top-data .right .footer-navigate li a {
                font-size: 18px;
                line-height: 25px; } }
            @media (min-width: 1025px) and (max-width: 1280px) {
              footer .top-data .right .footer-navigate li a {
                font-size: 16px; } }
            @media (min-width: 1281px) and (max-width: 1366px) {
              footer .top-data .right .footer-navigate li a {
                font-size: 16px; } }
            @media (min-width: 1367px) and (max-width: 1570px) {
              footer .top-data .right .footer-navigate li a {
                font-size: 16px; } }
            @media (min-width: 1571px) and (max-width: 1650px) {
              footer .top-data .right .footer-navigate li a {
                font-size: 16px; } }
            footer .top-data .right .footer-navigate li a:hover {
              text-decoration: underline; }
  footer .bottom-data {
    float: left;
    position: relative;
    width: 100%;
    background: #447355;
    text-align: center; }
    @media (min-width: 1025px) and (max-width: 1280px) {
      footer .bottom-data {
        margin-top: 2vw; } }
    footer .bottom-data .copyright {
      font-size: 18px;
      font-weight: 300; }

.multiselect-wrapper .multiselect-text {
  color: #518a70 !important; }
.multiselect-wrapper hr {
  opacity: .3 !important; }

.multiselect-wrapper .multiselect-list > span, .multiselect-wrapper .multiselect-list li {
  float: left;
  position: relative;
  width: 100%; }

.multiselect-wrapper .multiselect-list {
  border: 1px solid #c9c9c9 !important;
  border-radius: 5px !important; }

.multiselect-wrapper.disabled .multiselect-count, .multiselect-wrapper .multiselect-count {
  position: absolute !important;
  left: 18.3vw !important;
  width: auto !important;
  margin-top: 1.2vw !important; }
  @media (min-width: 768px) and (max-width: 991px) {
    .multiselect-wrapper.disabled .multiselect-count, .multiselect-wrapper .multiselect-count {
      left: auto !important;
      right: 4vw !important;
      margin-top: 3vw !important; } }
  @media (max-width: 767px) {
    .multiselect-wrapper.disabled .multiselect-count, .multiselect-wrapper .multiselect-count {
      left: auto !important;
      right: 4vw !important;
      margin-top: 3vw !important; } }

.ml_special_admin .multiselect-wrapper.disabled .multiselect-count {
  left: 12.3vw !important; }

.multiselect-wrapper .multiselect-dropdown-arrow {
  display: none !important; }

.multiselect-wrapper .multiselect-list {
  padding: 18px 5px 5px 5px !important;
  width: 98% !important;
  top: 95% !important; }

.ml_special .multiselect-wrapper .multiselect-list {
  left: 2% !important; }

.datepicker {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #C9C9C9;
  border-radius: 4px;
  background-clip: padding-box; }
  .datepicker .year.active {
    background-image: linear-gradient(to bottom, #518A70, #447355); }

/*# sourceMappingURL=styles.css.map */