/**************** imports ****************/
/**************** Mixins ****************/
@font-face {
  font-family: 'Almoni';
  font-weight: 300;
  src: url("/css/fonts/almoni-neue-aaa-300.eot");
  /* IE9 Compat Modes */
  src: url("/css/fonts/almoni-neue-aaa-300.eot?#iefix") format("embedded-opentype"), url("/css/fonts/almoni-neue-aaa-300.woff") format("woff"), url("/css/fonts/almoni-neue-aaa-300.ttf") format("truetype");
}

@font-face {
  font-family: 'Almoni';
  font-weight: 400;
  src: url("/css/fonts/almoni-neue-aaa-400.eot");
  /* IE9 Compat Modes */
  src: url("/css/fonts/almoni-neue-aaa-400.eot?#iefix") format("embedded-opentype"), url("/css/fonts/almoni-neue-aaa-400.woff") format("woff"), url("/css/fonts/almoni-neue-aaa-400.ttf") format("truetype");
}

@font-face {
  font-family: 'Almoni';
  font-weight: 500;
  src: url("/css/fonts/almoni-neue-aaa-500.eot");
  /* IE9 Compat Modes */
  src: url("/css/fonts/almoni-neue-aaa-500.eot?#iefix") format("embedded-opentype"), url("/css/fonts/almoni-neue-aaa-500.woff") format("woff"), url("/css/fonts/almoni-neue-aaa-500.ttf") format("truetype");
}

@font-face {
  font-family: 'Almoni';
  font-weight: 600;
  src: url("/css/fonts/almoni-neue-aaa-600.eot");
  /* IE9 Compat Modes */
  src: url("/css/fonts/almoni-neue-aaa-600.eot?#iefix") format("embedded-opentype"), url("/css/fonts/almoni-neue-aaa-600.woff") format("woff"), url("/css/fonts/almoni-neue-aaa-600.ttf") format("truetype");
}

/**************** general styles ****************/
html,
body {
  width: 100vw;
  max-width: 100vw;
  overflow-x: hidden;
}

html *,
body * {
  -webkit-tap-highlight-color: rgba(255, 196, 12, 0.7) !important;
}

html *::-moz-selection, body *::-moz-selection {
  background: rgba(255, 196, 12, 0.7) !important;
}

html *::selection,
body *::selection {
  background: rgba(255, 196, 12, 0.7) !important;
}

html *::-moz-selection,
body *::-moz-selection {
  background: rgba(255, 196, 12, 0.7) !important;
}

html {
  font-size: 10px;
  direction: rtl;
  font-family: 'Almoni';
}

html * {
  text-decoration: none;
}

i {
  font-style: normal;
  font-size: inherit;
}

i.double-arrow-left-small {
  background-image: url(/assets/icon-double-arrow-small.svg);
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1rem;
  background-position: center;
  margin-right: 0.5rem;
  height: 1.4rem;
}

.hamburger {
  display: none;
}

.bread-crumbs {
  font-size: 1.6rem;
  font-weight: 400;
  color: gray;
  display: flex;
  align-items: center;
}

.bread-crumbs__item {
  display: flex;
  align-items: center;
}

.bread-crumbs__item:last-child {
  color: #171717;
}

.bread-crumbs__item:last-child img {
  display: none;
}

.bread-crumbs__item:not(:last-child) img {
  display: block;
  width: 0.67vw;
  height: 0.26vw;
  margin: 0 0.78vw;
  color: gray;
  transform: rotate(90deg);
}

.fg-strip {
  position: relative;
  width: 100%;
  z-index: 30;
}

.mg-strip {
  position: relative;
  width: 100%;
}

.bg-strip {
  position: relative;
  width: 100%;
  z-index: 10;
}

/**************** Mixins ****************/
.yellow {
  color: #ffc40c;
  font-weight: 600;
}

.black {
  color: #171717;
}

.yellow-bg, .details-card-with-bg {
  background-color: #ffc40c;
}

.dark-background {
  background-color: rgba(23, 23, 23, 0.6);
  padding: 0 1vw;
}

strong,
.bold {
  font-weight: 600;
}

.ltr {
  direction: ltr;
}

.link-arrow:after, .link-arrow--inside:after, .button:after,
button:after, .form-strip-with-bg .form-container a:after {
  position: relative;
  content: none;
}

.link-arrow--inside:after, .button:after,
button:after {
  content: '';
  position: absolute;
  left: 2rem;
  margin-right: 0;
  background: url(/assets/icon-double-arrow-small.svg) no-repeat left;
  background-size: 1.2rem;
  width: 2rem;
  height: 100%;
}

.x-button {
  height: 3.125vw;
  width: 3.125vw;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: linear-gradient(222.24deg, #ffcf41 0%, #ffc20e 100%);
  color: #171717;
  transition: transform 0.3s ease-out;
  position: absolute;
  top: 10%;
  left: 10%;
  cursor: pointer;
}

.x-button a::before {
  border: 0;
}

.x-button img {
  height: 0.78vw;
  width: 0.78vw;
}

.pattern-bg {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 27.15vw;
  background-image: url("../assets/Pattern.svg");
  background-repeat: repeat;
  background-size: 70%;
  z-index: -1;
  opacity: 0.4;
}

.pattern-bg:before {
  content: '';
  background-image: linear-gradient(280deg, white, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.7));
  position: absolute;
  height: 100%;
  width: 100%;
}

.giant-logo {
  background-image: url("../assets/libra-gray.svg");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  display: inline;
  background-position-y: 18%;
  z-index: -1;
}

.strip-title {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  z-index: 1;
  width: auto;
}

.strip-title .strip-title__text {
  position: relative;
  font-size: 5rem;
  line-height: 5rem;
  font-weight: 400;
}

.strip-title .strip-title-line {
  height: 1px;
  width: 9.74vw;
  border-top: 1px solid #000000;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: absolute;
  right: -11.2vw;
}

.strip-title .strip-title-line:after {
  content: '';
  display: block;
  width: 0.9rem;
  height: 0.9rem;
  border-radius: 50%;
  background-color: #000000;
  margin-bottom: 0.1vw;
}

.strip-title--decoration:before {
  content: '';
  z-index: -1;
  width: 2.6vw;
  height: 2.6vw;
  border-radius: 50%;
  background-color: #ffc40c;
  display: block;
  position: absolute;
  top: -1.1vw;
  right: -1.46vw;
}

.strip-title--one-line {
  font-size: 5rem;
  font-weight: 400;
  line-height: 5rem;
  display: flex;
  margin-bottom: 1rem;
}

.strip-title--two-lines {
  font-size: 4rem;
  line-height: 3.9rem;
  font-weight: 400;
  flex-flow: row wrap;
}

.strip-title--two-lines .strip-title__text {
  display: flex;
  flex-flow: column nowrap;
  position: relative;
}

.strip-title--centered {
  justify-content: center;
  text-align: center;
}

.strip-title--centered:before {
  right: -1.5vw;
}

.strip-subtitle {
  font-size: 2.5rem;
  font-weight: 400;
  margin-bottom: 1.3vw;
  line-height: 2.5rem;
}

.strip-subtitle strong {
  font-weight: 600;
}

/*** quick-actions ***/
.action-circle, .action-circle--small, .action-circle--medium, .action-circle--large {
  position: relative;
  background-color: #ffffff;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #171717;
  flex-flow: column nowrap;
  text-align: center;
  cursor: pointer;
}

.action-circle:before, .action-circle--small:before, .action-circle--medium:before, .action-circle--large:before {
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 50%;
  transition: transform 0.3s ease-in-out;
  position: absolute;
  z-index: 0;
  top: 0;
}

.action-circle--small {
  width: 8.33vw;
  height: 8.33vw;
  border-radius: 50%;
}

.action-circle--small:before {
  background-color: #fff;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
}

.action-circle--small:hover:before {
  transform: scale(1.05);
}

.action-circle--small img {
  max-width: 4.3vw;
  margin-top: -0.9vw;
}

.action-circle--small span {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.action-circle--small .link {
  display: none;
}

.action-circle--medium {
  width: 9.38vw;
  height: 9.38vw;
  border-radius: 50%;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2);
  justify-content: flex-start;
}

.action-circle--medium:before {
  content: '';
  position: absolute;
  border: 1px solid black;
  border-radius: 50%;
  width: 9.9vw;
  height: 9.9vw;
  top: -0.3vw;
  left: -0.3vw;
}

.action-circle--medium img {
  margin-top: 0.8vw;
  width: 5.2vw;
}

.action-circle--medium span {
  font-size: 2.5rem;
  line-height: 2.5rem;
  font-weight: 600;
}

.action-circle--large {
  width: 11.46vw;
  height: 11.46vw;
  border-radius: 50%;
}

.action-circle--large:before {
  content: '';
  position: absolute;
  border: 1px solid black;
  border-radius: 50%;
  width: 12vw;
  height: 12vw;
  top: -0.3vw;
  left: -0.3vw;
}

.action-circle--large:after {
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 50%;
  transition: transform 0.3s ease-in-out;
  position: absolute;
  z-index: 0;
  background-color: #fff;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2);
}

.action-circle--large:hover:after {
  transform: scale(1.05);
}

.action-circle--large:hover:before {
  transform: scale(1.05);
}

.action-circle--large img {
  max-width: 5.2vw;
  margin-top: -0.9vw;
}

.action-circle--large span {
  font-size: 2.5rem;
  line-height: 2.5rem;
  font-weight: 600;
}

.action-circle--large .link {
  display: none;
}

.action-circle span, .action-circle--small span, .action-circle--medium span, .action-circle--large span {
  width: 100%;
  padding: 0 1.5vw;
  box-sizing: border-box;
  z-index: 30;
}

.action-circle img, .action-circle--small img, .action-circle--medium img, .action-circle--large img {
  display: inline;
  z-index: 30;
}

.action-circle.yellow-bg, .yellow-bg.action-circle--small, .action-circle--small.details-card-with-bg, .yellow-bg.action-circle--medium, .action-circle--medium.details-card-with-bg, .yellow-bg.action-circle--large, .action-circle--large.details-card-with-bg, .action-circle.details-card-with-bg {
  background-color: #ffc40c;
}

.actions-row {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-around;
  align-items: center;
}

.actions-column {
  display: flex;
  flex-flow: column nowrap;
}

.actions-column:nth-child(2n) {
  justify-content: flex-end;
  transform: translateY(25%);
}

.actions-column a {
  margin-right: 0;
}

.actions-box {
  position: absolute;
  left: 19.16vw;
  top: 5.78vw;
  width: 19.43vw;
  display: flex;
  flex-flow: row nowrap;
}

.actions-box .action-circle:not(:last-child), .actions-box .action-circle--small:not(:last-child), .actions-box .action-circle--medium:not(:last-child), .actions-box .action-circle--large:not(:last-child) {
  margin-bottom: 2.083vw;
}

.actions-box .action-circle:not(:first-child), .actions-box .action-circle--small:not(:first-child), .actions-box .action-circle--medium:not(:first-child), .actions-box .action-circle--large:not(:first-child) {
  margin-right: 0;
}

.yellow-gradient {
  background-image: linear-gradient(222deg, #ffcf41 0%, #ffc20e 100%);
}

.decoration-circle {
  position: absolute;
}

.decoration-circle--xl {
  width: 6.66vw;
  height: 6.66vw;
  border-radius: 50%;
}

.decoration-circle--lg {
  width: 4.95vw;
  height: 4.95vw;
  border-radius: 50%;
}

.decoration-circle--md {
  width: 2.6vw;
  height: 2.6vw;
  border-radius: 50%;
}

.decoration-circle--sm {
  width: 1.35vw;
  height: 1.35vw;
  border-radius: 50%;
}

.decoration-circle--yellow {
  background-color: #ffc20e;
}

.decoration-circle--white {
  background-color: #ffffff;
  opacity: 0.15;
}

.button,
button {
  position: relative;
  display: inline-block;
  height: 2.6vw;
  line-height: 2.6vw;
  min-width: 14.06vw;
  padding: 0 2.3vw;
  box-sizing: border-box;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-family: 'Almoni';
  font-size: 2.2rem;
  font-weight: 600;
  text-decoration: none;
  color: #171717;
  cursor: pointer;
}

.button.btn-yellow,
button.btn-yellow {
  background-image: linear-gradient(222deg, #ffcf41 0%, #ffc20e 100%);
}

.button.btn-white,
button.btn-white {
  background-color: #ffffff;
}

.details-card {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: center;
  border-radius: 50%;
  position: relative;
  z-index: 0;
  margin: 0 1.56vw;
  flex: 1;
}

.details-card__title {
  font-size: 4rem;
  font-weight: 600;
  line-height: 4rem;
  margin-bottom: 1vw;
}

.details-card img {
  width: 4.5vw;
  padding: 1.145vw;
  border-radius: 50%;
  background-color: #ebebeb;
  margin-bottom: 1vw;
}

.details-card__description {
  font-size: 2rem;
  font-weight: 400;
  line-height: 2rem;
  margin-bottom: 0.78vw;
  text-align: center;
  height: 3.44vw;
  width: 75%;
}

.details-card .button {
  /*width: 14.06vw;*/
  min-width: 14.06vw;
  margin-bottom: 1.04vw;
  font-size: 1.8rem;
}

.details-card__link {
  font-size: 1.6rem;
  line-height: 1.6rem;
  font-weight: 600;
}

.details-card__link::before {
  content: '';
  right: 0;
  bottom: 0rem;
  height: 1px;
  width: 2.5rem;
  border-bottom: 1px solid #171717;
  transition: width 0.2s ease-in-out;
  position: absolute;
}

.details-card__link:hover::before {
  width: 100%;
}

.details-card__link:after {
  content: '';
  position: absolute;
  left: -1.7rem;
  top: 0.1rem;
  background: url(/assets/icon-double-arrow-small.svg) no-repeat left;
  background-size: 1rem;
  width: 1.2rem;
  height: 1.2rem;
  line-height: 1.6rem;
}

.details-card-with-bg {
  width: 20.31vw;
  height: 20.31vw;
  border-radius: 50%;
  flex: none;
}

.details-card-with-bg:after {
  width: 21.6vw;
  height: 21vw;
  border-radius: 50%;
  content: '';
  border: 1px solid #000000;
  position: absolute;
  z-index: -1;
  top: -0.4vw;
  right: -0.35vw;
}

.details-card-with-bg .details-card__title {
  margin-top: 2.5vw;
}

.details-card-with-bg .details-card__description {
  height: 2.14vw;
  max-width: 72%;
}

.details-card-with-bg .button {
  min-width: 11.97vw;
  width: 11.97vw;
}

.details-card-with-bg img {
  background-color: transparent;
  border-radius: 0;
  margin: 0;
  padding: 0;
}

/*** waves ***/
.wave:before, .wave--with-shadow:before, .general-header + div:not(.fg-strip):before, .general-header + .why-libra:before, .calc + .why-libra:before, .wave--white--large:before, .wave--white--large--top--left:before, .orange-strip + .cards-strip:before, .orange-strip + .why-libra:before, .small-pics-strip + .why-libra:before, .wave--white--large--top--right:before, .form-strip-with-bg + .why-libra:before, .offer + .why-libra:before, .contact-options + .single-form-search:before, .quick-actions-with-bg + .why-libra:before, .wave--white:before, .wave--white--top--left:before, .wave--white--top--right:before, .quick-actions-with-bg + .single-form-search:before, .wave--grey--top:before, .service-providers .providers-section:nth-child(2n):before, .wave--grey-gradient--top--inside:before, .wave:after, .wave--white--large:after, .wave--white--large--bottom--right:after, .contact-options + .single-form-search:after, .quick-actions-with-bg + .single-form-search:after, .wave--white--large--bottom--left:after, .wave--white:after, .wave--white--bottom--left:after, .orange-strip + .cards-strip:after, .wave--white--bottom--right:after, .wave--grey--bottom:after, .service-providers .providers-section:nth-child(2n):after, .wave--grey-gradient--bottom--inside:after {
  content: '';
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  background-color: transparent;
  width: 100%;
}

.wave--with-shadow:before, .general-header + div:not(.fg-strip):before, .general-header + .why-libra:before, .calc + .why-libra:before {
  background-image: url("/assets/wave.svg");
  background-position-x: 100%;
  height: 10.4vw;
  top: -10.35vw;
  right: 0;
}

.wave--white--large, .wave--white--large--top--left:before, .orange-strip + .cards-strip:before, .orange-strip + .why-libra:before, .small-pics-strip + .why-libra:before, .wave--white--large--top--right:before, .form-strip-with-bg + .why-libra:before, .offer + .why-libra:before, .contact-options + .single-form-search:before, .quick-actions-with-bg + .why-libra:before, .wave--white--large--bottom--right:after, .contact-options + .single-form-search:after, .quick-actions-with-bg + .single-form-search:after, .wave--white--large--bottom--left:after {
  background-image: url("../assets/wave-general-banner.svg");
  height: 10.94vw;
  background-position-x: 100%;
}

.wave--white--large--top--left:before, .orange-strip + .cards-strip:before, .orange-strip + .why-libra:before, .small-pics-strip + .why-libra:before {
  top: -10.74vw;
  transform: rotateY(180deg);
}

.wave--white--large--top--right:before, .form-strip-with-bg + .why-libra:before, .offer + .why-libra:before, .contact-options + .single-form-search:before, .quick-actions-with-bg + .why-libra:before {
  top: -10.74vw;
  right: 0;
}

.wave--white--large--bottom--right:after, .contact-options + .single-form-search:after, .quick-actions-with-bg + .single-form-search:after {
  bottom: -10.74vw;
  transform: rotateX(180deg);
  right: 0;
}

.wave--white--large--bottom--left:after {
  bottom: -10.74vw;
  transform: rotate(180deg);
}

.wave--white, .wave--white--top--left:before, .wave--white--top--right:before, .quick-actions-with-bg + .single-form-search:before, .wave--white--bottom--left:after, .orange-strip + .cards-strip:after, .wave--white--bottom--right:after {
  background-image: url("../assets/wave2-white.svg");
  height: 10.9vw;
}

.wave--white--top--left:before {
  top: -10.7vw;
  left: 0;
  transform: rotateX(180deg);
}

.wave--white--top--right:before, .quick-actions-with-bg + .single-form-search:before {
  top: -10.7vw;
  right: 0;
  transform: rotate(180deg);
}

.wave--white--bottom--left:after, .orange-strip + .cards-strip:after {
  left: 0;
  bottom: -10.7vw;
}

.wave--white--bottom--right:after {
  right: 0;
  transform: rotateY(180deg);
  bottom: -10.7vw;
}

.wave--grey--top:before, .service-providers .providers-section:nth-child(2n):before {
  background-image: url("../assets/wave2-grey.svg");
  height: 10.9vw;
  right: 0;
  transform: rotateX(180deg);
  top: -10.8vw;
}

.wave--grey--bottom:after, .service-providers .providers-section:nth-child(2n):after {
  background-image: url("../assets/wave2-grey.svg");
  height: 10.9vw;
  width: 100%;
  right: 0;
  bottom: -10.7vw;
}

.wave--grey-gradient--top--inside:before {
  height: 12.96vw;
  right: 0;
  top: 0;
  z-index: -1;
}

.wave--grey-gradient--bottom--inside:after {
  background-image: url("../assets/grey-wave_g.svg");
  height: 12.96vw;
  width: 100%;
  right: 0;
  bottom: 0;
  transform: rotate(180deg);
  z-index: -1;
}

.no-top-wave:before {
  content: none;
}

.no-bottom-wave:after {
  content: none;
}

/**************** strips styles ****************/
/*** 404 ***/
.missing-page {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: center;
  margin-top: 13vh;
  height: 35.2vw;
  width: 100%;
}

.missing-page .title {
  font-size: 30rem;
  line-height: 30rem;
  font-weight: 600;
  color: #171717;
  -webkit-text-stroke: 3px #ffffff;
  text-align: center;
  margin-top: 6rem;
}

.missing-page p {
  width: 27vw;
  font-size: 2.5rem;
  line-height: 2.5rem;
  font-weight: 400;
  margin-bottom: 4rem;
  margin-top: -2vw;
  text-align: center;
}

.missing-page p strong {
  font-weight: 600;
}

.missing-page .missing-page-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-mask-image: url("../assets/404-wave.svg");
  -webkit-mask-size: auto 100%;
  -webkit-mask-repeat: no-repeat;
  z-index: -1;
}

.missing-page .missing-page-bg:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(283deg, #ffcf41, #ffc20e);
  z-index: -2;
}

.missing-page .missing-page-bg:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../assets/404-pattern.png");
  background-size: auto 100%;
  z-index: -1;
}

.missing-page .road {
  width: 103%;
  position: absolute;
  display: block;
  bottom: -3rem;
  right: 0;
  z-index: -1;
}

.missing-page .decoration-circle {
  width: 2.6vw;
  height: 2.6vw;
  border-radius: 50%;
  opacity: 0.2;
  position: absolute;
  background-color: #ffffff;
  right: 9%;
  top: 45%;
}

.orange-strip-mask {
  -webkit-mask-image: url("../assets/quick-actions_mask.svg");
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  background-image: linear-gradient(-54deg, rgba(255, 207, 65, 0.9) 0%, rgba(255, 194, 14, 0.9) 100%);
  background-color: white;
  display: flex;
  z-index: 0;
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
  box-sizing: border-box;
}

.orange-strip-mask:before {
  background-image: url("../assets/quick-actions_bg.png");
  background-size: contain;
  background-repeat: no-repeat;
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

/*** orange-strip-6-items ***/
.orange-strip-6-items {
  height: 29.5vw;
}

.orange-strip-6-items .orange-strip-mask {
  flex-flow: row nowrap;
  align-items: flex-start;
  padding-top: 8.64vw;
}

.orange-strip-6-items .orange-strip-mask .link {
  display: none;
}

.orange-strip-6-items .strip-title {
  width: 5.8vw;
  margin-right: 11.2vw;
  margin-top: 1.5vw;
}

.orange-strip-6-items .strip-content {
  display: flex;
  flex-flow: column nowrap;
  position: relative;
  width: 35vw;
}

.orange-strip-6-items .actions-row {
  width: 85%;
  position: relative;
  justify-content: space-around;
}

.orange-strip-6-items .actions-row:first-child {
  align-self: flex-end;
}

.orange-strip-6-items .actions-row:last-child {
  align-self: flex-start;
}

.orange-strip-6-items .decoration-circle--md {
  top: 5vw;
  right: 10vw;
}

.orange-strip-6-items .decoration-circle--sm {
  right: 10.15vw;
  top: 5.1vw;
}

.orange-strip-6-items .decoration-circle--xl {
  left: 29.32vw;
  bottom: 2.88vw;
}

/*** orange-strip-4-items ***/
.orange-strip-4-items {
  height: 29.5vw;
}

.orange-strip-4-items .orange-strip-mask {
  flex-flow: row nowrap;
  padding-top: 6.87vw;
  padding-right: 11.2vw;
}

.orange-strip-4-items .strip-content {
  display: flex;
  flex-flow: column nowrap;
  position: relative;
}

.orange-strip-4-items .strip-content .strip-subtitle {
  margin-bottom: 0;
}

.orange-strip-4-items .actions-row {
  position: relative;
  width: 55vw;
  justify-content: space-between;
}

.orange-strip-4-items .actions-row .nav {
  height: 3.5rem;
  width: 3.5rem;
  font-size: 3.5rem;
  cursor: pointer;
}

.orange-strip-4-items .actions-row .nav.prevPage {
  transform: rotate(90deg);
}

.orange-strip-4-items .actions-row .nav.nextPage {
  transform: rotate(270deg);
}

.orange-strip-4-items .actions-row .nav.desktop-hide {
  display: none;
}

.orange-strip-4-items .actions-row .orange-strip-4-items-slider.swiper-wrapper {
  height: 12.5vw;
  padding: 0;
  margin: 0;
}

.orange-strip-4-items .actions-row .orange-strip-4-items-slider.swiper-wrapper .swiper-slide {
  width: 12.5vw;
  height: 12.5vw;
  display: flex;
  justify-content: center;
  align-items: center;
}

/*** why-libra ***/
.why-libra {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-bottom: 3.125vw;
  box-sizing: border-box;
  background-color: #ffffff;
  position: relative;
  z-index: 20;
}

.why-libra .strip-title {
  font-size: 5rem;
  line-height: 5rem;
  margin-bottom: 3.125vw;
  font-weight: 600;
}

.why-libra .cards {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
}

.why-libra .cards .card {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: flex-start;
  width: 33.33%;
  text-align: center;
}

.why-libra .cards .card img {
  width: 5.2vw;
}

.why-libra .cards .card h4 {
  width: 100%;
  font-size: 3rem;
  line-height: 3rem;
  font-weight: 600;
  margin-bottom: 0.156vw;
}

.why-libra .cards .card p {
  width: 100%;
  font-size: 2rem;
  line-height: 2rem;
  font-weight: 400;
}

.why-libra .decoration-circle {
  top: 2.44vw;
  left: 8.9vw;
}

.why-libra .good-to-know {
  top: 2vw;
  left: -35vw;
  z-index: 2;
}

/*** good-to-know ***/
.good-to-know {
  position: absolute;
  border-radius: 50%;
  background-image: linear-gradient(222deg, #ffcf41 0%, #ffc20e 100%);
  box-shadow: 0 0 2.6vw rgba(0, 0, 0, 0.1);
  width: 21.875vw;
  height: 21.875vw;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  color: #171717;
  padding: 0 3vw;
  box-sizing: border-box;
  text-align: center;
  z-index: 2;
  margin-top: -21.875vw;
}

.good-to-know h5 {
  font-size: 3.5rem;
  line-height: 3.5rem;
  font-weight: 400;
  margin-bottom: 0.3125vw;
  width: 100%;
  direction: ltr;
}

.good-to-know p {
  width: 100%;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.2;
}

.good-to-know p:not(:last-child) {
  margin-bottom: 1.04vw;
}

.good-to-know strong {
  font-weight: 600;
}

.good-to-know:after {
  content: none;
}

/*** contact-us ***/
.contact-us {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 6.4vw;
  position: relative;
  z-index: 20;
  background-color: #fff;
}

.contact-us:before {
  height: 9.7vw;
  background-position-x: 100%;
}

.contact-us:after {
  bottom: -2.6vw;
}

.contact-us .strip-title {
  font-size: 3.5rem;
  line-height: 4rem;
  font-weight: 400;
  margin-bottom: 3.5rem;
  width: 35vw;
}

.contact-us .content {
  width: 100%;
  display: flex;
  justify-content: center;
  position: relative;
  margin-bottom: -4vw;
}

.contact-us .content .circle {
  position: relative;
  width: 24.84vw;
  height: 24.84vw;
  border-radius: 50%;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);
  background-color: rgba(0, 0, 0, 0);
}

.contact-us .content .circle .front,
.contact-us .content .circle .back {
  width: 24.84vw;
  height: 24.84vw;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 50%;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 0;
  left: 0;
}

.contact-us .content .circle .back {
  background-color: #fff;
  padding: 0 9rem;
  justify-content: center;
}

.contact-us .content .circle .back svg {
  width: 10rem;
  height: 10rem;
  margin-top: 2.8vw;
  position: absolute;
  top: -2.9vw;
  right: 3vw;
}

.contact-us .content .circle .back p {
  margin-top: 0.2rem;
  font-size: 2.5rem;
  line-height: 2.5rem;
  height: 13vw;
  display: flex;
  justify-content: center;
  align-items: center;
}

.contact-us .content .form {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: center;
  padding: 3vw 0;
  box-sizing: border-box;
  position: relative;
}

.contact-us .content .form img {
  width: 10rem;
}

.contact-us .content .form p {
  font-size: 2.2rem;
  line-height: 2.2rem;
  font-weight: 400;
}

.contact-us .content .form form {
  width: 14.06vw;
  font-size: 2rem;
  position: relative;
  margin-top: 1rem;
}

.contact-us .content .form form .row {
  width: 100%;
  display: flex;
  flex-flow: row;
  justify-content: space-between;
}

.contact-us .content .form form .row span {
  width: 47%;
}

.contact-us .content .form form button {
  width: 100%;
}

.contact-us .content .form:before {
  content: '';
  height: 4.948vw;
  width: 4.948vw;
  border-radius: 50%;
  background-color: #ffc20e;
  opacity: 0.2;
  position: absolute;
  top: 0;
  right: 2.343vw;
  z-index: -1;
}

.contact-us .content .response {
  background-color: #ffffff;
  border: 0.78vw solid #ffc40c;
  display: none;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  padding: 0 1.7vw;
  box-sizing: border-box;
}

.contact-us .content .response img {
  position: absolute;
  top: 0;
  right: 10%;
}

.contact-us .content .response h4 {
  font-size: 3.5rem;
  font-weight: 600;
  margin-bottom: 2.6vw;
}

.contact-us .content .response p {
  font-size: 2.2rem;
  line-height: 1.2;
}

.contact-us .content .call-us {
  position: relative;
  width: 24.87vw;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: center;
  font-weight: 400;
  padding-top: 3vw;
}

.contact-us .content .call-us img {
  width: 10rem;
}

.contact-us .content .call-us p {
  font-size: 2.2rem;
  line-height: 2.2rem;
  text-align: center;
}

.contact-us .content .call-us .full-number {
  font-size: 2.5rem;
  line-height: 2.5rem;
  margin-top: 1.04vw;
  margin-bottom: 0.52vw;
}

.contact-us .content .call-us .short-number {
  line-height: 5rem;
  align-items: center;
  font-size: 5rem;
}

/*** orange-strip-with-form ***/
.basic-contact-form {
  height: 29.5vw;
}

.basic-contact-form .orange-strip-mask {
  flex-flow: row nowrap;
  padding-top: 6vw;
  padding-right: 11.3vw;
}

.basic-contact-form .strip-content .strip-title .strip-title-line {
  right: -11.3vw;
}

.basic-contact-form .strip-content .strip-subtitle {
  margin-bottom: 0;
  line-height: 2.6rem;
}

.basic-contact-form .strip-content form {
  display: flex;
  justify-content: space-between;
  width: 50vw;
  align-items: flex-start;
}

.basic-contact-form .strip-content form .form-content {
  width: 42vw;
  display: flex;
  flex-flow: row wrap;
}

.basic-contact-form .strip-content form .form-content .row {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 1.5vw;
  margin-top: 0.7vw;
  margin-left: 1.5vw;
  width: 12.4vw;
}

.basic-contact-form .strip-content form .form-content .row.disclaimer {
  width: 100%;
  margin-bottom: 0;
}

.basic-contact-form .circle-button {
  width: 7.86vw;
  height: 7.86vw;
  border-radius: 50%;
  border: 1px solid #000000;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.basic-contact-form .circle-button button {
  padding: 0;
  width: 7.29vw;
  justify-content: center;
  height: 7.29vw;
  line-height: 7.29vw;
  min-width: 0;
  max-height: 100%;
  display: flex;
  border-radius: 50%;
  background-color: #ffffff;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2);
  position: relative;
}

.basic-contact-form .circle-button button:after {
  content: '';
}

.basic-contact-form .circle-button:before {
  content: '';
  height: 1.56vw;
  width: 1.56vw;
  border-radius: 50%;
  background-color: #ffc40c;
  box-shadow: 0 0 2vw 0 rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 12px;
  right: 0;
}

.basic-contact-form > .circle-button {
  display: none;
}

/*** orange-call-to-action ***/
.orange-call-to-action .strip-content {
  width: 38vw;
  height: 21vw;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
}

.orange-call-to-action .strip-content .strip-title {
  width: 19vw;
  flex-flow: row wrap;
  font-size: 5rem;
  font-weight: 400;
  line-height: 5rem;
}

.orange-call-to-action .strip-content .circle-button-wrapper {
  width: 18vw;
  height: 18vw;
  align-items: center;
  justify-content: center;
  display: flex;
}

.orange-call-to-action .strip-content .circle-button-wrapper .circle-button {
  width: 13vw;
  height: 13vw;
  border: 0;
  z-index: 10;
}

.orange-call-to-action .strip-content .circle-button-wrapper .circle-button:after {
  content: '';
  width: 100%;
  height: 100%;
  background-color: #fff;
  position: absolute;
  border-radius: 50%;
  z-index: -1;
  transition: transform 0.3s ease-out;
}

.orange-call-to-action .strip-content .circle-button-wrapper .circle-button:hover:after {
  transform: scale(1.05);
}

.orange-call-to-action .strip-content .circle-button-wrapper .circle-button::before {
  content: none;
}

.orange-call-to-action .strip-content .circle-button-wrapper .circle-button a {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 13vw;
  height: 13vw;
  font-size: 3rem;
  line-height: 3rem;
  background-color: #fff;
  text-align: center;
  position: relative;
  border-radius: 50%;
  font-weight: 600;
}

.orange-call-to-action .strip-content .circle-button-wrapper .circle-button a::after {
  content: none;
}

.orange-call-to-action .strip-content .circle-button-wrapper .circle-button a svg.money-icon {
  width: 8rem;
  height: 10rem;
}

.orange-call-to-action .strip-content .circle-button-wrapper .circle-button a svg.arrow-icon {
  width: 3rem;
  height: 3rem;
  background-color: #ffc40c;
  border-radius: 50%;
}

.orange-call-to-action .strip-content .circle-button-wrapper .circle-button a span {
  width: 8vw;
  white-space: normal;
  margin-bottom: 1.5rem;
}

.orange-call-to-action .strip-content .circle-button-wrapper .individual-bubble {
  position: absolute;
  border-radius: 100%;
  background-color: #fff;
  z-index: 1;
  opacity: 1;
}

/*** contact-options ***/
.contact-options {
  height: 44.89vw;
  background-color: #ececec;
  z-index: 1;
}

.contact-options .strip-content {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  align-items: center;
  padding-bottom: 10vw;
}

.contact-options .strip-content .strip-title {
  width: 16vw;
  margin-right: 11.2vw;
  margin-left: 4.5vw;
}

.contact-options .strip-content .strip-title--decoration:before {
  top: -1.6vw;
  right: -1.6vw;
}

.contact-options .strip-content .strip-title-line {
  right: -11.2vw;
}

.contact-options .strip-content .items-container {
  width: 59vw;
  height: 11.2vw;
  display: flex;
  flex-flow: column wrap;
  position: relative;
  margin-top: 2.5vw;
}

.contact-options .strip-content .items-container .item {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  height: 50%;
}

.contact-options .strip-content .items-container .item img {
  width: 3.125vw;
}

.contact-options .strip-content .items-container .item__text {
  color: #000000;
  margin-right: 1.5625vw;
  width: 51%;
}

.contact-options .strip-content .items-container .item__text .key {
  font-size: 2.2rem;
  line-height: 2.2rem;
  font-weight: 600;
}

.contact-options .strip-content .items-container .item__text .value {
  font-size: 2rem;
  line-height: 2rem;
  font-weight: 400;
}

.contact-options .strip-content .items-container.border-right {
  padding-right: 3.125vw;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}

/*** digital-wallet ***/
.wallet {
  padding-top: 3.125vw;
  box-sizing: border-box;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  margin-top: -5.2vw;
  background-color: white;
}

.wallet:after {
  content: '';
  background-image: url("../assets/wave2-grey.svg");
  background-repeat: no-repeat;
  background-position-x: 0;
  background-size: cover;
  position: absolute;
  height: 13.92vw;
  width: 100%;
  right: 0;
  bottom: -13.75vw;
  z-index: -2;
}

.wallet .stamp {
  position: absolute;
  width: 13.33vw;
  top: -8vw;
  right: 12vw;
}

.wallet__title {
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
}

.wallet__title__row-1 {
  position: relative;
  font-size: 4.5rem;
  font-weight: 400;
  line-height: 4.5rem;
}

.wallet__title__row-2 {
  position: relative;
  font-size: 5.5rem;
  font-weight: 600;
  line-height: 5.5rem;
  margin-top: -0.35rem;
  background-image: url("../assets/digital-wallet/yellow-smudge.svg");
  background-size: 100% auto;
  background-repeat: no-repeat;
  margin-bottom: 0.55vw;
  padding: 0 4.48vw;
  background-position: 0.78vw -0.74vw;
  box-sizing: border-box;
}

.wallet__title__row-3, .wallet__title__row-4 {
  position: relative;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 2.5rem;
}

.wallet__cards {
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  width: 100%;
  padding: 0 20vw;
  box-sizing: border-box;
  z-index: 6;
}

.wallet__cards .wallet__card__container {
  display: flex;
  align-items: flex-start;
  z-index: 1;
}

.wallet__cards .wallet__card__container:first-child {
  justify-content: flex-start;
}

.wallet__cards .wallet__card__container:first-child .curved-arrow {
  z-index: 2;
  transform: rotateY(180deg) translateY(13vw) translateX(1vw);
}

.wallet__cards .wallet__card__container:nth-child(2) {
  justify-content: flex-end;
}

.wallet__cards .wallet__card__container:nth-child(2) .curved-arrow {
  transform: translateY(13vw) translateX(1vw);
}

.wallet__cards .wallet__card {
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
}

.wallet__cards .wallet__card:after {
  background-color: #ececec;
}

.wallet__cards .wallet__card .card-stamp {
  width: 8.59vw;
}

.wallet__cards .wallet__card h4 {
  font-size: 7rem;
  line-height: 7rem;
  font-weight: 300;
  margin-bottom: 0.5vw;
}

.wallet__cards .wallet__card p {
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.25;
  position: relative;
  width: 100%;
}

.wallet__cards .wallet__card:first-child {
  width: 21.56vw;
}

.wallet__cards .wallet__card:first-child:after {
  padding: 10vw;
}

.wallet__cards .wallet__card:first-child .card-stamp {
  align-self: flex-start;
  transform: translateX(4.06vw) translateY(2.6vw);
}

.wallet__cards .wallet__card:nth-child(2) {
  width: 29.48vw;
}

.wallet__cards .wallet__card:nth-child(2) .card-stamp {
  align-self: flex-end;
  transform: translateX(-5vw);
}

.wallet__circle {
  height: 29.69vw;
  width: 29.69vw;
  border-radius: 50%;
  background-color: #ffffff;
  box-shadow: 0 0 1.56vw 0 rgba(0, 0, 0, 0.15);
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: flex-start;
  padding: 0 3vw;
  box-sizing: border-box;
  text-align: center;
  position: relative;
}

.wallet__circle.circle4 {
  height: 45.26vw;
  width: 45.26vw;
  background-image: linear-gradient(222deg, #ffcf41, #ffc20e);
}

.wallet__circle.circle4 .wallet__title {
  margin-top: 18.85vw;
}

.wallet__circle.circle4 .wallet__title__row-2 {
  background-image: url("../assets/digital-wallet/white-smudge.svg");
  background-position: 0.78vw 0.26vw;
}

.wallet__circle__stamp {
  position: absolute;
  height: 10.4vw;
  width: 10.4vw;
  top: 0;
}

.wallet__circle__number {
  width: 100%;
  font-size: 15rem;
  font-weight: 600;
  color: #ebebeb;
  line-height: 15rem;
  margin-top: 1.56vw;
}

.wallet__circle__title {
  width: 100%;
  font-size: 3.5rem;
  line-height: 3.5rem;
  font-weight: 400;
  margin-bottom: 1.56vw;
}

.wallet__circle__icon {
  width: 4.32vw;
  margin-bottom: 1.56vw;
}

.wallet__circle__subtitle {
  width: 99%;
  font-size: 2.5rem;
  line-height: 2.5rem;
  font-weight: 400;
}

.wallet__circles-container {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  position: relative;
  width: 100vw;
  padding: 0 19.5vw 7.8vw 19.5vw;
  box-sizing: border-box;
  background-color: #ececec;
  z-index: -1;
  align-self: center;
}

.wallet__circles-container h4 {
  font-size: 7rem;
  line-height: 7rem;
  font-weight: 400;
  margin-bottom: 2.76vw;
  margin-right: 1.56vw;
  width: 28vw;
  align-self: flex-start;
  text-align: center;
}

.wallet__circles-container .circle1 {
  align-self: flex-start;
}

.wallet__circles-container .circle1 .wallet__circle__stamp {
  right: 0;
  margin-right: -7%;
  transform: translateY(-20%);
}

.wallet__circles-container .circle2 {
  align-self: flex-end;
  margin-top: -15vw;
}

.wallet__circles-container .circle2 .wallet__circle__stamp {
  left: 0;
  margin-left: 0;
  margin-bottom: -20%;
}

.wallet__circles-container .circle3 {
  align-self: flex-start;
  margin-right: 8.33vw;
  z-index: 1;
}

.wallet__circles-container .circle3 .wallet__circle__stamp {
  right: 0;
  margin-right: -5%;
  transform: translateY(-20%);
}

.wallet__circles-container .circle4 {
  align-self: flex-end;
  z-index: 0;
  margin-top: -12vw;
}

.wallet__circles-container .circle4 .wallet__circle__stamp {
  width: 17.3vw;
  height: 17.3vw;
  left: 0;
  transform: translateY(-20%);
}

.wallet__circles-container .circle4 .wallet__title__row-2 {
  margin-top: 0;
  line-height: 1.6;
}

.wallet__circles-container .curved-arrow-container {
  position: absolute;
  font-size: 3rem;
  font-weight: 600;
  display: flex;
  align-items: center;
}

.wallet__circles-container .curved-arrow-container__1 {
  left: 42vw;
  top: 27vw;
}

.wallet__circles-container .curved-arrow-container__1 .or {
  position: absolute;
  top: 0;
  left: 15%;
}

.wallet__circles-container .curved-arrow-container__2 {
  left: 51vw;
  top: 54vw;
}

.wallet__circles-container .curved-arrow-container__2 .or {
  position: absolute;
  top: 50%;
  left: 20%;
}

.wallet__circles-container .arrow1 {
  transform: rotateY(180deg);
}

.wallet__circles-container .arrow2 {
  transform: rotate(18deg);
}

.wallet__circles-container .arrow3 {
  position: absolute;
  left: 56vw;
  bottom: 4vw;
  transform: rotate(6deg);
}

.wallet .curved-arrow {
  width: 7.5vw;
}

.wallet .curved-arrow-big {
  width: 11.5vw;
}

/*** main-banner(header) ***/
.main-banner {
  height: 47.91vw;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: center;
  box-sizing: border-box;
  padding-top: 14vw;
  z-index: 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

.main-banner__gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 19.58vw;
  background-image: linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, 0.9) 18.5%, rgba(255, 255, 255, 0) 100%);
  background-size: 100% auto;
  background-repeat: no-repeat;
}

.main-banner .first-row {
  line-height: 3.5rem;
  font-size: 3.5rem;
  font-weight: normal;
  color: #ffffff;
}

.main-banner .big-title {
  font-size: 9rem;
  font-weight: 400;
  line-height: 12rem;
}

.main-banner .second-row {
  display: flex;
  align-items: center;
  background-color: rgba(23, 23, 23, 0.6);
  line-height: 5rem;
  height: 5rem;
  font-size: 5rem;
  font-weight: 300;
  color: #ffffff;
  padding: 0 18px;
  margin: 0.57vw 0 1.56vw 0;
}

.main-banner .second-row .yellow {
  margin: 0.6vw;
}

.main-banner .big-title-second-row {
  color: #fff;
  font-size: 4.5rem;
  display: block;
  text-align: center;
  font-weight: lighter;
}

.main-banner .yellow {
  color: #ffc20e;
  font-weight: 600;
}

.main-banner .white {
  color: #fff;
  font-weight: 600;
}

.main-banner .play-btn {
  width: 5.2vw;
  height: 5.2vw;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 2px solid #ffffff;
  background-image: url("../assets/icons/play.svg");
  background-size: 30% 34%;
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: 54%;
  margin-bottom: 1.56vw;
  cursor: pointer;
}

.main-banner .scroll-btn {
  width: 18px;
  height: 32px;
  margin-top: 110px;
}

.main-banner .button {
  line-height: 2.6vw;
  padding: 0 2.5vw;
}

.main-banner .badge-container {
  height: 100%;
  width: 24.375vw;
  position: absolute;
  left: 0;
  background-image: url("../assets/left-wave.svg");
  background-repeat: no-repeat;
  background-position: 0 101%;
  background-size: 100% auto;
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-end;
  justify-content: flex-end;
  padding-bottom: 5.41vw;
  box-sizing: border-box;
  bottom: 0;
  pointer-events: none;
}

.main-banner .badge-container .badge-content {
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  font-size: 3.5rem;
  line-height: 3.5rem;
  margin-top: 1.04vw;
  margin-left: 4.11vw;
  text-align: center;
  max-width: 13.28vw;
  margin-bottom: -3rem;
}

.main-banner .badge-container img {
  align-self: center;
  width: 5.2vw;
}

.main-banner .badge-container p {
  margin-top: 2rem;
}

.main-banner .badge-container__row1 {
  font-weight: 400;
}

.main-banner .badge-container__row2 {
  font-weight: 600;
}

.main-banner hr {
  padding-top: 1.2vw;
}

.main-banner .actions-row.header-products-container {
  height: unset;
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  width: 50vw;
}

.main-banner .actions-row.header-products-container:before {
  content: unset;
}

.main-banner .actions-row.header-products-container .nav {
  height: 3.5rem;
  width: 3.5rem;
  font-size: 3.5rem;
  cursor: pointer;
}

.main-banner .actions-row.header-products-container .nav.prevPage {
  transform: rotate(90deg);
}

.main-banner .actions-row.header-products-container .nav.nextPage {
  transform: rotate(270deg);
}

.main-banner .actions-row.header-products-container .nav.desktop-hide {
  display: none;
}

.main-banner .actions-row.header-products-container #header-products-slider {
  height: 12.5vw;
  padding: 0;
  margin: 0;
}

.main-banner .actions-row.header-products-container #header-products-slider .swiper-slide {
  width: 12.5vw;
  height: 12.5vw;
  display: flex;
  justify-content: center;
  align-items: center;
}

.main-banner .actions-row.header-products-container .action-circle, .main-banner .actions-row.header-products-container .action-circle--small, .main-banner .actions-row.header-products-container .action-circle--medium, .main-banner .actions-row.header-products-container .action-circle--large {
  width: 9.4vw;
  height: 9.4vw;
  position: relative;
}

.main-banner .actions-row.header-products-container .action-circle:before, .main-banner .actions-row.header-products-container .action-circle--small:before, .main-banner .actions-row.header-products-container .action-circle--medium:before, .main-banner .actions-row.header-products-container .action-circle--large:before {
  width: 10vw;
  height: 10vw;
  top: -0.35vw;
  left: -0.35vw;
}

/*** Libras calculator ***/
.calc {
  height: 44.4vw;
  background-repeat: no-repeat;
  background-size: auto 100%;
  z-index: 9;
}

.calc:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  opacity: 0.7;
}

.calc .calc-widget {
  background-color: #ffffff;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  height: 37.45vw;
  width: 37.45vw;
  border-radius: 50%;
  right: -1.4vw;
  top: 5.88vw;
  padding: 0 6vw;
  box-sizing: border-box;
  opacity: 1;
  z-index: 1;
}

.calc .calc-widget .top-circle {
  display: flex;
  height: 8.854166vw;
  width: 8.854166vw;
  border-radius: 50%;
  padding: 0 1.71vw;
  box-sizing: border-box;
  background-color: #ffc40c;
  border: 2px solid #ffffff;
  box-shadow: -1.04vw 0 1.56vw rgba(0, 0, 0, 0.15);
  position: absolute;
  right: 5.78vw;
  top: -2.24vw;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: center;
  font-weight: 500;
  font-size: 1.8rem;
  text-align: center;
  color: #171717;
  line-height: 1.8rem;
}

.calc .calc-widget .top-circle img {
  margin-top: 1vw;
  width: 4.68vw;
}

.calc .calc-widget .widget-content {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: center;
  margin-top: 7.33vw;
  width: 100%;
}

.calc .calc-widget .widget-content p {
  font-size: 3.5rem;
  line-height: 3.5rem;
  text-align: center;
  margin-bottom: 2vw;
  font-weight: 300;
}

.calc .calc-widget .widget-content .input-container {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin-bottom: 1.66vw;
  font-weight: 400;
  font-size: 2.2rem;
  position: relative;
  height: 4rem;
  line-height: 4rem;
}

.calc .calc-widget .widget-content .input-container > span {
  width: 28rem;
  line-height: 2.2rem;
}

.calc .calc-widget .widget-content .input-container input {
  border-bottom: 1px solid #171717;
  display: flex;
  margin-right: 1.04vw;
  font-weight: 400;
  font-size: 3.5rem;
  line-height: 3.5rem;
  height: 4rem;
  color: #000000;
  text-align: right;
  width: 7.81vw;
}

.calc .calc-widget .widget-content .input-container:after {
  content: '\20AA';
  color: black;
  position: absolute;
  left: 0;
  bottom: 0;
  font-weight: 400;
  font-size: 2.2rem;
  height: 2.2rem;
  line-height: 2.2rem;
  margin-top: 0;
}

.calc .result-container {
  display: none;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: center;
  height: 24.48vw;
  width: 24.48vw;
  border-radius: 50%;
  background-color: #ffc40c;
  position: absolute;
  top: -4.16vw;
  right: 6.45vw;
  z-index: 2;
  padding: 0 10%;
  box-sizing: border-box;
  text-align: center;
  font-size: 3.5rem;
  line-height: 3.5rem;
  border: 2px solid #fff;
  box-shadow: -2rem 0 3rem 0 rgba(0, 0, 0, 0.15);
}

.calc .result-container strong {
  font-size: 5rem;
  line-height: 5rem;
}

.calc .result-container .result-small {
  margin-top: 1.29vw;
  padding: 1% 5%;
  font-size: 2rem;
  line-height: 2rem;
  font-weight: 600;
  border-radius: 1.3vw;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 1.04vw 0 #deab0e;
}

.calc .result-container > img {
  width: 3.75vw;
  margin-bottom: 1vw;
}

.calc .result-container .small-text-line {
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.8rem;
  margin-bottom: 1.3vw;
}

.calc .result-container .button-container {
  width: 14.06vw;
  margin-bottom: 1.04vw;
  z-index: 2;
}

.calc .result-container .button-container .button {
  width: 100%;
}

.calc .result-container .button-links {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.6rem;
  font-weight: 600;
  z-index: 2;
}

.calc .result-container .button-links a {
  display: flex;
  align-items: center;
  line-height: 2rem;
}

.calc .result-container .button-links a:after {
  content: '';
  position: absolute;
  left: -1.7rem;
  margin-right: 0;
  background: url(/assets/icon-double-arrow-small.svg) no-repeat left;
  background-size: 1rem;
  width: 2rem;
  height: 1.8rem;
}

.calc .result-container .button-links a.right-link::before {
  content: '';
  right: 2.6rem;
  bottom: 0;
  height: 1px;
  width: 2rem;
  border-bottom: 1px solid #000;
  transition: width 0.2s ease-in-out;
  position: absolute;
}

.calc .result-container .button-links a.right-link:hover::before {
  width: 80%;
}

.calc .result-container .button-links a.left-link {
  right: -2rem;
}

.calc .result-container .button-links a.left-link::before {
  content: '';
  right: 0;
  bottom: 0;
  height: 1px;
  width: 2rem;
  border-bottom: 1px solid #000;
  transition: width 0.2s ease-in-out;
  position: absolute;
}

.calc .result-container .button-links a.left-link:hover::before {
  width: 100%;
}

.calc .result-container .button-links .right-link {
  cursor: pointer;
}

.calc .result-container .button-links img {
  margin-left: 1rem;
  width: 1.6rem;
}

canvas {
  position: absolute;
  top: 0;
  right: 0;
  width: 37.45vw;
  height: 100vh;
  opacity: 1;
  transition: all 1s ease-out;
  transform: scale(0);
  z-index: 1;
}

/*** separator ***/
.separator {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  background-color: #fff;
}

.separator__line {
  border-top: 1px solid #000000;
  flex: 1;
}

.separator__line:first-child {
  margin-left: 2vw;
}

.separator .button__container {
  margin-left: 2vw;
}

.separator .button__container .button {
  min-width: 14vw;
  height: 2.6vw;
  line-height: 2.6vw;
  display: flex;
  justify-content: center;
}

.separator .decoration-circle {
  top: -1.09vw;
  left: 17.71vw;
}

/*** footer ***/
.footer {
  display: flex;
  height: 20.26vw;
  background-image: url("../assets/bottom-bg.png");
  background-size: 100% 100%;
  justify-content: space-between;
  align-items: center;
  z-index: 15;
}

.footer .footer-links {
  display: flex;
  padding: 0 2vw 0 1vw;
  height: 6.2vw;
  justify-content: space-between;
  align-items: center;
  flex: 1;
}

.footer .footer-links .footer-logo img {
  width: 6.19vw;
  height: 6.19vw;
}

.footer .footer-links .footer-link {
  height: 100%;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: space-between;
}

.footer .footer-links .footer-link a {
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  align-items: center;
  font-size: 2rem;
  font-weight: 400;
  line-height: 2rem;
}

.footer .footer-links .footer-link a img {
  width: 8.5rem;
}

.footer .footer-info {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  height: 100%;
  color: #000000;
  font-weight: 400;
  font-size: 1.6rem;
  padding: 2vw 1.5vw 2vw 3vw;
  box-sizing: border-box;
  flex: 1;
}

.footer .footer-info .info-block {
  display: flex;
  flex-flow: column nowrap;
  height: 95%;
  box-sizing: border-box;
  flex: auto;
}

.footer .footer-info .info-block .info-block-title {
  font-weight: 600;
  font-size: 2.5rem;
  line-height: 2.5rem;
  margin-bottom: 0.5vw;
}

.footer .footer-info .info-block .info-block-title img {
  display: none;
}

.footer .footer-info .info-block .info-block-links {
  display: flex;
  flex-flow: column wrap;
  align-content: flex-start;
  align-items: flex-start;
  height: 100%;
}

.footer .footer-info .info-block .info-block-links .link {
  line-height: 3.5rem;
  height: 3.5rem;
  margin-left: 2rem;
}

.footer .footer-info .info-block .info-block-links .link a::before {
  content: '';
  right: 0;
  bottom: 0;
  height: 1px;
  width: 2rem;
  border-bottom: 1px solid #000;
  transition: width 0.2s ease-in-out;
  position: absolute;
}

.footer .footer-info .info-block .info-block-links .link a:hover::before {
  width: 100%;
}

/*** site-footer ***/
.site-footer {
  width: 100%;
  height: 3.125vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 3.9vw 0 6.3vw;
  box-sizing: border-box;
  color: #000000;
  background-color: #ffffff;
  z-index: 10;
}

.site-footer__copyrights {
  font-size: 1.6rem;
  font-weight: 400;
}

.site-footer__logo__img {
  height: 1.04vw;
}

.site-footer__by {
  font-size: 1.6rem;
  font-weight: 400;
  display: flex;
  flex-flow: row-reverse nowrap;
  align-items: center;
}

.site-footer__by__green {
  color: #32b82f;
  margin-left: 0.4rem;
}

.site-footer__by .co-icon {
  background: url(/assets/co_logo_icon.png) no-repeat top center;
  background-size: 6rem;
  width: 3rem;
  height: 3rem;
  display: inline-block;
  margin-left: 0.4rem;
}

/*** cards-strip ***/
.cards-strip {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  z-index: 20;
}

.cards-strip .cards-strip-main-title {
  font-size: 3.5rem;
  font-weight: 600;
  line-height: 3.5rem;
  text-align: center;
}

.cards-strip .cards-strip-subtitle {
  font-size: 2.5rem;
  line-height: 3rem;
  font-weight: 400;
  text-align: center;
}

.cards-strip .cards-container {
  padding: 3vw 0 5.5vw;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  color: #171717;
  width: 90vw;
  justify-content: space-between;
}

.cards-strip .cards-container .nav {
  height: 3.5rem;
  width: 3.5rem;
  font-size: 3.5rem;
  cursor: pointer;
}

.cards-strip .cards-container .nav.prevPage {
  transform: rotate(90deg);
}

.cards-strip .cards-container .nav.nextPage {
  transform: rotate(270deg);
}

.cards-strip .cards-container .nav.desktop-hide {
  display: none;
}

.cards-strip .cards-container .cards-wrapper .swiper-wrapper {
  padding: 0;
  margin: 0;
  width: 100%;
}

.cards-strip .cards-container .cards-wrapper .swiper-wrapper .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
}

.cards-strip .cards-container .cards-wrapper .swiper-wrapper .swiper-slide .details-card {
  flex: unset;
  margin: 5rem 0;
  width: 21vw;
}

.cards-strip .cards-container .cards-wrapper .swiper-wrapper .swiper-slide .article-link {
  width: 21.9vw;
  height: 21.9vw;
  position: relative;
  cursor: pointer;
}

.cards-strip .cards-container .cards-wrapper .swiper-wrapper .swiper-slide .article-link .article-img {
  position: absolute;
  height: 21.875vw;
  width: 100%;
  border-radius: 50%;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0.6;
  transition: opacity 0.3s ease-in-out;
}

.cards-strip .cards-container .cards-wrapper .swiper-wrapper .swiper-slide .article-link:hover .article-img {
  opacity: 0.4;
}

.cards-strip .cards-container .cards-wrapper .swiper-wrapper .swiper-slide .article-link .article-img-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  height: 21.875vw;
  width: 100%;
  border-radius: 50%;
  z-index: 0;
  background-color: black;
}

.cards-strip .cards-container .cards-wrapper .swiper-wrapper .swiper-slide .article-link .article-link-content {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: center;
  border-radius: 50%;
  padding: 5.729vw 3.125vw;
  box-sizing: border-box;
  position: absolute;
  z-index: 2;
  height: 21.875vw;
  width: 21.875vw;
  overflow: hidden;
  background: transparent;
}

.cards-strip .cards-container .cards-wrapper .swiper-wrapper .swiper-slide .article-link .article-link-content .link-title {
  font-size: 3rem;
  font-weight: 600;
  line-height: 3rem;
  color: #ffffff;
  margin-bottom: 0.52vw;
  width: 100%;
}

.cards-strip .cards-container .cards-wrapper .swiper-wrapper .swiper-slide .article-link .article-link-content .link-subtitle {
  font-size: 2rem;
  font-weight: 400;
  line-height: 2rem;
  color: #ffffff;
  max-height: 7vw;
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
}

/*** content page general - header ***/
.general-header {
  height: 42.18vw;
  width: 100%;
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: center;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-image: url("/assets/img/content-bg.png");
  z-index: 0;
}

.general-header:before {
  background-image: linear-gradient(-90deg, #ffffff 48%, rgba(255, 255, 255, 0) 100%);
  content: '';
  position: absolute;
  top: 0;
  width: 81%;
  height: 100%;
}

.general-header:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 19.58vw;
  background-image: linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, 0.9) 18.5%, rgba(255, 255, 255, 0) 100%);
  background-size: 100% auto;
  background-repeat: no-repeat;
}

.general-header .general-header-text {
  z-index: 1;
  height: 100%;
  width: 53%;
  padding-right: 11.66vw;
  padding-top: 14.16vw;
  box-sizing: border-box;
}

.general-header .general-header-text h1, .general-header .general-header-text h1 p {
  font-size: 7rem;
  line-height: 7rem;
  color: #171717;
  font-weight: 600;
  margin-bottom: 0.52vw;
}

.general-header .general-header-text h1 p {
  margin: 0;
  padding: 0;
  width: 100%;
}

.general-header .general-header-text p {
  font-size: 3rem;
  line-height: 3rem;
  font-weight: 400;
  width: 40vw;
}

.general-header .general-header-text p .disclaimer {
  font-size: 1.6rem;
}

.general-header .general-header-text > img {
  width: 5vw;
}

.general-header .general-header-text .play-btn {
  width: 4vw;
  height: 4vw;
  background: transparent url(../assets/icons/y-icon-play.svg) no-repeat center;
  background-size: 100%;
  margin-bottom: 1.56vw;
  cursor: pointer;
  margin-top: 1.5vw;
  position: relative;
}

.general-header .general-header-text .play-btn:after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  content: '';
  background: transparent url(../assets/icons/y-icon-play-border.svg) no-repeat center;
  background-size: 100%;
  transition: transform 0.2s;
  -webkit-transition: transform 0.2s;
}

.general-header .general-header-text .play-btn:hover:after {
  transform: scale(1.1);
}

.general-header .button {
  padding: 0 5vw 0 10vw;
}

.general-header hr {
  padding-top: 1.2vw;
}

/*** articles ***/
.article {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  width: 100%;
  padding: 2.6vw 11.72vw 0 11.72vw;
  box-sizing: border-box;
  position: relative;
  background-color: #ffffff;
}

.article a {
  font-weight: 600;
  background-color: #ffc40c;
  padding: 0 2px;
  cursor: pointer;
}

.article .article-row,
.article .single-column {
  display: flex;
  position: relative;
  justify-content: space-between;
  width: 100%;
  align-items: flex-start;
  line-height: 0.56rem;
  font-size: 2rem;
  font-weight: 400;
  margin-bottom: 2.6vw;
  flex-flow: row wrap;
}

.article .article-row h2,
.article .single-column h2 {
  font-size: 3rem;
  line-height: 3rem;
  font-weight: 400;
  width: 100%;
  margin-bottom: 1.04vw;
}

.article .article-row .text-block__subtitle,
.article .single-column .text-block__subtitle {
  font-size: 2rem;
  line-height: 2.2rem;
  font-weight: 600;
  width: 100%;
  margin-bottom: 2.6vw;
}

.article .article-row h3,
.article .single-column h3 {
  z-index: 10;
  font-size: 3rem;
  font-weight: 600;
  line-height: 3rem;
  position: relative;
  margin-bottom: 4px;
  width: 100%;
}

.article .article-row h3:before,
.article .single-column h3:before {
  content: '';
  border-radius: 50%;
  background-color: #ffc40c;
  height: 2.6vw;
  width: 2.6vw;
  position: absolute;
  bottom: 0;
  right: -1.9vw;
  top: -1.2vw;
  z-index: -1;
}

.article .article-row h3:not(:first-of-type),
.article .single-column h3:not(:first-of-type) {
  margin-top: 2.6vw;
}

.article .article-row p,
.article .single-column p {
  line-height: 2.4rem;
  font-size: 2rem;
  font-weight: 400;
  padding: 0.4vw 0;
  width: 100%;
}

.article .article-row p *,
.article .single-column p * {
  max-width: 100% !important;
}

.article .article-row p a,
.article .single-column p a {
  margin-left: 0.2rem;
}

.article .article-row p a::before,
.article .single-column p a::before {
  content: '';
  right: 0;
  bottom: 0;
  height: 1px;
  width: 2rem;
  border-bottom: 1px solid #000;
  transition: width 0.2s ease-in-out;
  position: absolute;
}

.article .article-row p a:hover::before,
.article .single-column p a:hover::before {
  width: 100%;
}

.article .article-row p .iframeResponsiveWrapper,
.article .single-column p .iframeResponsiveWrapper {
  width: 100%;
  padding-top: 56.3%;
  position: relative;
}

.article .article-row p .iframeResponsiveWrapper iframe,
.article .single-column p .iframeResponsiveWrapper iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100% !important;
  height: 100% !important;
}

.article .article-row ul,
.article .single-column ul {
  line-height: 2.5rem;
  padding-right: 1.5625vw;
  width: 100%;
}

.article .article-row ul li,
.article .single-column ul li {
  position: relative;
  width: 100%;
}

.article .article-row ul li a::before,
.article .single-column ul li a::before {
  content: '';
  right: 0;
  bottom: 0;
  height: 1px;
  width: 2rem;
  border-bottom: 1px solid #000;
  transition: width 0.2s ease-in-out;
  position: absolute;
}

.article .article-row ul li a:hover::before,
.article .single-column ul li a:hover::before {
  width: 100%;
}

.article .article-row ul li:before,
.article .single-column ul li:before {
  content: '';
  height: 2.5rem;
  width: 1rem;
  margin: 0.65rem 0;
  right: -3rem;
  display: block;
  position: absolute;
  background-image: url(/assets/icons/bullet.svg);
  background-size: 100%;
  background-repeat: no-repeat;
}

.article .article-row ul ul li,
.article .single-column ul ul li {
  padding-right: 1.5625vw;
  width: 100%;
}

.article .article-row ul ul li:before,
.article .single-column ul ul li:before {
  content: url("/assets/icons/sublist.svg");
  right: -1.5625vw;
  display: block;
  border: none;
  background: none;
  position: absolute;
  height: 0;
  width: 0;
}

.article .article-row .text-block,
.article .article-row .img-block,
.article .article-row .macro-block,
.article .single-column .text-block,
.article .single-column .img-block,
.article .single-column .macro-block {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  width: 50%;
  max-width: 29.69vw;
}

.article .article-row .text-block:first-child > img,
.article .article-row .img-block:first-child > img,
.article .article-row .macro-block:first-child > img,
.article .single-column .text-block:first-child > img,
.article .single-column .img-block:first-child > img,
.article .single-column .macro-block:first-child > img {
  align-self: center;
  width: 44.74vw;
  height: 44.74vw;
  border-radius: 50%;
  max-width: initial;
}

.article .article-row .text-block:not(:first-child) > img,
.article .article-row .img-block:not(:first-child) > img,
.article .article-row .macro-block:not(:first-child) > img,
.article .single-column .text-block:not(:first-child) > img,
.article .single-column .img-block:not(:first-child) > img,
.article .single-column .macro-block:not(:first-child) > img {
  align-self: center;
  width: 44.74vw;
  height: 44.74vw;
  border-radius: 50%;
  max-width: initial;
}

.article .article-row .related-articles,
.article .single-column .related-articles {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  max-width: initial;
  width: 42.5125vw;
  transform: translateX(7.525vw);
  margin-bottom: 11.71875vw;
}

.article .article-row .related-articles .article-link,
.article .single-column .related-articles .article-link {
  width: 21.875vw;
  height: 11.71875vw;
  position: relative;
  cursor: pointer;
}

.article .article-row .related-articles .article-link .article-img,
.article .single-column .related-articles .article-link .article-img {
  position: absolute;
  height: 21.875vw;
  width: 100%;
  border-radius: 50%;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0.6;
  transition: opacity 0.3s ease-in-out;
}

.article .article-row .related-articles .article-link:hover .article-img,
.article .single-column .related-articles .article-link:hover .article-img {
  opacity: 0.4;
}

.article .article-row .related-articles .article-link .article-img-wrapper,
.article .single-column .related-articles .article-link .article-img-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  height: 21.875vw;
  width: 100%;
  border-radius: 50%;
  z-index: 0;
  background-color: black;
}

.article .article-row .related-articles .article-link:nth-child(2n-1):not(.single-article),
.article .single-column .related-articles .article-link:nth-child(2n-1):not(.single-article) {
  align-self: flex-end;
}

.article .article-row .related-articles .article-link.single-article,
.article .single-column .related-articles .article-link.single-article {
  align-self: center;
  transform: scale(1.2) translateY(20%);
}

.article .article-row .related-articles .article-link .article-link-content,
.article .single-column .related-articles .article-link .article-link-content {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: center;
  border-radius: 50%;
  padding: 5.729vw 3.125vw;
  box-sizing: border-box;
  position: absolute;
  z-index: 2;
  height: 21.875vw;
  width: 21.875vw;
  overflow: hidden;
  background: transparent;
}

.article .article-row .related-articles .article-link .article-link-content .link-title,
.article .single-column .related-articles .article-link .article-link-content .link-title {
  font-size: 3rem;
  font-weight: 600;
  line-height: 3rem;
  color: #ffffff;
  margin-bottom: 0.52vw;
  width: 100%;
}

.article .article-row .related-articles .article-link .article-link-content .link-subtitle,
.article .single-column .related-articles .article-link .article-link-content .link-subtitle {
  font-size: 2rem;
  font-weight: 400;
  line-height: 2rem;
  color: #ffffff;
  max-height: 7vw;
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
}

.article .article-row .related-articles .article-link .article-link-content .link-subtitle .button,
.article .single-column .related-articles .article-link .article-link-content .link-subtitle .button {
  display: none;
}

.article .article-row .related-articles .article-link .article-link-content .link-button,
.article .single-column .related-articles .article-link .article-link-content .link-button {
  max-width: 100%;
  min-width: 8vw;
  line-height: 2.08vw;
  height: 2.08vw;
}

.article .article-row .related-articles .article-link .article-link-content .link-button:after,
.article .single-column .related-articles .article-link .article-link-content .link-button:after {
  line-height: 2.08vw;
  height: 2.18vw;
}

.article .article-row .related-articles .article-link .article-link-content .link-button a,
.article .single-column .related-articles .article-link .article-link-content .link-button a {
  height: 100%;
  font-size: 1.6rem;
  font-weight: 600;
}

.article .single-column {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  align-self: center;
  width: 75%;
  padding-bottom: 5vw;
}

.article .single-column img {
  max-width: 41.14vw;
  align-self: center;
  margin: 3.75vw 0;
}

.article.content-strip .article-row,
.article.content-strip .single-column {
  padding-bottom: 0;
}

.article.content-strip + .article.content-strip {
  padding-top: 0;
}

.article.content-strip + * {
  margin-top: 0;
  padding-top: 0;
}

/*** services-providers-strip ***/
.service-providers {
  flex-flow: column nowrap;
  padding-bottom: 10rem;
}

.service-providers .providers-section {
  width: 100%;
  padding: 0 10rem 8rem 5rem;
  box-sizing: border-box;
  display: flex;
  flex-flow: column nowrap;
  margin-bottom: 4vw;
  align-items: center;
  position: relative;
}

.service-providers .providers-section:nth-child(2n) {
  background-color: #ebebeb;
}

.service-providers .providers-section:nth-child(2n + 1) .strip-title {
  margin-top: 10rem;
  font-size: 4rem;
  line-height: 4rem;
  font-weight: 600;
}

.service-providers .providers-section .strip-title {
  display: inline;
  font-size: 4rem;
  line-height: 4rem;
  font-weight: 600;
}

.service-providers .items-container {
  display: flex;
  flex-flow: row wrap;
  align-content: flex-start;
  justify-content: flex-start;
  width: 100%;
}

.service-providers .items-container .item {
  position: relative;
  width: 25%;
  padding-left: 14rem;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 6rem;
  color: #171717;
  box-sizing: border-box;
}

.service-providers .items-container .item img {
  align-self: flex-start;
  margin-right: -2rem;
  width: 10rem;
  height: 10rem;
}

.service-providers .items-container .item h6 {
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 2.5rem;
  margin-bottom: 1rem;
  direction: ltr;
  text-align: right;
}

.service-providers .items-container .item .item-address {
  font-size: 2rem;
  line-height: 2rem;
  font-weight: 600;
  margin-bottom: 1.3vw;
}

.service-providers .items-container .item .contact-methods {
  display: flex;
  flex-flow: row wrap;
  width: 75%;
}

.service-providers .items-container .item .contact-methods .method {
  font-size: 1.8rem;
  font-weight: 500;
  flex: 1;
  width: 50%;
  padding-left: 5rem;
  box-sizing: border-box;
  color: #171717;
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  line-height: 2.2rem;
  margin-bottom: 1.3vw;
  white-space: nowrap;
}

.service-providers .items-container .item .contact-methods .method a {
  transition: background-color 0.2s ease-in-out;
}

.service-providers .items-container .item .contact-methods .method a::before {
  content: '';
  right: 0;
  bottom: 0;
  height: 1px;
  width: 2rem;
  border-bottom: 1px solid #000;
  transition: width 0.2s ease-in-out;
  position: absolute;
}

.service-providers .items-container .item .contact-methods .method a:hover {
  background-color: #ffc40c;
}

.service-providers .items-container .item .contact-methods .method a:hover::before {
  width: 100%;
}

.service-providers .items-container .item .item-description {
  width: 100%;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2rem;
}

/*** quick-actions-with-bg ***/
.quick-actions-with-bg {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: center;
  height: 54.22vw;
  width: 100vw;
  background-size: 100% auto;
  background-repeat: no-repeat;
  padding-right: 11.51vw;
  box-sizing: border-box;
}

.quick-actions-with-bg:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.8) 100%);
}

.quick-actions-with-bg h4 {
  display: flex;
  font-size: 5rem;
  line-height: 5rem;
  color: #ffffff;
  font-weight: 300;
  margin-bottom: 0.625vw;
  white-space: nowrap;
}

.quick-actions-with-bg h5 {
  font-size: 3.5rem;
  line-height: 3.5rem;
  font-weight: 400;
  color: #ffffff;
}

.quick-actions-with-bg .actions-row {
  margin-top: 2.6vw;
  position: relative;
  width: 82vw;
  margin-right: -40px;
  justify-content: space-between;
}

.quick-actions-with-bg .actions-row .nav {
  height: 3.5rem;
  width: 3.5rem;
  font-size: 3.5rem;
  cursor: pointer;
}

.quick-actions-with-bg .actions-row .nav.prevPage {
  transform: rotate(90deg);
}

.quick-actions-with-bg .actions-row .nav.nextPage {
  transform: rotate(270deg);
}

.quick-actions-with-bg .actions-row .nav.desktop-hide {
  display: none;
}

.quick-actions-with-bg .actions-row:before {
  content: '';
  width: 2.55vw;
  height: 2.55vw;
  border-radius: 50%;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.15);
  right: -1.56vw;
  top: 2.96vw;
  z-index: -1;
}

.quick-actions-with-bg .actions-row .quick-actions-with-bg-slider.swiper-wrapper {
  padding: 0;
  margin: 0;
}

.quick-actions-with-bg .actions-row .quick-actions-with-bg-slider.swiper-wrapper .swiper-slide {
  width: 12.5vw;
  height: 12.5vw;
  display: flex;
  justify-content: center;
  align-items: center;
}

/*** search results - page ***/
.search-results .general-header-text {
  z-index: 1;
  height: 100%;
  width: 53%;
  padding-right: 11.66vw;
  padding-top: 14.16vw;
  box-sizing: border-box;
}

.search-results .general-header-text p:last-of-type {
  color: #171717;
  font-size: 7rem;
  line-height: 7rem;
  font-weight: 600;
}

.search-results .general-header-text p:first-of-type {
  margin-top: 3rem;
  font-size: 3rem;
  line-height: 3rem;
  font-weight: 400;
  width: 40vw;
}

.search-results .general-header-text > img {
  width: 5vw;
}

/*** search results - strip ***/
.search-results-strip {
  width: 100vw;
  min-height: 54vw;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: flex-start;
}

.search-results-strip .pattern-bg {
  height: calc(100% - 16.9vw);
  opacity: 0.4;
  background-repeat: repeat-y;
}

.search-results-strip .actions-box {
  left: 24rem;
}

.search-results-strip .actions-box .action-circle span, .search-results-strip .actions-box .action-circle--small span, .search-results-strip .actions-box .action-circle--medium span, .search-results-strip .actions-box .action-circle--large span {
  font-size: 2.2rem;
}

.search-results-strip .action-circle, .search-results-strip .action-circle--small, .search-results-strip .action-circle--medium, .search-results-strip .action-circle--large {
  width: 18rem;
  height: 18rem;
  font-size: 2.5rem;
  line-height: 2.2rem;
  font-weight: 400;
}

.search-results-strip .action-circle:before, .search-results-strip .action-circle--small:before, .search-results-strip .action-circle--medium:before, .search-results-strip .action-circle--large:before {
  content: none;
}

.search-results-strip .action-circle img, .search-results-strip .action-circle--small img, .search-results-strip .action-circle--medium img, .search-results-strip .action-circle--large img {
  margin-bottom: 0;
  margin-top: 2.5rem;
  width: 8rem;
}

.search-results-strip:after {
  /* wave */
  bottom: 4.94vw;
  background-position: 0.3rem;
}

.search-results-strip + div {
  /* following strip */
  margin-top: 0;
}

.search-results-strip ul.search-results {
  width: 57.3vw;
  flex-flow: column nowrap;
  align-items: flex-start;
  min-height: 35vw;
}

.search-results-strip ul.search-results li {
  margin-bottom: 6rem;
}

.search-results-strip ul.search-results li .strip-title {
  font-size: 3rem;
  line-height: 3rem;
  margin-right: 5.6vw;
}

.search-results-strip ul.search-results li .strip-title .strip-title-line {
  right: -5.7vw;
}

.search-results-strip ul.search-results li .item-number {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 2rem;
  margin-right: 11.3vw;
  border-radius: 50%;
  background-color: #ffc40c;
  height: 2.6vw;
  width: 2.6vw;
  font-size: 3rem;
  font-weight: 600;
  line-height: 3rem;
  text-align: center;
}

.search-results-strip ul.search-results li .search-result {
  font-size: 2rem;
  font-weight: 400;
  line-height: 2rem;
  margin-right: 11.3vw;
  margin-top: 1rem;
}

.search-results-strip ul.search-results li p {
  line-height: 2.2rem;
}

.search-results-strip ul.search-results li a {
  text-decoration: underline;
  transition: background-color 0.2s ease-in-out;
  background-image: url(/assets/icon-double-arrow-small.svg);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 1rem;
  display: inline-block;
  padding-left: 1.5rem;
  font-weight: 600;
  margin-top: 1rem;
}

.search-results-strip ul.search-results li a:hover {
  background-color: #ffc40c;
}

.search-results-strip .paging {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  margin-right: 11.3vw;
  margin-bottom: 13.38vw;
}

.search-results-strip .paging .paging-title {
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 2rem;
  margin-left: 1.015vw;
}

.search-results-strip .paging ul {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}

.search-results-strip .paging ul li {
  width: 2.13vw;
  height: 2.13vw;
  font-size: 2rem;
  font-weight: 600;
  line-height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid #171717;
  transition: background-color 0.2s ease-in-out;
  cursor: pointer;
}

.search-results-strip .paging ul li.active-page {
  background-color: #ececec;
}

.search-results-strip .paging ul li:not(:last-child) {
  margin-left: 0.49vw;
}

.search-results-strip .paging ul li:hover {
  background-color: #ffc40c;
  border: 1px solid rgba(23, 23, 23, 0.1);
}

.search-results-strip .search-again {
  width: 54.68vw;
  align-self: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 2.34vw;
  height: 3.5vw;
  line-height: 5rem;
  font-size: 5rem;
  font-weight: 600;
  flex-flow: row wrap;
}

.search-results-strip .search-again form {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  height: 7rem;
  align-items: center;
}

.search-results-strip .search-again form > span {
  height: 7rem;
  line-height: 7rem;
  font-size: 5rem;
}

.search-results-strip .search-again form .row {
  width: 26vw;
  display: inline-block;
}

.search-results-strip .search-again form .row .input input {
  height: 5rem;
  line-height: 5rem;
  font-size: 5rem;
}

.search-results-strip .search-again form .row .input input:focus ~ label {
  display: none;
}

.search-results-strip .search-again form .row .input input.filled ~ label {
  display: none;
}

.search-results-strip .search-again form .row .input label {
  font-size: 5rem;
  line-height: 3rem;
}

.search-results-strip .search-again .input-field {
  flex: 1;
  margin: 0 3vw;
  width: 54.08%;
  font-size: 4rem;
  font-weight: 400;
  color: #171717;
  line-height: 100%;
  height: 100%;
  text-align: start;
}

/*** site-map ***/
.site-map-strip {
  padding-bottom: 13.02vw;
}

.site-map-strip .site-map {
  justify-content: flex-start;
  align-items: flex-start;
  flex-flow: column nowrap;
  width: 100%;
  padding-top: 3.17vw;
  box-sizing: border-box;
  padding-right: 11.66vw;
}

.site-map-strip .site-map a {
  transition: background-color 0.2s ease-in-out;
  padding: 0 0.5rem;
}

.site-map-strip .site-map a:hover {
  background-color: #ffc40c;
}

.site-map-strip .site-map .actions-box {
  left: 9.11vw;
}

.site-map-strip .site-map .actions-box .action-circle span, .site-map-strip .site-map .actions-box .action-circle--small span, .site-map-strip .site-map .actions-box .action-circle--medium span, .site-map-strip .site-map .actions-box .action-circle--large span {
  font-size: 2.2rem;
}

.site-map-strip .site-map .action-circle, .site-map-strip .site-map .action-circle--small, .site-map-strip .site-map .action-circle--medium, .site-map-strip .site-map .action-circle--large {
  font-size: 2rem;
  line-height: 0.64rem;
  font-weight: 400;
}

.site-map-strip .site-map .action-circle:before, .site-map-strip .site-map .action-circle--small:before, .site-map-strip .site-map .action-circle--medium:before, .site-map-strip .site-map .action-circle--large:before {
  content: none;
}

.site-map-strip .site-map .action-circle img, .site-map-strip .site-map .action-circle--small img, .site-map-strip .site-map .action-circle--medium img, .site-map-strip .site-map .action-circle--large img {
  margin-bottom: -0.5vw;
}

.site-map-strip .site-map .strip-title--decoration:before {
  top: -1.8rem;
}

.site-map-strip .site-map .strip-title__text {
  margin-top: -1rem;
  font-size: 3rem;
  line-height: 3.6rem;
  font-weight: 600;
  height: 3.6rem;
}

.site-map-strip .site-map .strip-title .strip-title-line {
  width: 8.18vw;
  right: -11.7vw;
}

.site-map-strip .site-map .home-section {
  width: 60%;
  display: flex;
  flex-flow: column nowrap;
}

.site-map-strip .site-map .home-section .home-title {
  margin-bottom: 5rem;
}

.site-map-strip .site-map .home-section ul.sections .section {
  padding: 7rem 0 0 0;
  border-top: solid #d0d0d0 1px;
}

.site-map-strip .site-map .home-section ul.sections .section .section-subsections {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  margin-top: 5.5rem;
}

.site-map-strip .site-map .home-section ul.sections .section .section-subsections ul.subsection {
  width: 100%;
  box-sizing: border-box;
  font-size: 2.2rem;
  font-weight: 400;
  color: #000000;
  line-height: 2.2rem;
  display: flex;
  flex-flow: column nowrap;
  padding-bottom: 5rem;
}

.site-map-strip .site-map .home-section ul.sections .section .section-subsections ul.subsection li {
  margin-bottom: 1.3vw;
  width: 100%;
}

.site-map-strip .site-map .home-section ul.sections .section .section-subsections ul.subsection li:first-child {
  font-weight: bold;
}

.site-map-strip .site-map .home-section ul.sections .section .section-subsections ul.subsection li.bold {
  font-size: 2rem;
  font-weight: 600;
  line-height: 2rem;
}

.site-map-strip .site-map .home-section ul.sections .section .section-subsections ul.subsection-no-children {
  width: 100%;
}

.site-map-strip .site-map .home-section ul.sections .section .section-subsections ul.subsection-no-children:only-child {
  flex-flow: row wrap;
}

.site-map-strip .site-map .home-section ul.sections .section .section-subsections ul.subsection-no-children:only-child li {
  width: 100%;
}

.site-map-strip .site-map .home-section ul.sections .section .section-subsections ul.subsection-no-children:not(:only-child) {
  flex-flow: column wrap;
}

/*** files-download ***/
.files {
  flex-flow: column nowrap;
  align-items: flex-start;
  min-height: 40vw;
  height: auto;
  justify-content: flex-start;
  padding-top: 4.22vw;
  box-sizing: border-box;
  padding-bottom: 13vw;
}

.files .actions-box {
  position: absolute;
  left: 8.7vw;
}

.files .actions-box .actions-column .action-circle:before, .files .actions-box .actions-column .action-circle--small:before, .files .actions-box .actions-column .action-circle--medium:before, .files .actions-box .actions-column .action-circle--large:before {
  content: none;
}

.files .actions-box .actions-column a {
  font-size: 2.2rem;
}

.files .strip-title {
  margin-right: 11.2vw;
}

.files .strip-title .strip-title-line {
  margin-right: -2.08vw;
  margin-left: 1.7vw;
}

.files .strip-title .strip-title__text {
  font-size: 3rem;
  font-weight: 600;
  line-height: 3rem;
}

.files .files-section {
  position: relative;
  width: 67vw;
  margin-bottom: 2vw;
}

.files .files-section .lists-container {
  padding-right: 11.2vw;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  width: 55.8vw;
  margin-top: 4rem;
}

.files .list {
  margin-bottom: 2vw;
  width: 21%;
  box-sizing: border-box;
  position: relative;
  max-width: 100%;
}

.files .list:not(:nth-child(4n)) {
  margin-left: 4%;
}

.files .list .list-title {
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 2rem;
}

.files .list .list-item {
  width: 100%;
  padding: 1vw 0;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.6rem;
}

.files .list .list-item a {
  width: 100%;
  margin-left: 0.2rem;
}

.files .list .list-item a::before {
  content: '';
  right: 0;
  bottom: 0;
  height: 1px;
  width: 2rem;
  border-bottom: 1px solid #000;
  transition: width 0.2s ease-in-out;
  position: absolute;
}

.files .list .list-item a:hover::before {
  width: 100%;
}

/*** link-to-offer (banner) ***/
.offer {
  height: 39.48vw;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  z-index: 10;
  font-size: 3.5rem;
  line-height: 3.5rem;
  font-weight: 600;
  color: #ffffff;
}

.offer:before {
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  opacity: 0.6;
  position: absolute;
  z-index: -1;
  background-repeat: no-repeat;
  background-size: contain;
}

.offer:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #000000;
  z-index: -2;
}

.offer .dark-background {
  font-size: 5rem;
  font-weight: 300;
  line-height: 5rem;
  margin: 0.57vw 0 1.56vw 0;
}

.offer .yellow {
  font-weight: 600;
}

/*** orange-strip-banner (banner) ***/
.orange-strip-banner {
  height: 29.5vw;
  background-size: cover;
}

.orange-strip-banner .black {
  color: #000000;
}

.orange-strip-banner .white {
  color: #ffffff;
}

.orange-strip-banner .orange-strip-mask {
  padding-top: 5vw;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  font-size: 3.5rem;
  line-height: 3.5rem;
  font-weight: 600;
}

.orange-strip-banner .orange-strip-mask .strip-content {
  text-align: center;
  margin-bottom: 1vw;
}

.orange-strip-banner .orange-strip-mask .strip-content p {
  font-weight: 400;
  color: #ffffff;
}

.orange-strip-banner .orange-strip-mask .strip-content h5 {
  font-size: 5rem;
  line-height: 5rem;
  margin: 0.5vw 0;
}

.orange-strip-banner .orange-strip-mask .strip-content .dark-background {
  color: #ffffff;
  font-size: 5rem;
  font-weight: 300;
  line-height: 5rem;
  margin: 0.57vw 0 1.56vw 0;
}

.orange-strip-banner .orange-strip-mask .strip-content .yellow {
  font-weight: 600;
}

.orange-strip-banner .orange-strip-mask:before {
  content: unset;
}

/*** small pictures ***/
.small-pics-strip {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  box-sizing: border-box;
  width: 100%;
  background-image: linear-gradient(-54deg, #ffcf41 0%, #ffc20e 100%);
  background-repeat: no-repeat;
  z-index: 10;
  margin-bottom: 5rem;
}

.small-pics-strip:before {
  content: '';
  position: absolute;
  top: -10.8vw;
  right: 0;
  width: 100%;
  height: 10.88vw;
  background-image: url(../assets/team-wave.svg);
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position-x: 100%;
}

.small-pics-strip:after {
  content: '';
  position: absolute;
  bottom: -10.8vw;
  right: 0;
  z-index: 9;
  width: 100%;
  height: 10.88vw;
  background-image: url(../assets/team-wave.svg);
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position-x: 100%;
  transform: rotateX(180deg);
}

.small-pics-strip .orange-strip-pattern {
  background-image: url("../assets/team-center-wave-pattern.png");
  opacity: 0.9;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.small-pics-strip .strip-title {
  margin-bottom: 3.125vw;
  position: relative;
  font-size: 4rem;
  line-height: 4rem;
  font-weight: 600;
  margin-right: 11.2vw;
}

.small-pics-strip .strip-title .strip-title__text {
  position: relative;
  font-size: 4rem;
  line-height: 4rem;
  font-weight: 500;
}

.small-pics-strip .pictures-container {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  box-sizing: border-box;
  padding: 0 7.5rem 3rem 7.5rem;
  width: 90%;
  margin: 0 auto;
}

.small-pics-strip .pictures-container .picture {
  margin: 0 3rem 4rem 3rem;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: flex-start;
  width: 21%;
}

.small-pics-strip .pictures-container .picture img {
  height: 14.06vw;
  width: 14.06vw;
  border-radius: 50%;
  margin-bottom: 1.56vw;
}

.small-pics-strip .pictures-container .picture .picture-details {
  color: #171717;
  text-align: center;
}

.small-pics-strip .pictures-container .picture .picture-details .title {
  font-size: 3rem;
  line-height: 3rem;
  font-weight: 600;
  margin-bottom: 1rem;
}

.small-pics-strip .pictures-container .picture .picture-details .subtitle {
  font-size: 2rem;
  line-height: 2rem;
  font-weight: 400;
}

.small-pics-strip .pictures-container .picture .picture-details .subtitle:nth-child(2) {
  font-weight: 600;
}

/*** large-pics-strip ***/
.large-pics-strip {
  height: 42.08vw;
  z-index: 3;
  padding-top: 3.38vw;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  width: 100%;
  background-color: #ffffff;
}

.large-pics-strip .strip-title {
  margin-bottom: 3.125vw;
  position: relative;
  font-size: 4rem;
  line-height: 4rem;
  font-weight: 600;
  margin-right: 11.2vw;
}

.large-pics-strip .strip-title .strip-title__text {
  position: relative;
  font-size: 4rem;
  line-height: 4rem;
  font-weight: 500;
}

.large-pics-strip .pictures-container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  box-sizing: border-box;
  padding-right: 11.72vw;
}

.large-pics-strip .pictures-container .picture {
  height: 21.87vw;
  width: 21.87vw;
  margin-left: 11.19vw;
  position: relative;
}

.large-pics-strip .pictures-container .picture img {
  border-radius: 50%;
  display: block;
  height: 100%;
  width: 100%;
}

.large-pics-strip .pictures-container .picture .picture-details {
  height: 14.06vw;
  width: 14.06vw;
  border-radius: 50%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 17.4%;
  left: -45%;
  background-color: #ffc40c;
  color: #171717;
  padding: 0 1.5vw;
  text-align: center;
  box-sizing: border-box;
}

.large-pics-strip .pictures-container .picture .picture-details .title {
  font-size: 3rem;
  font-weight: 600;
  line-height: 3rem;
  margin-bottom: 0.26vw;
  width: 100%;
  position: relative;
}

.large-pics-strip .pictures-container .picture .picture-details .subtitle {
  line-height: 2rem;
  font-size: 2rem;
  font-weight: 500;
  width: 100%;
  position: relative;
}

/** form strips - common ***/
.form-strip {
  z-index: 10;
  padding-right: 11.42vw;
}

.form-strip .strip-title {
  font-weight: 600;
  font-size: 4rem;
  line-height: 4rem;
  margin-bottom: 0.5vw;
}

.form-strip .strip-subtitle {
  position: relative;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 2.5rem;
  margin-bottom: 2.08vw;
}

.form-strip .form-container, .form-strip.form-container {
  font-size: 3rem;
  font-weight: 400;
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  width: 33vw;
}

.form-strip .form-container .form-row, .form-strip.form-container .form-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 2.5vw;
  margin-bottom: 1.66vw;
}

/*** form-strip with background image ***/
.form-strip-with-bg {
  z-index: 10;
  height: 50vw;
  width: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  padding-top: 17vw;
  box-sizing: border-box;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: flex-start;
}

.form-strip-with-bg .strip-title .strip-title-line {
  right: -11.4vw;
}

.form-strip-with-bg .form-row.first-row .input-field {
  width: 100%;
}

.form-strip-with-bg .form-row.first-row.multiple-fields .input-field {
  width: unset;
}

.form-strip-with-bg .form-row.first-row.multiple-fields .input-field:not(:first-child) {
  margin-right: 2rem;
}

.form-strip-with-bg .form-row.second-row .input {
  width: 47%;
}

.form-strip-with-bg .form-row.second-row button {
  width: 50%;
}

.form-strip-with-bg .form-container .download-links-title {
  font-weight: 600;
  font-size: 2.5rem;
  margin-bottom: 1.5rem;
}

.form-strip-with-bg .form-container a {
  font-size: 2.5rem;
  line-height: 2.5rem;
  margin-bottom: 1.5rem;
}

.form-strip-with-bg .form-container a::before {
  content: '';
  right: 0;
  bottom: 0;
  height: 1px;
  width: 2rem;
  border-bottom: 1px solid #000;
  transition: width 0.2s ease-in-out;
  position: absolute;
}

.form-strip-with-bg .form-container a:hover::before {
  width: 100%;
}

.form-strip-with-bg .form-container a:after {
  content: '';
  position: absolute;
  left: -1.7rem;
  margin-right: 0;
  background: url(/assets/icon-double-arrow-small.svg) no-repeat left;
  background-size: 1rem;
  width: 2rem;
  height: 2.5rem;
}

.form-strip-with-bg:before {
  content: '';
  position: absolute;
  width: 100vw;
  height: 100%;
  top: 0;
  right: 0;
  background-image: linear-gradient(53deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.9), #ffffff);
}

/*** two-forms-strip ***/
.two-forms-strip {
  z-index: 20;
  background-color: white;
}

.two-forms-strip .form-strip {
  padding-top: 0;
}

.two-forms-strip .forms-wrapper {
  display: flex;
  flex-flow: column nowrap;
  position: relative;
  width: 100%;
  /*margin-top: -1.8vw;*/
  z-index: 1;
}

.two-forms-strip .forms-wrapper .good-to-know {
  position: absolute;
  top: 20vw;
  left: 11.72vw;
}

.two-forms-strip .top-form {
  margin-bottom: 7.8125vw;
}

.two-forms-strip .bottom-form {
  position: relative;
}

.two-forms-strip .bottom-form:before {
  width: 100vw;
  transform: rotateX(180deg);
  top: -5.5vw;
}

.two-forms-strip .bottom-form .strip-title {
  margin-right: 0;
}

.two-forms-strip .bottom-form .strip-title:before {
  top: 0.3vw;
}

.two-forms-strip .bottom-form ul {
  display: flex;
  height: 2.083vw;
  align-items: center;
  margin-bottom: 2.083vw;
}

.two-forms-strip .bottom-form ul li {
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.6rem;
  color: #000000;
}

.two-forms-strip .bottom-form ul li:not(:first-child) {
  padding-right: 0.78vw;
}

.two-forms-strip .bottom-form ul li:not(:last-child) {
  padding-left: 0.78vw;
  border-left: 1px solid #d9d9d9;
}

.two-forms-strip .bottom-form .search-field {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 2.083vw;
}

.two-forms-strip .bottom-form .button {
  height: 2.6vw;
}

.two-forms-strip.files-search-form {
  height: 15vw;
}

.two-forms-strip.files-search-form .two-forms-strip__content-wrapper {
  top: 1.5vw;
}

.two-forms-strip .or-circle {
  width: 2.08vw;
  height: 2.08vw;
  border-radius: 50%;
  font-size: 1.6rem;
  line-height: 2.08vw;
  background-image: linear-gradient(222deg, #ffcf41, #ffc20e);
  color: #171717;
  font-weight: 600;
  text-align: center;
}

.single-form-search {
  height: 12vw;
}

.single-form-search .forms-wrapper {
  height: 100%;
}

.single-form-search .forms-wrapper:before {
  top: -7vw;
  transform: rotateX(180deg);
}

.single-form-search .form-container {
  width: 32vw;
}

.single-form-search .form-container.form-strip {
  height: 100%;
  justify-content: space-around;
  display: flex;
  flex-flow: column;
}

.single-form-search .form-container form {
  width: 100%;
}

.single-form-search .form-container form .search-field {
  margin-bottom: 0;
  width: 100%;
  font-size: 3.2rem;
  line-height: 3.2rem;
}

.single-form-search .form-container form .search-field img {
  width: 3.2rem;
  margin-right: -3.2rem;
  z-index: 50;
}

.single-form-search .form-container .strip-title:before {
  top: -1.1vw !important;
}

.single-form-search .form-container .bottom-form:before {
  content: none;
}

/*** contact-us-popup ***/
.contact-us-popup {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 53.6vw;
}

.contact-us-popup .form-container {
  width: 35.5vw;
  height: 35.5vw;
  border-radius: 50%;
  box-shadow: 0 0 2.6vw rgba(0, 0, 0, 0.1);
  background-color: white;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  position: relative;
}

.contact-us-popup .form-container .title {
  font-size: 3rem;
  font-weight: 600;
  line-height: 3rem;
  margin-bottom: 1vw;
  max-width: 20vw;
  text-align: center;
}

.contact-us-popup .form-container .subtitle {
  font-size: 2rem;
  font-weight: 400;
  line-height: 2rem;
  margin-bottom: 2.5rem;
}

.contact-us-popup .form-container .form-row {
  width: 50%;
  display: flex;
  justify-content: space-between;
  flex-flow: row nowrap;
}

.contact-us-popup .form-container .form-row .input {
  width: 47%;
}

.contact-us-popup .form-container .form-row.contact-us-comments {
  width: 50%;
  align-self: center;
}

.contact-us-popup .form-container .form-row.contact-us-comments .input {
  width: 100%;
}

.contact-us-popup .form-container button {
  width: 14.06vw;
}

.contact-us-popup .popup-contact-form-wrapper.back {
  font-size: 3rem;
  text-align: center;
}

.contact-us-popup .popup-contact-form-wrapper.back .form-container {
  padding: 5.5vw;
  width: 24.5vw;
  height: 24.5vw;
}

.contact-us-popup .popup-contact-form-wrapper.back .form-container svg {
  position: absolute;
  top: 0;
  right: 6.5vw;
}

.contact-us-popup .call-us {
  position: relative;
  width: 23.43vw;
  height: 23.43vw;
  border-radius: 50%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: center;
  font-weight: 400;
  padding: 3.64vw 0;
  box-sizing: border-box;
  background-image: linear-gradient(222deg, #ffcf41 0%, #ffc20e 100%);
  margin-left: -5.2vw;
  z-index: 1;
}

.contact-us-popup .call-us .title {
  font-size: 3.5rem;
  line-height: 3.5rem;
  margin-bottom: 1rem;
  font-weight: 600;
}

.contact-us-popup .call-us .subtitle {
  font-size: 2rem;
  line-height: 2rem;
  text-align: center;
  margin-bottom: 1vw;
}

.contact-us-popup .call-us .subtitle strong {
  font-size: 2.5rem;
}

.contact-us-popup .call-us .short-number {
  line-height: 5rem;
  font-size: 5rem;
}

.contact-us-popup .call-us img {
  width: 10rem;
}

/*** video-popup ***/
.video-popup {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  box-sizing: border-box;
  height: 41.87vw;
}

.video-popup .video-frame {
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  align-items: flex-end;
  width: 107.5rem;
  height: 60.5rem;
  margin-left: 3.9vw;
  position: relative;
}

.video-popup .video-frame iframe {
  width: 100%;
  height: 100%;
}

.video-popup .video-frame .x-button {
  top: -3.385vw;
  left: 0;
}

.video-popup .link {
  width: 26.98vw;
  height: 26.98vw;
  border-radius: 50%;
  background-color: #ffffff;
  margin-left: -0.94vw;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  z-index: 1;
}

.video-popup .link img {
  margin-bottom: 0.62vw;
}

.video-popup .link h5 {
  font-size: 3.5rem;
  line-height: 3.5rem;
  font-weight: 600;
  text-align: center;
}

.video-popup .link h6 {
  margin-top: 1.04vw;
  margin-bottom: 1.56vw;
  font-size: 2rem;
  font-weight: 400;
  line-height: 2rem;
}

.video-popup .link .button {
  width: 14.06vw;
  height: 2.6vw;
}

/*** info-popup ***/
.info-popup {
  position: relative;
  height: 34.37vw;
  width: 34.37vw;
}

.info-popup .popup-content {
  width: 34.37vw;
  height: 34.37vw;
  border-radius: 50%;
  background-color: #ffffff;
  color: #000000;
  padding: 6vw 4.5vw;
  box-sizing: border-box;
}

.info-popup h4 {
  font-size: 4rem;
  line-height: 4rem;
  font-weight: 600;
  margin-bottom: 0.55vw;
  text-align: center;
}

.info-popup h5 {
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 1.56vw;
  text-align: right;
}

.info-popup p {
  font-size: 2rem;
  font-weight: 400;
  margin-bottom: 1.56vw;
  text-align: right;
}

/*** service-providers - component ***/
.service-providers-component {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  max-width: calc(8.07vw * 3 + 1.04vw * 2);
  color: #171717;
  position: relative;
  padding-left: 0;
  margin-bottom: 1.15vw;
  margin-top: 1.15vw;
}

.service-providers-component .action-circle, .service-providers-component .action-circle--small, .service-providers-component .action-circle--medium, .service-providers-component .action-circle--large {
  width: 8.07vw;
  height: 8.07vw;
  border-radius: 50%;
  margin-top: 0.57vw;
  margin-left: 0;
}

.service-providers-component .action-circle:not(:nth-child(3n-2)), .service-providers-component .action-circle--small:not(:nth-child(3n-2)), .service-providers-component .action-circle--medium:not(:nth-child(3n-2)), .service-providers-component .action-circle--large:not(:nth-child(3n-2)) {
  margin-right: 1.04vw;
}

/*** REDUNDANT IMPORTS ***/
.navbar {
  position: fixed;
  font-size: 2rem;
  line-height: 2rem;
  color: #171717;
  font-weight: 500;
  width: 100vw;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  top: 0;
  right: 0;
  z-index: 100;
  height: 2.6vw;
  transform: translate3d(0, 0, 0);
}

.navbar .wave-bottom {
  position: absolute;
  -webkit-mask-image: url("../assets/navbar-wave-mask.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: auto 100%;
  -webkit-mask-position-x: 100%;
  mask-image: url("../assets/navbar-wave-mask.svg");
  mask-repeat: no-repeat;
  mask-size: auto 100%;
  background-image: url("../assets/navbar-wave-bg.svg");
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: 100%;
  height: 8.3vw;
  width: 100%;
  right: 0;
  box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.2);
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.navbar__logo {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 3rem;
  padding-top: 1.87vw;
  padding-right: 3.91vw;
  z-index: 0;
  height: 10.57vw;
  width: 27.03vw;
  background-image: url("../assets/wave-under-logo-bg.svg");
  background-repeat: no-repeat;
  background-size: auto 100%;
  box-sizing: border-box;
  transition: transform 0.3s ease-in-out;
}

.navbar__logo--small {
  transform: scale(0.9) translateX(10%) translateY(-10%);
}

.navbar__logo a {
  display: block;
  width: 6.25vw;
}

.navbar__logo a img {
  display: block;
  width: 11rem;
}

.navbar__menu {
  display: flex;
  justify-content: flex-start;
  position: absolute;
  width: 100%;
  top: 0;
  z-index: 0;
  padding-right: 20%;
  box-sizing: border-box;
}

.navbar__menu .items-wrapper,
.navbar__menu .items-wrapper-in {
  position: absolute;
  justify-content: space-between;
  width: 40vw;
  display: flex;
}

.navbar__menu__items {
  display: flex;
  justify-content: flex-start;
  padding-top: 1.875vw;
  z-index: 0;
}

.navbar__menu__items__item {
  z-index: 1;
  cursor: pointer;
  display: flex;
  justify-content: center;
  position: relative;
  flex: 1;
}

.navbar__menu__items__item:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-radius: 50%;
  top: 0;
  transition: all 0.3s ease-in-out;
  z-index: -1;
  display: block;
}

.navbar__menu__items__item.offset-before:before {
  right: -0.78vw;
}

.navbar__menu__items__item--active {
  transition: all 0.3s ease-in-out;
}

.navbar__menu__items__item--active:before {
  background-image: linear-gradient(222deg, #ffcf41 0%, #ffc20e 100%);
  height: 6.77vw;
  width: 6.77vw;
  top: -3.4vw;
}

.navbar__menu__items__item--active:after:not(.navbar__left__search) {
  content: '';
  width: 2.08vw;
  max-width: 100%;
  height: 1px;
  border-bottom: 1px solid #171717;
  position: absolute;
  bottom: -2px;
  right: 0;
}

.navbar__left {
  position: absolute;
  left: 0;
  top: 0;
  width: 38vw;
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  height: 6.04vw;
  padding-top: 1.875vw;
  padding-left: 3.906vw;
  padding-right: 6.145vw;
  z-index: 2;
}

.navbar__left:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../assets/wave-under-user.svg");
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
}

.navbar__left__search {
  flex: 1;
  justify-content: flex-start;
  flex-flow: row nowrap;
}

.navbar__left__search__icon {
  margin-left: 0.52vw;
  display: inline;
}

.navbar__left__search__icon--close {
  display: none;
}

.navbar__left__login {
  height: 1.198vw;
  display: flex;
  flex: 1;
  flex-flow: row nowrap;
  justify-content: flex-end;
  align-items: center;
}

.navbar__left__login a {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  align-items: center;
}

.navbar__left__login__icon {
  margin-left: 0.46875vw;
  width: 1.198vw;
}

.navbar__left__login__text {
  margin-left: 0.52vw;
}

.navbar__left__login__arrow {
  height: 0.573vw;
}

.navbar__left__check-us {
  position: absolute;
  left: 40%;
  top: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  visibility: hidden;
  animation: bounce-infinite 1s infinite alternate;
  transition: all 0.3s ease-out;
}

.navbar__left__check-us:hover:before {
  background-color: rgba(255, 255, 255, 0.5);
}

.navbar__left__check-us__text {
  visibility: hidden;
  opacity: 0;
  z-index: 1;
  font-size: 1.6rem;
  text-align: center;
  line-height: 1.6rem;
  white-space: normal;
}

.navbar__left__check-us a {
  max-width: 80%;
  z-index: 1;
  text-align: center;
}

.navbar__left__check-us:before {
  content: '';
  visibility: hidden;
  position: absolute;
  width: 0;
  height: 0;
  border-radius: 50%;
  border: 1px solid #000000;
  z-index: 0;
  top: 50%;
  left: 50%;
  display: block;
  transform: translateX(-50%) translateY(-50%);
}

.navbar__left__check-us:after {
  content: '';
  visibility: hidden;
  position: absolute;
  width: 0;
  height: 0;
  border-radius: 50%;
  border: 2px solid #ffffff;
  background-color: #ffc40c;
  z-index: 0;
  top: 50%;
  left: 50%;
  display: block;
  transform: translateX(-50%) translateY(-50%);
}

.navbar__left__check-us--active {
  visibility: visible;
}

.navbar__left__check-us--active .navbar__left__check-us__text {
  visibility: visible;
  opacity: 1;
}

.navbar__left__check-us--active:before {
  visibility: visible;
  width: 6.14vw;
  height: 6.14vw;
}

.navbar__left__check-us--active:after {
  visibility: visible;
  width: 5.1vw;
  height: 5.1vw;
}

.actions {
  display: flex;
  align-items: center;
  color: #171717;
  position: relative;
  padding-left: 2.6vw;
}

.actions--circles .actions__action {
  width: 7.5vw;
  height: 7.5vw;
  background-color: #ffffff;
  margin-right: 1.5vw;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  position: relative;
  flex-flow: column nowrap;
  text-align: center;
}

.actions--circles .actions__action:before {
  position: absolute;
  box-shadow: 0 0 1.04vw rgba(0, 0, 0, 0.2);
  content: '';
  background-color: #fff;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  transition: transform 0.3s ease-in-out;
}

.actions--circles .actions__action:hover:before {
  transform: scale(1.1);
}

.actions--circles .actions__action__content {
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 50%;
}

.actions--circles .actions__action__content img {
  max-width: 2.76vw;
  margin-top: 0.9vw;
}

.actions--circles .actions__action__content__text {
  position: relative;
  text-align: center;
  font-size: 2.2rem;
  line-height: 2.2rem;
  font-weight: 500;
}

.actions--rectangles .actions__action {
  padding: 0 0.833vw;
  height: 3.38vw;
  background-color: #ffffff;
  margin-right: 3.125vw;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 1.0416vw rgba(0, 0, 0, 0.2);
  transition: transform 0.3s ease-out;
}

.actions--rectangles .actions__action:before {
  content: '';
  background-color: #fff;
  width: 100%;
  height: 100%;
  transition: all 0.3s ease-in-out;
  position: absolute;
}

.actions--rectangles .actions__action:hover .actions--rectangles .actions__action:before {
  transform: scale(1.05);
}

.actions--rectangles .actions__action__content {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 5rem;
  font-weight: 300;
  position: relative;
}

.line {
  height: 1px;
  border-top: 1px solid #000000;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: relative;
  margin-left: 1.56vw;
}

.dot-line:after {
  content: '';
  display: block;
  width: 0.46875vw;
  height: 0.46875vw;
  min-width: 9px;
  min-height: 9px;
  border-radius: 50%;
  background-color: #000000;
  margin-top: -2px;
}

.clickable:before {
  content: '';
  background-color: #fff;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  transition: all 0.3s ease-in-out;
  position: absolute;
}

.clickable:hover .clickable:before {
  transform: scale(1.05);
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ CSS styles go here */
  .navbar .wave-bottom {
    -webkit-mask-image: none;
    mask-image: none;
    background-image: url("../assets/navbar-wave-bg.svg");
    background-repeat: no-repeat;
    background-size: auto 100%;
    box-shadow: none;
  }
  .navbar__menu__items__item:before {
    right: 50%;
    transform: translateX(50%);
  }
}

@supports (-ms-accelerator: true) or (-ms-ime-align: auto) {
  .navbar .wave-bottom {
    -webkit-mask-image: none;
    mask-image: none;
    background-image: url("../assets/navbar-wave-bg.svg");
    background-repeat: no-repeat;
    background-size: auto 100%;
    box-shadow: none;
  }
  .navbar__menu__items__item:before {
    right: 50%;
    transform: translateX(50%);
  }
}

@media only screen and (max-width: 960px) {
  .navbar {
    font-size: 4rem;
    line-height: 3rem;
    font-weight: 500;
    width: 100vw;
    height: 100%;
    flex-flow: column nowrap;
    transition: transform 0.3s ease-out;
    height: 0;
  }
  .navbar__logo {
    padding: 0;
    height: 11rem;
    width: 32rem;
    z-index: 4;
    display: flex;
    flex-flow: row-reverse;
    align-items: flex-start;
    justify-content: flex-end;
    background-image: url(../assets/m-top-logo-bg.svg);
    margin: 0 !important;
    background-size: cover;
  }
  .navbar__logo a {
    display: block;
    width: 24vw;
  }
  .navbar__logo a img {
    height: 1.8rem;
    margin-top: 2.5rem;
    width: 8.5rem;
  }
  .navbar .wave-bottom {
    -webkit-mask-image: none;
    mask-image: none;
    border-bottom-left-radius: 100%;
    border-top-left-radius: 100%;
    background-image: linear-gradient(222deg, #ffcf41 0%, #ffc20e 100%);
    width: 416vw;
    height: 416vw;
    left: -5%;
    right: initial;
    transition: transform 0.3s ease-in-out;
    border-radius: 50%;
    opacity: 1;
    z-index: 2;
  }
  .navbar--small {
    transform: none;
  }
  .navbar .wave-bottom-white {
    position: absolute;
    background-color: white;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: 100%;
    width: 416vw;
    height: 416vw;
    right: 0;
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.2);
    opacity: 1;
    transition: transform 0.3s ease-in-out;
    transform: translateX(100%);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    z-index: 3;
    transition: all 0.3s ease-out;
  }
  .navbar .items-wrapper {
    height: 100%;
    width: 100%;
    transition: all 0.3s ease-out;
    display: flex;
    flex-flow: column nowrap;
    align-items: flex-start;
    justify-content: center;
    right: -110%;
  }
  .navbar .items-wrapper-in {
    width: 78%;
    padding-right: 27vw;
    display: flex;
    flex-flow: column nowrap;
    align-items: flex-start;
    justify-content: space-evenly;
    z-index: 2;
    height: 55%;
  }
  .navbar__menu {
    flex-flow: column nowrap;
    justify-content: center;
    position: absolute;
    padding-right: 0;
    height: 100%;
  }
  .navbar__menu__items {
    flex-flow: column nowrap;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    padding-top: 0;
    padding-right: 5vw;
  }
  .navbar__menu__items.swiper-wrapper {
    justify-content: flex-start;
    padding: 0;
  }
  .navbar__menu__items li {
    transition: transform 0.3s ease-in-out;
    transform: translate3d(0, 0, 0);
  }
  .navbar__menu__items__item {
    cursor: pointer;
    display: flex;
    justify-content: center;
    position: relative;
    margin-left: 3.645vw;
    flex: 1;
    font-size: 2.5rem;
    font-weight: 500;
    height: 5rem;
    line-height: 5rem;
  }
  .navbar__menu__items__item:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    z-index: -1;
    transition: transform 0.3s ease-in-out;
    z-index: -1;
  }
  .navbar__menu__items__item--active {
    transition: transform 0.3s ease-in-out;
  }
  .navbar__menu__items__item--active:before {
    background-image: linear-gradient(222deg, #ffcf41 0%, #ffc20e 100%);
    height: 6.77vw;
    width: 6.77vw;
    border-radius: 100%;
    top: -3.4vw;
  }
  .navbar__menu__items__item--active:after:not(.navbar__left__search) {
    content: '';
    width: 2.08vw;
    max-width: 100%;
    height: 1px;
    border-bottom: 1px solid #171717;
    position: absolute;
    bottom: -2px;
    right: 0;
  }
  .navbar__left {
    width: 70%;
    top: initial;
    bottom: 0;
    right: 25vw;
    flex-flow: column nowrap;
    justify-content: flex-end;
    height: unset;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    z-index: 2;
  }
  .navbar__left:after {
    content: none;
  }
  .navbar__left__search {
    display: none;
    justify-content: center;
    align-items: center;
    height: 13.88vw;
    width: 13.88vw;
    border-radius: 50%;
    background-color: #ffffff;
    box-shadow: 0 0 5.55vw 0 rgba(0, 0, 0, 0.19);
    margin-bottom: 15vw;
  }
  .navbar__left__search__icon {
    margin-left: 0;
    height: 5.55vw;
    display: block;
  }
  .navbar__left__login {
    height: initial;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 1rem !important;
  }
  .navbar__left__login:after {
    z-index: -1;
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    right: -17px;
    padding: 4.5vw 3.2vw 0px 0;
    height: 28.5vw;
    width: 81vw;
    background-image: url(../assets/wave-under-logo-bg.svg);
    background-size: cover;
    background-repeat: no-repeat;
    transform: rotateX(180deg);
  }
  .navbar__left__login a {
    width: initial;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .navbar__left__login__icon {
    margin-left: 2.27vw;
    margin-right: 4.27vw;
    width: 5.55vw;
    display: block;
  }
  .navbar__left__login__text {
    font-size: 1.6rem;
    margin-left: 2.27vw;
  }
  .navbar__left__login__arrow {
    height: 100%;
  }
}

.search-bar {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  width: 100%;
  height: 26.6vw;
  position: absolute;
  z-index: -1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.search-bar:before {
  content: '';
  width: 39.5%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  z-index: -2;
  background-image: url("../assets/Pattern.svg");
  background-repeat: repeat;
  background-color: white;
  -webkit-mask-image: url("../assets/search-bar-mask.svg");
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("../assets/search-bar-mask.svg");
  mask-size: cover;
  mask-repeat: no-repeat;
}

.search-bar:after {
  content: '';
  width: 45%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  z-index: -1;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, #ffffff 100%);
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-mask-image: url("../assets/search-bar-mask.svg");
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("../assets/search-bar-mask.svg");
  mask-size: cover;
  mask-repeat: no-repeat;
}

.search-bar__mid-ground {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  z-index: -3;
  background-color: white;
  -webkit-mask-image: url("../assets/search-bar-mask.svg");
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("../assets/search-bar-mask.svg");
  mask-size: contain;
  mask-repeat: no-repeat;
}

.search-bar__bg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: -4;
}

.search-bar__shadow {
  width: 100%;
  height: 110%;
  top: 0;
  left: 0;
  position: absolute;
  z-index: -3;
  background-image: url("../assets/search-bar-bg.svg");
  background-size: cover;
  background-repeat: no-repeat;
}

.search-bar__content {
  position: absolute;
  top: 10.15vw;
  width: 60%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  align-items: flex-start;
}

.search-bar__content__field {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 5rem;
  line-height: 5rem;
  align-items: flex-end;
}

.search-bar__content__field__title {
  font-size: 5rem;
  font-weight: 600;
  color: #171717;
  height: 5rem;
  line-height: 5rem;
}

.search-bar__content__field__input {
  height: 100%;
}

.search-bar__content__field__input input {
  font-size: 5rem;
  height: 100%;
}

.search-bar__content__field__button {
  width: 20%;
}

.search-bar .quick-actions__row__actions {
  position: absolute;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-self: center;
}

.search-bar .quick-actions__row__actions__action {
  box-sizing: border-box;
}

.search-bar .quick-actions__row__actions__action__content.actions__action {
  height: 13rem;
  width: 13rem;
  padding: 3.5rem;
}

.search-bar .quick-actions__row__actions__action__content.actions__action::before {
  z-index: -1;
}

.search-bar .quick-actions__row__actions__action:first-child .actions__action {
  margin-right: 0;
}

.search-bar .quick-actions__row__actions__action .action-icon {
  width: 8rem;
}

.search-bar .quick-actions__row__actions__action__offer {
  background-color: #ffcf41;
}

.search-bar .quick-actions__row__actions__action__offer .quick-actions__row__actions__action__content__text {
  margin-top: 0;
}

.search-bar .quick-actions__row__actions__action:nth-child(1) {
  transform: translateY(0);
}

.search-bar .quick-actions__row__actions__action:nth-child(2) {
  transform: translateY(2vw);
}

.search-bar .quick-actions__row__actions__action:nth-child(3) {
  transform: translateY(4vw);
}

.search-bar .quick-actions__row__actions__action:nth-child(4) {
  transform: translateY(5vw);
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .search-bar:before {
    content: none;
    -webkit-mask-image: none;
    mask-image: none;
  }
  .search-bar:after {
    content: none;
    -webkit-mask-image: none;
    mask-image: none;
  }
  .search-bar__mid-ground {
    background-color: transparent;
    background-image: url("../assets/flat/search-bar-mask.png");
    background-size: cover;
    background-repeat: no-repeat;
  }
}

@supports (-ms-accelerator: true) or (-ms-ime-align: auto) {
  .search-bar:before {
    content: none;
    -webkit-mask-image: none;
    mask-image: none;
  }
  .search-bar:after {
    content: none;
    -webkit-mask-image: none;
    mask-image: none;
  }
  .search-bar__mid-ground {
    background-color: transparent;
    background-image: url("../assets/flat/search-bar-mask.png");
    background-size: cover;
    background-repeat: no-repeat;
  }
}

.mega-menu {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  width: 100%;
  height: 42vw;
  position: absolute;
  z-index: -1;
  -webkit-mask-image: url("../assets/wave-bottom.svg");
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  background-color: transparent;
  background-image: url("../assets/wave-under-mega-menu.svg");
  background-size: cover;
}

.mega-menu__actions {
  display: none;
  align-items: center;
  justify-content: flex-start;
  height: 22vw;
}

.mega-menu__actions--active {
  display: flex;
}

.mega-menu__actions__title {
  color: #171717;
  font-size: 5rem;
  font-weight: 600;
  line-height: 5rem;
  margin: 0 3.55vw 0 5.104vw;
}

.mega-menu__actions__line {
  position: absolute;
  width: 2.92vw;
}

.mega-menu__actions__dot-line {
  position: absolute;
  width: 0;
  opacity: 0;
  top: 50%;
  z-index: -1;
  right: -4.21875vw;
  transition: all 1.2s ease-out;
}

.mega-menu .actions__action__content__with-icon {
  justify-content: flex-start;
}

.mega-menu .actions__action__content__with-icon__text {
  font-size: 2.2rem;
}

.mega-menu .actions__action__content__with-icon img {
  max-width: 4.3vw;
}

.animate-line {
  width: calc(100% + 4.21875vw);
  opacity: 1;
}

.mobile-mega-menu {
  display: none;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ CSS styles go here */
  .mega-menu {
    -webkit-mask-image: none;
    mask-image: none;
    background-color: transparent;
    background-image: url("../assets/flat/wave-under-mega-menu.png");
    background-size: cover;
  }
}

@supports (-ms-accelerator: true) or (-ms-ime-align: auto) {
  .mega-menu {
    -webkit-mask-image: none;
    mask-image: none;
    background-color: transparent;
    background-image: url("../assets/flat/wave-under-mega-menu.png");
    background-size: cover;
  }
}

@media only screen and (max-width: 960px) {
  .mega-menu {
    display: none;
  }
  .mobile-mega-menu {
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    flex-flow: column nowrap;
    align-items: flex-end;
    justify-content: center;
    box-sizing: border-box;
    right: 0;
    z-index: 20;
    border-bottom-left-radius: 50%;
    border-top-left-radius: 50%;
    background: white;
  }
  .mobile-mega-menu__actions {
    width: 64vw;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 0;
    position: absolute;
    right: 82%;
    text-align: center;
    line-height: 3rem;
    height: 120vw;
    margin-top: 10vw;
  }
  .mobile-mega-menu__actions__title {
    font-size: 3rem;
    font-weight: 600;
    margin: 10vw 0;
    text-align: right;
    display: flex;
    align-items: center;
  }
  .mobile-mega-menu__actions__action.swiper-slide {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  .mobile-mega-menu__actions__action a {
    font-size: 2.5rem;
    font-weight: 500;
  }
  .mobile-mega-menu__actions__action__content {
    display: flex;
    align-items: center;
    font-size: 3rem;
    white-space: nowrap;
    font-size: 0.55rem;
  }
  .mobile-mega-menu__actions__action__content img {
    width: 15.5vw;
    margin-left: 5vw;
    height: 15vw;
  }
  .mobile-mega-menu__actions__back-button {
    height: 100%;
    width: 7.5vw;
    transform: rotate(-90deg);
    margin-left: 6px;
  }
  .mobile-mega-menu__actions .swiper {
    height: 120vw;
  }
}

.hamburger {
  padding: 0;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  height: 5rem;
  overflow: visible;
  position: relative;
  z-index: 10;
  margin: 1rem 1rem 0 0;
}

.hamburger:after {
  content: none;
}

.hamburger-box {
  width: 2.4rem;
  height: 1.9rem;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
  width: 2.4rem;
  height: 2px;
  background-color: #000;
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}

.hamburger-inner::before,
.hamburger-inner::after {
  content: "";
  display: block;
}

.hamburger--slider .hamburger-inner::before {
  top: 0.8rem;
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: 0.15s;
}

.hamburger--slider .hamburger-inner::after {
  top: 1.6rem;
}

.hamburger--slider.is-active .hamburger-inner {
  transform: translate3d(0, 9px, 0) rotate(45deg);
}

.hamburger--slider.is-active .hamburger-inner::before {
  transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
  opacity: 0;
}

.hamburger--slider.is-active .hamburger-inner::after {
  transform: translate3d(0, -1.55rem, 0) rotate(-90deg);
}

.hamburger {
  display: none;
}

/*************** strips positioning ****************/
.orange-strip {
  margin-top: -13vw;
}

.orange-strip + .fg-strip, .orange-strip + .mg-strip {
  padding-top: 3.385vw;
}

.orange-strip + .contact-us {
  margin-top: 0;
}

.orange-strip + .offer {
  margin-top: -11vw;
}

.orange-strip + .quick-actions-with-bg {
  margin-top: -11vw;
}

.orange-strip + .why-libra {
  padding-top: 4.16vw;
}

.orange-strip + .calc {
  height: 55.4vw;
  margin-top: -11vw;
}

.orange-strip + .calc .calc-widget {
  top: 16.88vw;
}

.orange-strip + .contact-options {
  margin-top: -11vw;
}

.small-pics-strip + .why-libra {
  margin-top: 10vw;
  padding-top: 3vw;
}

.small-pics-strip + .small-pics-strip {
  margin-top: -3vw;
}

.small-pics-strip + .small-pics-strip:before {
  content: none;
}

.general-header + .why-libra {
  padding-top: 3vw;
}

.carousel-strip + .offer {
  margin-top: -5vw;
}

.calc + .why-libra {
  padding-top: 3vw;
  margin-top: -8vw;
}

.calc + .orange-strip {
  margin-top: -17vw;
}

.cards-strip + .orange-strip {
  margin-top: -7vw;
}

.single-form-search:after {
  height: 9.94vw;
  bottom: -9.74vw;
}

.why-libra + .orange-strip {
  margin-top: unset;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ CSS styles go here */
  .orange-strip-mask {
    background-image: url("../assets/flat/quick-actions_mask.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-color: transparent;
  }
  .orange-strip-mask:before {
    content: none;
  }
  .basic-contact-form .strip-content,
  .orange-strip-with-form .strip-content {
    width: 48.85vw;
  }
  .basic-contact-form .strip-content form,
  .orange-strip-with-form .strip-content form {
    width: 100%;
  }
  .three-cards-strip .three-cards-main-title {
    height: 1.2rem;
  }
  .carousel-strip .strip-mask {
    background-repeat: no-repeat;
    background-image: url("../assets/flat/menu_mask.png");
    background-position-y: 0;
    background-position-x: 100%;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .carousel-strip .strip-mask .bg-img {
    background-image: none;
  }
  .carousel-strip .strip-mask .bg-img:before {
    background-position-y: 0.1vw;
    background-position-x: 100%;
    background-image: url("../assets/3.png");
    background-size: contain;
    height: 100%;
    left: -0.26vw;
  }
  .missing-page {
    margin-top: 20vh;
    background-image: url("../assets/flat/404.png");
    background-size: cover;
  }
  .missing-page .title {
    -webkit-text-stroke: 3px #ffffff;
    line-height: 7rem;
  }
  .missing-page p {
    margin-top: -5vw;
  }
  .missing-page .missing-page-bg {
    display: none;
  }
  .missing-page .road {
    bottom: 0;
  }
}

@supports (-ms-accelerator: true) or (-ms-ime-align: auto) {
  /* Edge CSS styles go here */
  .orange-strip-mask {
    background-image: url("../assets/flat/quick-actions_mask.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-color: transparent;
  }
  .orange-strip-mask:before {
    content: none;
  }
  .carousel-strip .strip-mask {
    background-repeat: no-repeat;
    background-image: url("../assets/flat/menu_mask.png");
    background-position-y: 0;
    background-position-x: 100%;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .carousel-strip .strip-mask .bg-img {
    background-image: none;
  }
  .carousel-strip .strip-mask .bg-img:before {
    background-position-y: 0.1vw;
    background-position-x: 100%;
    background-image: url("../assets/3.png");
    background-size: contain;
    height: 100%;
    left: -0.26vw;
  }
  .missing-page {
    margin-top: 20vh;
    background-image: url("../assets/flat/404.png");
    background-size: cover;
  }
  .missing-page .title {
    -webkit-text-stroke: 3px #ffffff;
    line-height: 30rem;
  }
  .missing-page p {
    margin-top: -1.5vw;
  }
  .missing-page .missing-page-bg {
    display: none;
  }
  .missing-page .road {
    bottom: 0;
  }
}

.navbar-logo {
  position: fixed;
  top: 0;
  right: 0;
  font-size: 3rem;
  padding-top: 1.87vw;
  padding-right: 3.91vw;
  z-index: 10;
  height: 10.57vw;
  width: 27.03vw;
  background-image: url(/assets/wave-under-logo-bg.svg);
  background-repeat: no-repeat;
  background-size: auto 100%;
  box-sizing: border-box;
}

.navbar-logo a {
  display: block;
  width: 6.25vw;
}

#main-menu {
  position: fixed;
  font-size: 0.4rem;
  line-height: 0.46rem;
  color: #171717;
  font-weight: 500;
  width: 60vw;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  top: 0;
  right: 20vw;
  z-index: 20;
  height: 3vw;
}

#main-menu nav {
  display: block;
  width: 100%;
  position: absolute;
  top: 0;
  z-index: 0;
  box-sizing: border-box;
}

#main-menu nav ul {
  display: flex;
  width: 100%;
  justify-content: flex-start;
  padding-top: 1.875vw;
  z-index: 0;
}

#main-menu nav ul li {
  margin: 0 2vw;
  cursor: pointer;
}

#main-menu nav ul li a.active:before {
  background-image: linear-gradient(222deg, #ffcf41 0%, #ffc20e 100%);
  height: 6.77vw;
  width: 6.77vw;
  top: -3vw;
  right: -0.2vw;
}

#main-menu nav ul li a:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-radius: 50%;
  right: 0;
  transition: all 0.3s ease-in-out;
  z-index: -1;
  display: block;
}

#main-menu nav ul li.search {
  position: absolute;
  left: 0;
  margin-left: 7vw;
}

#main-menu nav ul li.products-lobby {
  margin-right: 0;
}

#main-menu nav ul li ul {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  width: 100%;
  height: 32.58vw;
  position: absolute;
  z-index: -1;
  -webkit-mask-image: url(/assets/wave-bottom.svg);
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  mask-image: url(/assets/wave-bottom.svg);
  mask-size: cover;
  mask-repeat: no-repeat;
  background-color: transparent;
  background-image: url(/assets/wave-under-mega-menu.svg);
  background-size: cover;
}

.customer-login {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10;
  font-size: 0.4rem;
  color: #171717;
  font-weight: 500;
  width: 38vw;
  height: 6.04vw;
}

.customer-login::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(/assets/wave-under-user.svg);
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
}

.customer-login a {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  align-items: center;
  height: 1.198vw;
  width: 10vw;
  position: absolute;
  top: 1.5vw;
  left: 3vw;
}

.customer-login a img {
  margin-left: 0.46875vw;
  width: 1.198vw;
}

.customer-login a span img {
  height: 0.573vw;
}

.contact-us-popup .material,
.search-bar__content .material,
.basic-contact-form .material,
.orange-strip-with-form .material,
.two-forms-strip.single-form-search .material,
.form-strip-with-bg .material,
.contact-us .material,
.search-again .material {
  /* Select */
}

.contact-us-popup .material .material-input,
.search-bar__content .material .material-input,
.basic-contact-form .material .material-input,
.orange-strip-with-form .material .material-input,
.two-forms-strip.single-form-search .material .material-input,
.form-strip-with-bg .material .material-input,
.contact-us .material .material-input,
.search-again .material .material-input {
  background: none;
  text-align: right;
  padding-top: 1.8rem;
  margin-bottom: 2rem;
  width: 100%;
  color: #171717;
}

.contact-us-popup .material .material-input input,
.contact-us-popup .material .material-input textarea,
.search-bar__content .material .material-input input,
.search-bar__content .material .material-input textarea,
.basic-contact-form .material .material-input input,
.basic-contact-form .material .material-input textarea,
.orange-strip-with-form .material .material-input input,
.orange-strip-with-form .material .material-input textarea,
.two-forms-strip.single-form-search .material .material-input input,
.two-forms-strip.single-form-search .material .material-input textarea,
.form-strip-with-bg .material .material-input input,
.form-strip-with-bg .material .material-input textarea,
.contact-us .material .material-input input,
.contact-us .material .material-input textarea,
.search-again .material .material-input input,
.search-again .material .material-input textarea {
  font-size: 2rem;
  width: 100%;
  border: 0;
  border-bottom: 1px solid rgba(23, 23, 23, 0.5);
  outline: none;
  background: 0;
  float: left;
  color: #171717;
}

.contact-us-popup .material .material-input input,
.search-bar__content .material .material-input input,
.basic-contact-form .material .material-input input,
.orange-strip-with-form .material .material-input input,
.two-forms-strip.single-form-search .material .material-input input,
.form-strip-with-bg .material .material-input input,
.contact-us .material .material-input input,
.search-again .material .material-input input {
  position: relative;
  padding-top: 0rem;
  background: none;
}

.contact-us-popup .material .material-input label,
.search-bar__content .material .material-input label,
.basic-contact-form .material .material-input label,
.orange-strip-with-form .material .material-input label,
.two-forms-strip.single-form-search .material .material-input label,
.form-strip-with-bg .material .material-input label,
.contact-us .material .material-input label,
.search-again .material .material-input label {
  color: #171717;
  font-size: 2rem;
  line-height: 1.8rem;
  font-weight: 400;
  position: absolute;
  right: 0;
  top: 3rem;
  opacity: 0.5;
}

.contact-us-popup .material .material-input label .error,
.search-bar__content .material .material-input label .error,
.basic-contact-form .material .material-input label .error,
.orange-strip-with-form .material .material-input label .error,
.two-forms-strip.single-form-search .material .material-input label .error,
.form-strip-with-bg .material .material-input label .error,
.contact-us .material .material-input label .error,
.search-again .material .material-input label .error {
  color: white;
  font-size: 1.2rem;
  line-height: 1.2rem;
  font-weight: 600;
  position: absolute;
  top: 5.1rem;
  opacity: 1;
  background-color: red;
  padding: 0.2rem;
  text-align: right;
}

.contact-us-popup .material .material-input :focus ~ label,
.contact-us-popup .material .material-input .filled ~ label,
.search-bar__content .material .material-input :focus ~ label,
.search-bar__content .material .material-input .filled ~ label,
.basic-contact-form .material .material-input :focus ~ label,
.basic-contact-form .material .material-input .filled ~ label,
.orange-strip-with-form .material .material-input :focus ~ label,
.orange-strip-with-form .material .material-input .filled ~ label,
.two-forms-strip.single-form-search .material .material-input :focus ~ label,
.two-forms-strip.single-form-search .material .material-input .filled ~ label,
.form-strip-with-bg .material .material-input :focus ~ label,
.form-strip-with-bg .material .material-input .filled ~ label,
.contact-us .material .material-input :focus ~ label,
.contact-us .material .material-input .filled ~ label,
.search-again .material .material-input :focus ~ label,
.search-again .material .material-input .filled ~ label {
  color: #171717;
  font-size: 1.4rem;
  font-weight: 600;
  top: 0;
  line-height: 1.4rem;
  opacity: 1;
}

.contact-us-popup .material .material-input .error:focus ~ label,
.contact-us-popup .material .material-input .error:not(.filled) ~ label,
.search-bar__content .material .material-input .error:focus ~ label,
.search-bar__content .material .material-input .error:not(.filled) ~ label,
.basic-contact-form .material .material-input .error:focus ~ label,
.basic-contact-form .material .material-input .error:not(.filled) ~ label,
.orange-strip-with-form .material .material-input .error:focus ~ label,
.orange-strip-with-form .material .material-input .error:not(.filled) ~ label,
.two-forms-strip.single-form-search .material .material-input .error:focus ~ label,
.two-forms-strip.single-form-search .material .material-input .error:not(.filled) ~ label,
.form-strip-with-bg .material .material-input .error:focus ~ label,
.form-strip-with-bg .material .material-input .error:not(.filled) ~ label,
.contact-us .material .material-input .error:focus ~ label,
.contact-us .material .material-input .error:not(.filled) ~ label,
.search-again .material .material-input .error:focus ~ label,
.search-again .material .material-input .error:not(.filled) ~ label {
  color: red;
  font-size: 1.4rem;
  font-weight: 600;
  top: 0;
  line-height: 2rem;
  opacity: 1;
}

.contact-us-popup .material .material-input :focus ~ .material-bar:before,
.contact-us-popup .material .material-input :focus ~ .material-bar:after,
.contact-us-popup .material .material-input .error ~ .material-bar:before,
.contact-us-popup .material .material-input .error ~ .material-bar:after,
.search-bar__content .material .material-input :focus ~ .material-bar:before,
.search-bar__content .material .material-input :focus ~ .material-bar:after,
.search-bar__content .material .material-input .error ~ .material-bar:before,
.search-bar__content .material .material-input .error ~ .material-bar:after,
.basic-contact-form .material .material-input :focus ~ .material-bar:before,
.basic-contact-form .material .material-input :focus ~ .material-bar:after,
.basic-contact-form .material .material-input .error ~ .material-bar:before,
.basic-contact-form .material .material-input .error ~ .material-bar:after,
.orange-strip-with-form .material .material-input :focus ~ .material-bar:before,
.orange-strip-with-form .material .material-input :focus ~ .material-bar:after,
.orange-strip-with-form .material .material-input .error ~ .material-bar:before,
.orange-strip-with-form .material .material-input .error ~ .material-bar:after,
.two-forms-strip.single-form-search .material .material-input :focus ~ .material-bar:before,
.two-forms-strip.single-form-search .material .material-input :focus ~ .material-bar:after,
.two-forms-strip.single-form-search .material .material-input .error ~ .material-bar:before,
.two-forms-strip.single-form-search .material .material-input .error ~ .material-bar:after,
.form-strip-with-bg .material .material-input :focus ~ .material-bar:before,
.form-strip-with-bg .material .material-input :focus ~ .material-bar:after,
.form-strip-with-bg .material .material-input .error ~ .material-bar:before,
.form-strip-with-bg .material .material-input .error ~ .material-bar:after,
.contact-us .material .material-input :focus ~ .material-bar:before,
.contact-us .material .material-input :focus ~ .material-bar:after,
.contact-us .material .material-input .error ~ .material-bar:before,
.contact-us .material .material-input .error ~ .material-bar:after,
.search-again .material .material-input :focus ~ .material-bar:before,
.search-again .material .material-input :focus ~ .material-bar:after,
.search-again .material .material-input .error ~ .material-bar:before,
.search-again .material .material-input .error ~ .material-bar:after {
  width: 50%;
  transition: 0.2s ease-in-out width;
}

.contact-us-popup .material .material-checkbox,
.contact-us-popup .material .material-radio,
.search-bar__content .material .material-checkbox,
.search-bar__content .material .material-radio,
.basic-contact-form .material .material-checkbox,
.basic-contact-form .material .material-radio,
.orange-strip-with-form .material .material-checkbox,
.orange-strip-with-form .material .material-radio,
.two-forms-strip.single-form-search .material .material-checkbox,
.two-forms-strip.single-form-search .material .material-radio,
.form-strip-with-bg .material .material-checkbox,
.form-strip-with-bg .material .material-radio,
.contact-us .material .material-checkbox,
.contact-us .material .material-radio,
.search-again .material .material-checkbox,
.search-again .material .material-radio {
  width: 2.5rem;
  height: 2.5rem;
  background: #fff;
  border: 0;
}

.contact-us-popup .material .material-checkbox:before,
.contact-us-popup .material .material-radio:before,
.search-bar__content .material .material-checkbox:before,
.search-bar__content .material .material-radio:before,
.basic-contact-form .material .material-checkbox:before,
.basic-contact-form .material .material-radio:before,
.orange-strip-with-form .material .material-checkbox:before,
.orange-strip-with-form .material .material-radio:before,
.two-forms-strip.single-form-search .material .material-checkbox:before,
.two-forms-strip.single-form-search .material .material-radio:before,
.form-strip-with-bg .material .material-checkbox:before,
.form-strip-with-bg .material .material-radio:before,
.contact-us .material .material-checkbox:before,
.contact-us .material .material-radio:before,
.search-again .material .material-checkbox:before,
.search-again .material .material-radio:before {
  line-height: 2.5rem;
  font-size: 2.2rem;
  text-align: center;
  padding-top: 0.3rem;
  color: #212529;
  background: #fff;
  transform: scale(0);
}

.contact-us-popup .material .material-bar,
.search-bar__content .material .material-bar,
.basic-contact-form .material .material-bar,
.orange-strip-with-form .material .material-bar,
.two-forms-strip.single-form-search .material .material-bar,
.form-strip-with-bg .material .material-bar,
.contact-us .material .material-bar,
.search-again .material .material-bar {
  width: 100% !important;
}

.contact-us-popup .material .material-bar:before, .contact-us-popup .material .material-bar:after,
.search-bar__content .material .material-bar:before,
.search-bar__content .material .material-bar:after,
.basic-contact-form .material .material-bar:before,
.basic-contact-form .material .material-bar:after,
.orange-strip-with-form .material .material-bar:before,
.orange-strip-with-form .material .material-bar:after,
.two-forms-strip.single-form-search .material .material-bar:before,
.two-forms-strip.single-form-search .material .material-bar:after,
.form-strip-with-bg .material .material-bar:before,
.form-strip-with-bg .material .material-bar:after,
.contact-us .material .material-bar:before,
.contact-us .material .material-bar:after,
.search-again .material .material-bar:before,
.search-again .material .material-bar:after {
  content: '';
  height: 1px;
  width: 0;
  bottom: 0;
  position: absolute;
  background: #171717;
}

.contact-us-popup .material .material-bar:before,
.search-bar__content .material .material-bar:before,
.basic-contact-form .material .material-bar:before,
.orange-strip-with-form .material .material-bar:before,
.two-forms-strip.single-form-search .material .material-bar:before,
.form-strip-with-bg .material .material-bar:before,
.contact-us .material .material-bar:before,
.search-again .material .material-bar:before {
  left: 50%;
}

.contact-us-popup .material .material-bar:after,
.search-bar__content .material .material-bar:after,
.basic-contact-form .material .material-bar:after,
.orange-strip-with-form .material .material-bar:after,
.two-forms-strip.single-form-search .material .material-bar:after,
.form-strip-with-bg .material .material-bar:after,
.contact-us .material .material-bar:after,
.search-again .material .material-bar:after {
  right: 50%;
}

.contact-us-popup .material .material-select,
.search-bar__content .material .material-select,
.basic-contact-form .material .material-select,
.orange-strip-with-form .material .material-select,
.two-forms-strip.single-form-search .material .material-select,
.form-strip-with-bg .material .material-select,
.contact-us .material .material-select,
.search-again .material .material-select {
  text-align: right;
  padding-top: 1.8rem;
  margin-bottom: 2rem;
  width: 100%;
  color: rgba(23, 23, 23, 0.5);
  font-weight: 400;
  border-bottom: 1px solid rgba(23, 23, 23, 0.5);
}

.contact-us-popup .material .material-select input,
.search-bar__content .material .material-select input,
.basic-contact-form .material .material-select input,
.orange-strip-with-form .material .material-select input,
.two-forms-strip.single-form-search .material .material-select input,
.form-strip-with-bg .material .material-select input,
.contact-us .material .material-select input,
.search-again .material .material-select input {
  display: none;
}

.contact-us-popup .material .material-select ul,
.search-bar__content .material .material-select ul,
.basic-contact-form .material .material-select ul,
.orange-strip-with-form .material .material-select ul,
.two-forms-strip.single-form-search .material .material-select ul,
.form-strip-with-bg .material .material-select ul,
.contact-us .material .material-select ul,
.search-again .material .material-select ul {
  box-shadow: 0 1rem 4rem rgba(23, 23, 23, 0.2);
}

.contact-us-popup .material .material-select > label,
.search-bar__content .material .material-select > label,
.basic-contact-form .material .material-select > label,
.orange-strip-with-form .material .material-select > label,
.two-forms-strip.single-form-search .material .material-select > label,
.form-strip-with-bg .material .material-select > label,
.contact-us .material .material-select > label,
.search-again .material .material-select > label {
  border-bottom: 0;
  padding: 0;
  position: relative;
  width: 100%;
  cursor: pointer;
  display: block;
  text-align: right;
  line-height: 3.2rem;
  height: 3.2rem;
  font-size: 2rem;
  font-weight: 400;
}

.contact-us-popup .material .material-select > .material-title,
.search-bar__content .material .material-select > .material-title,
.basic-contact-form .material .material-select > .material-title,
.orange-strip-with-form .material .material-select > .material-title,
.two-forms-strip.single-form-search .material .material-select > .material-title,
.form-strip-with-bg .material .material-select > .material-title,
.contact-us .material .material-select > .material-title,
.search-again .material .material-select > .material-title {
  position: absolute;
  line-height: 3.2rem;
  line-height: 1.4rem;
  top: 0;
  right: 0;
}

.contact-us-popup .material .material-select > input:checked + .material-title,
.contact-us-popup .material .material-select .material-select.filled > .material-title,
.search-bar__content .material .material-select > input:checked + .material-title,
.search-bar__content .material .material-select .material-select.filled > .material-title,
.basic-contact-form .material .material-select > input:checked + .material-title,
.basic-contact-form .material .material-select .material-select.filled > .material-title,
.orange-strip-with-form .material .material-select > input:checked + .material-title,
.orange-strip-with-form .material .material-select .material-select.filled > .material-title,
.two-forms-strip.single-form-search .material .material-select > input:checked + .material-title,
.two-forms-strip.single-form-search .material .material-select .material-select.filled > .material-title,
.form-strip-with-bg .material .material-select > input:checked + .material-title,
.form-strip-with-bg .material .material-select .material-select.filled > .material-title,
.contact-us .material .material-select > input:checked + .material-title,
.contact-us .material .material-select .material-select.filled > .material-title,
.search-again .material .material-select > input:checked + .material-title,
.search-again .material .material-select .material-select.filled > .material-title {
  color: #171717;
  font-size: 1.4rem;
  font-weight: 600;
  top: 0;
  line-height: 1.4rem;
  height: 1.4rem;
}

.contact-us-popup .material .material-select > input:checked > span,
.contact-us-popup .material .material-select .material-select.filled > span,
.search-bar__content .material .material-select > input:checked > span,
.search-bar__content .material .material-select .material-select.filled > span,
.basic-contact-form .material .material-select > input:checked > span,
.basic-contact-form .material .material-select .material-select.filled > span,
.orange-strip-with-form .material .material-select > input:checked > span,
.orange-strip-with-form .material .material-select .material-select.filled > span,
.two-forms-strip.single-form-search .material .material-select > input:checked > span,
.two-forms-strip.single-form-search .material .material-select .material-select.filled > span,
.form-strip-with-bg .material .material-select > input:checked > span,
.form-strip-with-bg .material .material-select .material-select.filled > span,
.contact-us .material .material-select > input:checked > span,
.contact-us .material .material-select .material-select.filled > span,
.search-again .material .material-select > input:checked > span,
.search-again .material .material-select .material-select.filled > span {
  opacity: 1;
}

.contact-us-popup .material .material-select > label strong,
.search-bar__content .material .material-select > label strong,
.basic-contact-form .material .material-select > label strong,
.orange-strip-with-form .material .material-select > label strong,
.two-forms-strip.single-form-search .material .material-select > label strong,
.form-strip-with-bg .material .material-select > label strong,
.contact-us .material .material-select > label strong,
.search-again .material .material-select > label strong {
  background-image: url("/assets/icons/small-arrow-dd.svg");
  background-size: 7rem;
  background-position: center;
  width: 1.5rem;
  height: 3.2rem;
  border: none;
  margin: 0;
  padding: 0;
  left: 0;
  right: unset;
  top: unset;
}

.contact-us-popup .material .material-select > input:checked ~ ul,
.search-bar__content .material .material-select > input:checked ~ ul,
.basic-contact-form .material .material-select > input:checked ~ ul,
.orange-strip-with-form .material .material-select > input:checked ~ ul,
.two-forms-strip.single-form-search .material .material-select > input:checked ~ ul,
.form-strip-with-bg .material .material-select > input:checked ~ ul,
.contact-us .material .material-select > input:checked ~ ul,
.search-again .material .material-select > input:checked ~ ul {
  visibility: visible;
  opacity: 1;
  top: 1.2rem;
  width: 104%;
  left: -0.5rem;
  font-size: 2rem;
  font-weight: 400;
}

.contact-us-popup .material .material-select ul,
.search-bar__content .material .material-select ul,
.basic-contact-form .material .material-select ul,
.orange-strip-with-form .material .material-select ul,
.two-forms-strip.single-form-search .material .material-select ul,
.form-strip-with-bg .material .material-select ul,
.contact-us .material .material-select ul,
.search-again .material .material-select ul {
  background: #fff;
  top: 0;
  left: 0;
  width: 100%;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  z-index: 2;
}

.contact-us-popup .material .material-select ul li input:checked + label,
.contact-us-popup .material .material-select ul li:hover input:checked + label,
.search-bar__content .material .material-select ul li input:checked + label,
.search-bar__content .material .material-select ul li:hover input:checked + label,
.basic-contact-form .material .material-select ul li input:checked + label,
.basic-contact-form .material .material-select ul li:hover input:checked + label,
.orange-strip-with-form .material .material-select ul li input:checked + label,
.orange-strip-with-form .material .material-select ul li:hover input:checked + label,
.two-forms-strip.single-form-search .material .material-select ul li input:checked + label,
.two-forms-strip.single-form-search .material .material-select ul li:hover input:checked + label,
.form-strip-with-bg .material .material-select ul li input:checked + label,
.form-strip-with-bg .material .material-select ul li:hover input:checked + label,
.contact-us .material .material-select ul li input:checked + label,
.contact-us .material .material-select ul li:hover input:checked + label,
.search-again .material .material-select ul li input:checked + label,
.search-again .material .material-select ul li:hover input:checked + label {
  font-weight: 400;
}

.contact-us-popup .material .material-select ul li label,
.search-bar__content .material .material-select ul li label,
.basic-contact-form .material .material-select ul li label,
.orange-strip-with-form .material .material-select ul li label,
.two-forms-strip.single-form-search .material .material-select ul li label,
.form-strip-with-bg .material .material-select ul li label,
.contact-us .material .material-select ul li label,
.search-again .material .material-select ul li label {
  display: block;
  cursor: pointer;
  padding: 0.8rem 1rem;
}

.contact-us-popup .material .material-select ul li label:hover,
.search-bar__content .material .material-select ul li label:hover,
.basic-contact-form .material .material-select ul li label:hover,
.orange-strip-with-form .material .material-select ul li label:hover,
.two-forms-strip.single-form-search .material .material-select ul li label:hover,
.form-strip-with-bg .material .material-select ul li label:hover,
.contact-us .material .material-select ul li label:hover,
.search-again .material .material-select ul li label:hover {
  background: #ebebeb;
}

.contact-us-popup .material .material-select > input:checked + .material-bar,
.search-bar__content .material .material-select > input:checked + .material-bar,
.basic-contact-form .material .material-select > input:checked + .material-bar,
.orange-strip-with-form .material .material-select > input:checked + .material-bar,
.two-forms-strip.single-form-search .material .material-select > input:checked + .material-bar,
.form-strip-with-bg .material .material-select > input:checked + .material-bar,
.contact-us .material .material-select > input:checked + .material-bar,
.search-again .material .material-select > input:checked + .material-bar {
  top: 22px;
}

.contact-us-popup .material .material-select .material-bar,
.search-bar__content .material .material-select .material-bar,
.basic-contact-form .material .material-select .material-bar,
.orange-strip-with-form .material .material-select .material-bar,
.two-forms-strip.single-form-search .material .material-select .material-bar,
.form-strip-with-bg .material .material-select .material-bar,
.contact-us .material .material-select .material-bar,
.search-again .material .material-select .material-bar {
  height: 2px;
  background: #171717;
  width: 0;
  bottom: auto;
  top: 56px;
}

.contact-us-popup .material .error ~ .material-bar:before,
.contact-us-popup .material .error ~ .material-bar:after,
.contact-us-popup .material .error ~ .material-bar:before,
.contact-us-popup .material .error ~ .material-bar:after,
.search-bar__content .material .error ~ .material-bar:before,
.search-bar__content .material .error ~ .material-bar:after,
.search-bar__content .material .error ~ .material-bar:before,
.search-bar__content .material .error ~ .material-bar:after,
.basic-contact-form .material .error ~ .material-bar:before,
.basic-contact-form .material .error ~ .material-bar:after,
.basic-contact-form .material .error ~ .material-bar:before,
.basic-contact-form .material .error ~ .material-bar:after,
.orange-strip-with-form .material .error ~ .material-bar:before,
.orange-strip-with-form .material .error ~ .material-bar:after,
.orange-strip-with-form .material .error ~ .material-bar:before,
.orange-strip-with-form .material .error ~ .material-bar:after,
.two-forms-strip.single-form-search .material .error ~ .material-bar:before,
.two-forms-strip.single-form-search .material .error ~ .material-bar:after,
.two-forms-strip.single-form-search .material .error ~ .material-bar:before,
.two-forms-strip.single-form-search .material .error ~ .material-bar:after,
.form-strip-with-bg .material .error ~ .material-bar:before,
.form-strip-with-bg .material .error ~ .material-bar:after,
.form-strip-with-bg .material .error ~ .material-bar:before,
.form-strip-with-bg .material .error ~ .material-bar:after,
.contact-us .material .error ~ .material-bar:before,
.contact-us .material .error ~ .material-bar:after,
.contact-us .material .error ~ .material-bar:before,
.contact-us .material .error ~ .material-bar:after,
.search-again .material .error ~ .material-bar:before,
.search-again .material .error ~ .material-bar:after,
.search-again .material .error ~ .material-bar:before,
.search-again .material .error ~ .material-bar:after {
  background: #ff0000;
  width: 50%;
}

.contact-us-popup .material .error:focus,
.contact-us-popup .material .error.filled,
.contact-us-popup .material .error:not(.filled) ~ label,
.search-bar__content .material .error:focus,
.search-bar__content .material .error.filled,
.search-bar__content .material .error:not(.filled) ~ label,
.basic-contact-form .material .error:focus,
.basic-contact-form .material .error.filled,
.basic-contact-form .material .error:not(.filled) ~ label,
.orange-strip-with-form .material .error:focus,
.orange-strip-with-form .material .error.filled,
.orange-strip-with-form .material .error:not(.filled) ~ label,
.two-forms-strip.single-form-search .material .error:focus,
.two-forms-strip.single-form-search .material .error.filled,
.two-forms-strip.single-form-search .material .error:not(.filled) ~ label,
.form-strip-with-bg .material .error:focus,
.form-strip-with-bg .material .error.filled,
.form-strip-with-bg .material .error:not(.filled) ~ label,
.contact-us .material .error:focus,
.contact-us .material .error.filled,
.contact-us .material .error:not(.filled) ~ label,
.search-again .material .error:focus,
.search-again .material .error.filled,
.search-again .material .error:not(.filled) ~ label {
  color: red;
}

.contact-us .material .material-input label {
  top: 2.5rem;
}

.form-strip-with-bg .material {
  width: 36vw;
}

.form-strip-with-bg .material .material-input input {
  height: 5.2rem;
  font-size: 3.2rem;
  line-height: 5.2rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.form-strip-with-bg .material .material-input input:focus {
  border: 0;
}

.form-strip-with-bg .material .material-input label {
  font-size: 3.2rem;
}

.search-bar__content .material .material-input label {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 5rem;
  line-height: 5rem;
  font-weight: 400;
  color: #313131;
  text-align: right;
}

.search-bar__content .material .material-input input, .search-bar__content .material .material-input.input {
  padding: 0;
  margin: 0;
  font: inherit;
  bottom: 0;
  right: 0;
  width: 30vw;
  height: 5rem;
  box-sizing: border-box;
  outline: 0;
  color: #171717;
}

.search-bar__content .material .material-input input {
  font-size: 5rem;
  line-height: 5rem;
  font-weight: 400;
}

.search-bar__content .material .material-input input:focus ~ label,
.search-bar__content .material .material-input input.filled ~ label {
  display: none;
}

.basic-contact-form .material .material-group {
  width: 100%;
}

.basic-contact-form .material .material-input input,
.basic-contact-form .material .material-input label,
.basic-contact-form .material .material-group-item input,
.basic-contact-form .material .material-group-item label {
  font-size: 3rem;
  font-weight: 400;
  line-height: 4rem;
  height: 4rem;
  width: 100%;
}

.two-forms-strip.single-form-search .material .material-input input {
  font-size: 3.2rem;
  height: 5.2rem;
  padding-bottom: 1rem;
  padding-top: 1rem;
}

.two-forms-strip.single-form-search .material .material-input label {
  font-size: 3.2rem;
  line-height: 3.2rem;
}

@media only screen and (max-width: 960px) {
  /*** Contact Us Strip*/
  /*.contact-us {
        .material {
            .material-input {
                label {
                    top: 2.5rem;
                }
            }
        }
    }*/
  .contact-us .content .form .material .material-input {
    background: none;
    text-align: center;
    padding-top: 1.8rem;
    margin-bottom: 2rem;
    width: 100%;
  }
  .contact-us .content .form .material .material-input.input {
    background: none;
    text-align: right;
    padding-top: 1rem;
    margin-bottom: 1rem;
    width: 100%;
  }
  .contact-us .content .form .material .material-input.input input:focus ~ label, .contact-us .content .form .material .material-input.input input.filled ~ label {
    top: -0.2rem;
  }
  .contact-us .content .form .material .material-input label {
    top: 1.5rem;
  }
  .contact-us .content .form .material .material-input label .error {
    color: white;
    font-size: 1.2rem;
    line-height: 1.2rem;
    font-weight: 600;
    position: absolute;
    top: 5.1rem;
    opacity: 1;
    background-color: red;
    padding: 0.2rem;
    text-align: center;
  }
  /*** single-form-strip*/
  .two-forms-strip.single-form-search .material .material-input label {
    font-size: 3rem;
    line-height: 3rem;
  }
  /*** Third Party Insurance Check ***/
  .form-strip-with-bg .form-container.material {
    width: 90%;
    height: 50vw;
  }
  .form-strip-with-bg .form-container.material .material-input input {
    height: 5.2rem;
    font-size: 2.34rem;
    line-height: 5.2rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .form-strip-with-bg .form-container.material .material-input input:focus {
    border: 0;
    font-size: 2.34rem;
    padding: 0;
  }
  .form-strip-with-bg .form-container.material .material-input input.filled {
    font-size: 2.34rem;
    padding: 0;
  }
  .form-strip-with-bg .form-container.material .material-input input:focus ~ label,
  .form-strip-with-bg .form-container.material .material-input input.filled ~ label {
    color: #171717;
    font-size: 1.4rem;
    font-weight: 600;
    top: 0;
    line-height: 1.4rem;
    opacity: 1;
  }
  .form-strip-with-bg .form-container.material .material-input input.error:focus ~ label,
  .form-strip-with-bg .form-container.material .material-input input.error:not(.filled) ~ label {
    color: red;
    font-size: 1.4rem;
    font-weight: 600;
    top: 0;
    line-height: 2rem;
    opacity: 1;
  }
  .form-strip-with-bg .form-container.material .material-input input:focus ~ .material-bar:before,
  .form-strip-with-bg .form-container.material .material-input input:focus ~ .material-bar:after,
  .form-strip-with-bg .form-container.material .material-input input.error ~ .material-bar:before,
  .form-strip-with-bg .form-container.material .material-input input.error ~ .material-bar:after {
    width: 50%;
  }
  .form-strip-with-bg .form-container.material .material-input label {
    font-size: 4rem;
    height: 4rem;
    line-height: 4rem;
  }
  /*** Contact-Us Popup ***/
  .contact-us-popup .material .material-input,
  .contact-us-popup .material .material-select {
    height: 4.5rem;
    padding-top: 1.3rem;
    margin-bottom: 0;
  }
  .contact-us-popup .material .material-input label {
    top: 2rem;
  }
}
/*# sourceMappingURL=styles.css.map */