@charset "UTF-8";
*,
body {
  font-family: var(--primary-font);
}

@font-face {
  font-family: "Hobo Std";
  src: url("../fonts/hobo/HoboStd.eot");
  src: url("../fonts/hobo/HoboStd.eot?#iefix") format("embedded-opentype"), url("../fonts/hobo/HoboStd.woff2") format("woff2"), url("../fonts/hobo/HoboStd.woff") format("woff"), url("../fonts/hobo/HoboStd.svg#HoboStd") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
:before, :after, ::before, ::after, a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, button, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, hr, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, html, i, iframe, img, input, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, select, small, span, strike, strong, sub, summary, sup, table, tbody, td, textarea, tfoot, th, thead, time, tr, tt, u, ul, var, video {
  font: inherit;
  vertical-align: baseline;
  border: none;
  outline: 0;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

article, aside, details, figcaption, figure, footer, header, menu, nav, section {
  display: block;
}

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  line-height: 1em;
}

a {
  text-decoration: none;
  cursor: pointer;
}

img {
  width: 100%;
  max-width: 100%;
  height: auto;
  vertical-align: top;
}

svg {
  width: 100%;
  height: auto;
  overflow: visible;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:after,
blockquote:before,
q:after,
q:before {
  content: "";
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

button,
input,
select,
textarea {
  background: none;
}

button,
input[type=submit],
input[type=button],
input[type=reset] {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

input::-ms-clear {
  display: none;
}

input[type=number] {
  -moz-appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Defaults */
html,
body {
  height: 100%;
  font-family: var(--primary-font);
  font-size: 18px;
  font-style: normal;
  font-weight: normal;
  line-height: 1.5em;
  vertical-align: baseline;
  color: #515151;
}

html.no-scroll,
body.no-scroll {
  overflow: hidden;
}

h1,
h2,
h3,
h4 {
  color: #373737;
}

h1 > a,
h2 > a,
h3 > a,
h4 > a {
  border-bottom: 0.1em dashed #468EEE;
  color: #468EEE;
  transition: border-color 0.2s ease-in-out;
}

h1 > a:hover,
h2 > a:hover,
h3 > a:hover,
h4 > a:hover {
  border-bottom-color: transparent;
}

h1 > span,
h2 > span,
h3 > span,
h4 > span {
  color: #468EEE;
}

b,
strong {
  font-weight: bold;
}

i,
em {
  font-style: italic;
}

button,
input,
select,
textarea {
  font-family: var(--primary-font);
  font-size: 20px;
  font-style: normal;
  font-weight: normal;
  line-height: 1em;
  vertical-align: baseline;
  color: #515151;
}

::-moz-focus-inner {
  border: none;
}

::-moz-selection {
  background: #468EEE;
  color: #ffffff;
}

::selection {
  background: #468EEE;
  color: #ffffff;
}

::-moz-placeholder {
  color: #999BA1;
  font-size: 14px;
  font-weight: 500;
  opacity: 1;
  -moz-user-select: none;
       user-select: none;
}

::placeholder {
  color: #999BA1;
  font-size: 14px;
  font-weight: 500;
  opacity: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

/* Content */
.wrapper {
  height: 100%;
}

.wrapper.no-scroll {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  overflow: hidden;
}

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.container:before,
.container:after,
.content:before,
.content:after,
.section:before,
.section:after {
  content: "";
  display: table;
}

.container:after,
.content:after,
.section:after {
  clear: both;
}

.title {
  font-size: 36px;
  line-height: 1.25em;
  text-align: center;
  margin-bottom: 15px;
  position: relative;
  font-weight: bold;
}

.subtitle {
  font-size: 24px;
  line-height: 1.25em;
  margin-bottom: 10px;
}

.subtitle--centered {
  text-align: center;
}

@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1200px;
  }
}
@media (min-width: 1460px) {
  .container {
    width: 1424px;
  }
}
@media (max-width: 480px) {
  .title {
    font-size: 32px;
    line-height: 1.25em;
  }
  .subtitle {
    font-size: 28px;
    line-height: 1.25em;
  }
}
.video-player {
  padding-bottom: 56.25%;
  position: relative;
  border-radius: 12px;
  overflow: hidden;
}
.video-player > iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.auth-card {
  background-color: transparent !important;
}
.auth-card form .auth-input-icon {
  top: 25px;
}

.no-scroll {
  overflow: hidden;
}

.header__top {
  background: var(--primary-color);
}
.header__top-wrapper {
  display: flex;
  justify-content: space-between;
  height: 42px;
  align-items: center;
  gap: 15px;
}
.header__top a:hover {
  opacity: 0.5;
}
.header__social {
  display: flex;
  gap: 15px;
  flex-shrink: 0;
}
.header__social svg {
  display: block;
  fill: #fff;
  max-width: 20px;
  max-height: 20px;
}
.header__contacts {
  display: flex;
  gap: 30px;
}
@media screen and (max-width: 768px) {
  .header__contacts {
    display: none;
  }
}
.header__contacts-item {
  position: relative;
  padding-left: 30px;
}
.header__contacts-item--text {
  color: white;
  font-size: 12px;
  line-height: 20px;
  white-space: nowrap;
}
.header__contacts svg {
  fill: #fff;
  max-width: 20px;
  max-height: 20px;
  position: absolute;
  left: 0;
}
.header__bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.header__logo {
  width: 128px;
  height: 128px;
}
@media screen and (max-width: 991px) {
  .header__logo {
    width: 64px;
    height: 64px;
  }
}
.header__logo-wrapper {
  display: flex;
  gap: 15px;
}
.header__menu {
  display: flex;
  gap: 30px;
  font-size: 16px;
}
@media screen and (max-width: 991px) {
  .header__menu {
    display: none;
  }
}
.header__menu-item {
  border-bottom: 1px solid transparent;
  transition: color 0.3s ease-in-out;
  padding-top: 20px;
  padding-bottom: 20px;
}
.header__menu-item.header__menu-item--has-children:hover .mega-menu,
.header__menu-item .mega-menu:hover {
  display: block;
}
.header__menu-item.header__menu-item--has-children > a {
  position: relative;
  padding-right: 28px;
}
.header__menu-item a {
  color: #19191B;
}
.header__menu-item a:hover, .header__menu-item.active a {
  color: var(--primary-color);
}
.header__menu-title {
  font-family: Work sans, serif;
  font-weight: 500;
}
.header__menu--sub {
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
}
.header__menu .toggle-icon {
  position: absolute;
  right: 10px;
  top: 1px;
}
.header__menu .toggle-icon svg {
  width: 20px;
  height: 20px;
}
.header__menu-modal.modal {
  display: none;
  width: 100%;
  height: 100%;
  background-color: white;
}
.header__menu-modal.modal.active {
  display: block;
}
.header__menu-modal.modal .modal__close {
  left: 16px;
  top: 16px;
}
.header__menu-modal.modal .header__actions-item {
  display: block;
}
.header__menu-modal.modal .modal__content {
  margin-top: 56px;
  padding: 16px;
}
.header__menu-modal-list {
  text-align: left;
  font-family: Work sans, serif;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 16px;
}
.header__menu-modal-item {
  list-style: none;
  padding: 16px 50px 16px 16px;
  flex: 1 1 calc(50% - 10px);
  box-sizing: border-box;
  transition: background-color 0.3s ease-in-out;
  border-radius: 16px;
}
@media screen and (max-width: 595px) {
  .header__menu-modal-item {
    flex: 1 1 100%;
  }
}
.header__menu-modal-item:hover {
  background-color: #F8F8F8;
}
.header__menu-modal-item--has-children {
  position: relative;
}
.header__menu-modal-item--has-children .toggle-icon {
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  right: 16px;
  top: 20px;
}
.header__menu-modal-item--has-children svg {
  width: 20px;
  height: 20px;
}
.header__menu-modal__description {
  color: #19191B;
  font-weight: 400;
  font-size: 14px;
  line-height: 25px;
}
.header__menu-modal-title {
  color: #19191B;
  font-weight: 700;
  font-size: 16px;
  line-height: 26px;
}
.header__actions {
  display: flex;
  gap: 15px;
  align-items: center;
}
.header__actions-profile {
  position: relative;
  display: flex;
  gap: 15px;
}
.header__actions-profile.active .dropdown-menu {
  display: block;
}
.header__actions-profile--avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.header__actions-profile--info {
  font-size: 12px;
  line-height: 20px;
}
.header__actions-profile--info p {
  font-weight: 700;
}
.header__actions-profile--info span {
  display: block;
  font-weight: 500;
}
.header__actions-profile:hover .dropdown-menu {
  display: block;
}
.header__actions-item.button--primary {
  display: block;
}
@media screen and (max-width: 991px) {
  .header__actions-item.button--primary {
    display: none;
  }
}
@media screen and (max-width: 991px) {
  .header__actions .button--icon {
    padding-right: 0;
    margin-right: 0;
  }
}
.header__burger {
  cursor: pointer;
  border-top: solid 1.5px #19191B;
  border-radius: 1.5px;
  display: none;
  transform: rotate(0);
  transition: border-top-color 0.3s ease-in-out;
  height: 24px;
  width: 24px;
  margin-top: 25px;
}
@media screen and (max-width: 991px) {
  .header__burger {
    display: block;
  }
}
.header__burger:after {
  content: "";
  width: 100%;
  position: absolute;
  height: 1.5px;
  background-color: #19191B;
  border-radius: 1.5px;
  margin-bottom: 5px;
  display: block;
  top: 15px;
  transition: background-color 0.3s ease-in-out;
}
.header__burger:before {
  content: "";
  width: 100%;
  position: absolute;
  height: 1.5px;
  background-color: #19191B;
  border-radius: 1.5px;
  margin-bottom: 5px;
  display: block;
  top: 7px;
  transition: background-color 0.3s ease-in-out;
}

.dropdown-toggle {
  display: inline-block;
  position: relative;
  width: 40px;
  height: 40px;
  background-color: #f8f8f8;
  border-radius: 50%;
  overflow: hidden;
  text-align: center;
  transition: opacity 0.3s ease-in-out;
}
.dropdown-toggle svg {
  width: 16px;
  height: 16px;
  fill: #1E1F21;
}

.dropdown-menu {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  background-color: #fff;
  border: 1px solid #ccc;
  z-index: 1000;
  min-width: 150px;
  border-radius: 12px;
  box-shadow: 0 0 21px 0 rgba(49, 51, 73, 0.1019607843);
  text-align: center;
}

.dropdown-item {
  padding: 10px;
  text-decoration: none;
  display: block;
  color: #19191B;
  font-weight: 500;
  font-size: 18px;
  transition: color 0.3s ease-in-out;
}
.dropdown-item:hover {
  color: var(--primary-color);
}

.mega-menu {
  display: none;
  position: absolute;
  left: 0;
  top: 75%;
  width: 100%;
  background: #fff;
  padding: 0;
  z-index: 100;
  border-radius: 12px;
  box-shadow: 0 0 21px 0 rgba(49, 51, 73, 0.1019607843);
}
.mega-menu__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mega-menu__content {
  padding: 30px 30px 30px 50px;
}
.mega-menu__image {
  min-width: 462px;
}
.mega-menu__list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.mega-menu__item {
  padding-bottom: 16px;
  padding-right: 50px;
  flex: 1 1 calc(50% - 10px);
  box-sizing: border-box;
}
.mega-menu__item .mega-menu__item--title {
  color: #19191B;
  font-weight: 700;
  font-size: 14px;
  line-height: 25px;
  transition: color 0.3s ease-in-out;
}
.mega-menu__item.active .mega-menu__item--title, .mega-menu__item--title:hover {
  color: var(--primary-color);
}
.mega-menu__item--description {
  color: #3B3D41;
  font-weight: 400;
  font-size: 14px;
  line-height: 25px;
}
.mega-menu__image {
  padding: 24px 16px;
}
.mega-menu__image img {
  border-radius: 12px;
}

.mega-menu-modal {
  display: none;
  width: 100%;
  height: 100%;
}
.mega-menu-modal.active {
  display: block;
  background-color: white;
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}
.mega-menu-modal__back {
  position: absolute;
  cursor: pointer;
  top: 32px;
  left: 32px;
  display: flex;
  gap: 4px;
}
.mega-menu-modal__back svg {
  margin-top: 3px;
}
.mega-menu-modal__back p {
  color: #19191B;
  font-size: 16px;
  font-weight: 700;
  line-height: 26px;
}
.mega-menu-modal__content {
  padding: 90px 16px 16px;
}
.mega-menu-modal__list {
  display: flex;
  flex-wrap: wrap;
}
.mega-menu-modal__item {
  list-style: none;
  padding: 16px 50px 16px 16px;
  flex: 1 1 calc(50% - 10px);
  box-sizing: border-box;
  transition: background-color 0.3s ease-in-out;
  border-radius: 16px;
}
@media screen and (max-width: 595px) {
  .mega-menu-modal__item {
    flex: 1 1 100%;
  }
}
.mega-menu-modal__item:hover {
  background-color: #F8F8F8;
}
.mega-menu-modal__item--description {
  color: #19191B;
  font-weight: 400;
  font-size: 14px;
  line-height: 25px;
}
.mega-menu-modal__item--title {
  color: #19191B;
  font-weight: 700;
  font-size: 16px;
  line-height: 26px;
}

.simple-header .header__menu-wrapper {
  display: none;
}
.simple-header .header__actions {
  display: none;
}

.footer__section {
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: 1px solid #D5D7D9;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1200px) {
  .footer__section--joined {
    flex-direction: column;
  }
}
.footer__section--joined, .footer__section:last-child {
  border-bottom: none;
  margin-bottom: 0;
}
.footer__contacts {
  display: flex;
  gap: 30px;
}
@media screen and (max-width: 768px) {
  .footer__contacts {
    flex-direction: column;
  }
}
.footer__contacts-item {
  position: relative;
  padding-left: 64px;
  font-size: 14px;
  line-height: 25px;
  min-width: 300px;
}
.footer__contacts-item__description {
  font-weight: bold;
}
.footer__contacts-item__icon {
  position: absolute;
  left: 0;
  top: 0;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #f8f8f8;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: opacity 0.3s ease-in;
  cursor: pointer;
}
.footer__contacts-item__icon > svg {
  max-width: 20px;
  max-height: 20px;
}
.footer__contacts-item__icon:hover {
  opacity: 0.7;
}
.footer__menu {
  display: flex;
  flex-wrap: wrap;
  gap: 50px;
}
@media screen and (max-width: 992px) {
  .footer__menu {
    gap: 30px;
  }
}
.footer__menu--sub {
  display: block;
}
.footer__menu-item {
  margin-bottom: 16px;
  min-width: 170px;
}
.footer__menu-item:last-child {
  margin-bottom: 0;
}
.footer__menu-item__title {
  font-family: "Hobo Std", serif;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  font-size: 18px;
  margin-bottom: 16px;
}
.footer__menu-item__link {
  color: #999BA1;
  border-bottom: 1px solid transparent;
  transition: border-bottom-color 0.3s ease-in-out;
  font-size: 14px;
}
.footer__menu-item__link:hover {
  border-bottom-color: #999BA1;
}
@media screen and (max-width: 992px) {
  .footer__social {
    align-content: center;
  }
}
.footer__social-item {
  display: inline-block;
  position: relative;
  width: 40px;
  height: 40px;
  background-color: #f8f8f8;
  border-radius: 10px;
  overflow: hidden;
  text-align: center;
  transition: opacity 0.3s ease-in-out;
}
.footer__social-item svg {
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.footer__social-item:hover {
  opacity: 0.7;
}
.footer__copyright {
  margin: 0 auto;
  font-size: 12px;
}
.footer__copyright a {
  color: var(--primary-color);
  border-bottom: 1px solid transparent;
  transition: border-bottom-color 0.3s ease-in-out;
}
.footer__copyright a:hover {
  border-bottom-color: var(--primary-color);
}
.footer__associations {
  margin: 0 auto;
  text-align: center;
  padding-top: 64px;
}
.footer__associations-title {
  font-weight: 600;
  font-size: 24px;
  line-height: 37px;
  margin-bottom: 24px;
}
.footer__associations-logos {
  display: flex;
  gap: 60px;
}
@media screen and (max-width: 992px) {
  .footer__associations-logos {
    flex-wrap: wrap;
    gap: 30px;
  }
}
.footer__associations-logos__item {
  max-height: 100px;
  width: auto;
  height: 100%;
}
.footer__logo-link img {
  width: 100px;
  height: 100px;
}
@media screen and (max-width: 992px) {
  .footer__aside {
    display: flex;
    gap: 30px;
  }
}

.simple-footer .footer {
  padding-bottom: 17.7%;
  background: url(../images/misc/wave-footer.svg) no-repeat center;
  background-size: cover;
}
.simple-footer .footer > .container {
  display: none;
}

.section {
  padding-top: 64px;
  padding-bottom: 64px;
}
.section--joined {
  padding-top: 0;
}
.section__image {
  border-radius: 14px;
  background: no-repeat center #efefef;
  background-size: cover;
}
.section__image--16_9 {
  padding-bottom: 56.25%;
}
.section__image--1_1 {
  padding-bottom: 100%;
}
.section__image--4_3 {
  padding-bottom: 75%;
}
.section__image + .section__block {
  margin-top: 24px;
}
.section__image + .section__block .section__block-title {
  text-align: center;
}
.section__card {
  border-radius: 4px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25), 0px -3px 16px -4px rgba(18, 24, 39, 0.08);
  padding: 24px;
}
.section__card--center {
  text-align: center;
}
.section__info {
  display: inline-block;
}
.section__info-icon {
  width: 42px;
  height: 42px;
  background: no-repeat center #efefef;
  background-size: contain;
  display: inline-block;
  margin-right: 20px;
  vertical-align: middle;
  margin-top: 2px;
}
.section__info-aside {
  display: inline-block;
  vertical-align: middle;
}
.section__info-title {
  color: #5A5C62;
  font-size: 18px;
  line-height: 28px;
}
.section__info-description {
  font-weight: bold;
}
.section__info + .section__info {
  padding-left: 20px;
  margin-left: 20px;
  border-left: 1px solid #efefef;
}
.section__caption {
  text-align: center;
  color: #19191B;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .section__caption {
    font-size: 16px;
  }
}
@media screen and (max-width: 400px) {
  .section__caption {
    font-size: 14px;
    letter-spacing: -0.2%;
  }
}
.section__caption-wrapper {
  padding: 4px 8px;
  display: inline-block;
  border-radius: 6px;
  background: #ECF5FE;
  color: #468EEE;
  font-size: 12px;
  line-height: 20px;
}
.section__caption-icon {
  width: 16px;
  height: 16px;
  fill: #468EEE;
  margin-right: 4px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -4px;
}
@media screen and (max-width: 768px) {
  .section__caption {
    font-size: 14px;
  }
}
.section__block-title {
  color: #3B3D41;
  font-family: "Hobo std", serif;
  font-size: 48px;
  font-style: normal;
  font-weight: bold;
  line-height: 72px;
}
.section__block-description {
  text-align: justify;
}
.section__block + .section__card {
  margin-top: 20px;
}
.section__block-actions {
  margin-top: 20px;
}
.section__title {
  text-align: center;
}
.section__subtitle {
  color: #3B3D41;
  font-family: "Hobo std", serif;
  font-size: 56px;
  font-style: normal;
  font-weight: bold;
  line-height: 100px;
  text-align: center;
}
.section__description {
  font-family: "Work Sans", serif;
  font-weight: 500;
  font-size: 18px;
  letter-spacing: 0.2%;
  color: #5A5C62;
  line-height: 1.2;
  text-align: center;
  max-width: 700px;
  margin: 0 auto 40px;
}
@media (max-width: 1024px) {
  .section__description {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .section__description {
    font-size: 14px;
  }
}
.section__description--wide {
  max-width: 100%;
}
.section__actions {
  text-align: center;
  margin-top: 40px;
}
.section__row {
  display: flex;
  gap: 52px;
  margin-bottom: 52px;
}
.section__row--narrow {
  gap: 24px;
}
.section__row:last-child {
  margin-bottom: 0;
}
.section__row--center {
  align-items: center;
}
.section__row--inverted {
  flex-direction: row-reverse;
}
.section__row--inverted .section__block-title {
  text-align: right;
}
.section__cell--1 {
  width: 16.6666%;
}
.section__cell--2 {
  width: 33.3333%;
}
.section__cell--3 {
  width: 50%;
}
.section__cell--4 {
  width: 66.6666%;
}
.section__cell--5 {
  width: 83.3333%;
}
.section__cell--6 {
  width: 100%;
}

h1.section__title {
  margin-bottom: 16px;
  font-family: "Hobo std", serif;
  font-weight: 700;
  font-size: 48px;
  letter-spacing: -1%;
  color: #19191B;
  line-height: 1.2;
}
@media (max-width: 1024px) {
  h1.section__title {
    font-size: 40px;
  }
}
@media (max-width: 768px) {
  h1.section__title {
    font-size: 32px;
  }
}

h2.section__title {
  margin-bottom: 16px;
  font-family: "Hobo std", serif;
  font-weight: 700;
  font-size: 40px;
  letter-spacing: -0.5%;
  color: #19191B;
  line-height: 1.2;
}
@media (max-width: 1024px) {
  h2.section__title {
    font-size: 32px;
  }
}
@media (max-width: 768px) {
  h2.section__title {
    font-size: 28px;
  }
}

.faq__description,
.rule__description {
  font-family: inherit;
  font-size: 16px;
  line-height: 26px;
  color: #3B3D41;
}
.faq__description p, .faq__description span,
.rule__description p,
.rule__description span {
  font-weight: 400;
  color: #3B3D41;
}
.faq__description a strong,
.rule__description a strong {
  color: #374AEC;
}
.faq__description a,
.rule__description a {
  color: #374AEC;
  transition: border 0.3s ease-in-out;
}
.faq__description a:hover,
.rule__description a:hover {
  border-bottom: 1px solid #374AEC;
}
.faq__description h1, .faq__description h2, .faq__description h3, .faq__description h4,
.rule__description h1,
.rule__description h2,
.rule__description h3,
.rule__description h4 {
  font-weight: 700;
  font-family: inherit;
  font-size: 16px;
  line-height: 26px;
  color: #3B3D41;
}

.rule__title {
  font-weight: 600;
  font-size: 24px;
  line-height: 37px;
  color: #19191B;
  padding-top: 10px;
}
.rule__title:nth-child(1) {
  margin-top: 27px;
}

.date-picker {
  width: 170px;
  height: 25px;
  padding: 0;
  border: 0;
  line-height: 25px;
  padding-left: 10px;
  font-size: 12px;
  font-family: Arial, sans-serif;
  font-weight: bold;
  cursor: pointer;
  color: #303030;
  position: relative;
  z-index: 2;
}

.date-picker-wrapper {
  position: absolute;
  padding: 5px 12px;
  font-size: 12px;
  line-height: 20px;
  color: #aaa;
  font-family: Arial, sans-serif;
  box-sizing: initial;
  z-index: 999;
  border-radius: 9px;
  border: 1px solid #EAEBEC;
  background: #FFF;
  box-shadow: 0px 4px 6px 0px rgba(25, 25, 27, 0.09);
}

.dp-clearfix {
  clear: both;
  height: 0;
  font-size: 0;
}

.date-picker-wrapper.inline-wrapper {
  position: relative;
  box-shadow: none;
  display: inline-block;
}

.date-picker-wrapper.single-date {
  width: auto;
}

.date-picker-wrapper.no-shortcuts {
  padding-bottom: 12px;
}

.date-picker-wrapper.no-topbar {
  padding-top: 12px;
}

.date-picker-wrapper .footer {
  font-size: 11px;
  padding-top: 3px;
  display: none;
}

.date-picker-wrapper b {
  color: #666;
  font-weight: 700;
}

.date-picker-wrapper a {
  color: #6bb4d6;
  text-decoration: underline;
}

.date-picker-wrapper .month-name {
  text-transform: capitalize;
  color: #191919;
  font-size: 14px;
}

.date-picker-wrapper .select-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
}

.date-picker-wrapper .select-wrapper:hover {
  text-decoration: underline;
}

.date-picker-wrapper .month-element {
  display: inline-block;
  vertical-align: middle;
}

.date-picker-wrapper .select-wrapper select {
  position: absolute;
  margin: 0;
  padding: 0;
  left: 0;
  top: -1px;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  text-transform: inherit;
  color: inherit;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: 0;
  outline: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
  filter: alpha(opacity=1);
  opacity: 0.01;
}

.date-picker-wrapper .month-wrapper {
  cursor: default;
  position: relative;
  _overflow: hidden;
}

.date-picker-wrapper .month-wrapper table {
  width: 190px;
  float: left;
}

.date-picker-wrapper .month-wrapper table.month2 {
  width: 190px;
  float: left;
}

.date-picker-wrapper .month-wrapper table th, .date-picker-wrapper .month-wrapper table td {
  vertical-align: middle;
  text-align: center;
  line-height: 14px;
  margin: 0px;
  padding: 0px;
}

.date-picker-wrapper .month-wrapper table .day {
  padding: 0;
  font-size: 12px;
  margin-bottom: 1px;
  color: #fff;
  cursor: default;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 9px;
  background-color: #f8f8f8;
}

.date-picker-wrapper .month-wrapper table .day.available {
  background-color: #85DEA3;
}

.date-picker-wrapper .month-wrapper table .day.not_available {
  background-color: #999BA1;
}

.date-picker-wrapper .month-wrapper table .day.booked {
  background-color: #E58C83;
}

.date-picker-wrapper .month-wrapper table div.day.lastMonth, .date-picker-wrapper .month-wrapper table div.day.nextMonth {
  color: #999;
  cursor: default;
}

.date-picker-wrapper .month-wrapper table .day.checked {
  background-color: #9cdbf7;
}

.date-picker-wrapper .month-wrapper table .week-name {
  height: 18px;
  line-height: 18px;
  font-weight: bold;
  font-size: 12px;
  color: #191919;
  text-transform: capitalize;
}

.date-picker-wrapper .month-wrapper table .day.has-tooltip {
  cursor: help !important;
}

.date-picker-wrapper .month-wrapper table .day.has-tooltip .tooltip {
  white-space: nowrap;
}

.date-picker-wrapper .time label {
  white-space: nowrap;
}

.date-picker-wrapper .month-wrapper table .day.toMonth.valid {
  color: #333;
  cursor: pointer;
}

.date-picker-wrapper .month-wrapper table .day.toMonth.hovering {
  background-color: #cdecfa;
}

.date-picker-wrapper .month-wrapper table .day.nextMonth, .date-picker-wrapper .month-wrapper table .day.lastMonth {
  display: none;
}

.date-picker-wrapper table .caption {
  height: 40px;
}

.date-picker-wrapper table .caption > th:first-of-type, .date-picker-wrapper table .caption > th:last-of-type {
  width: 27px;
}

.date-picker-wrapper table .caption .next, .date-picker-wrapper table .caption .prev {
  width: 24px;
  height: 24px;
  background: #f8f8f8;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  position: relative;
  border-radius: 9px;
  text-indent: -99999em;
}

.date-picker-wrapper table .caption .next:before, .date-picker-wrapper table .caption .prev:before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  transform: rotate(-45deg);
  transform-origin: center;
  border-left: 2px solid #191919;
  border-top: 2px solid #191919;
  border-radius: 2px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}

.date-picker-wrapper table .caption .next:before {
  transform: rotate(135deg);
}

.date-picker-wrapper table .caption .next:hover, .date-picker-wrapper table .caption .prev:hover {
  background-color: #ccc;
  color: white;
}

.date-picker-wrapper .gap {
  position: relative;
  z-index: 1;
  width: 15px;
  height: 100%;
  background-color: red;
  font-size: 0;
  line-height: 0;
  float: left;
  top: -5px;
  margin: 0 10px -10px;
  visibility: hidden;
  height: 0;
}

.date-picker-wrapper .gap .gap-lines {
  height: 100%;
  overflow: hidden;
}

.date-picker-wrapper .gap .gap-line {
  height: 15px;
  width: 15px;
  position: relative;
}

.date-picker-wrapper .gap .gap-line .gap-1 {
  z-index: 1;
  height: 0;
  border-left: 8px solid white;
  border-top: 8px solid #eee;
  border-bottom: 8px solid #eee;
}

.date-picker-wrapper .gap .gap-line .gap-2 {
  position: absolute;
  right: 0;
  top: 0px;
  z-index: 2;
  height: 0;
  border-left: 8px solid transparent;
  border-top: 8px solid white;
}

.date-picker-wrapper .gap .gap-line .gap-3 {
  position: absolute;
  right: 0;
  top: 8px;
  z-index: 2;
  height: 0;
  border-left: 8px solid transparent;
  border-bottom: 8px solid white;
}

.date-picker-wrapper .gap .gap-top-mask {
  width: 6px;
  height: 1px;
  position: absolute;
  top: -1px;
  left: 1px;
  background-color: #eee;
  z-index: 3;
}

.date-picker-wrapper .gap .gap-bottom-mask {
  width: 6px;
  height: 1px;
  position: absolute;
  bottom: -1px;
  left: 7px;
  background-color: #eee;
  z-index: 3;
}

.date-picker-wrapper .selected-days {
  display: none;
}

.date-picker-wrapper .drp_top-bar {
  line-height: 1.4;
  position: relative;
  padding: 10px 40px 10px 0;
}

.date-picker-wrapper .drp_top-bar .error-top, .date-picker-wrapper .drp_top-bar .normal-top {
  display: none;
}

.date-picker-wrapper .drp_top-bar .default-top {
  display: block;
}

.date-picker-wrapper .drp_top-bar.error .default-top {
  display: none;
}

.date-picker-wrapper .drp_top-bar.error .error-top {
  display: block;
  color: red;
}

.date-picker-wrapper .drp_top-bar.normal .default-top {
  display: none;
}

.date-picker-wrapper .drp_top-bar.normal .normal-top {
  display: block;
}

.date-picker-wrapper .drp_top-bar.normal .normal-top .selection-top {
  color: #333;
}

.date-picker-wrapper .drp_top-bar .apply-btn {
  position: absolute;
  right: 0px;
  top: 6px;
  padding: 3px 5px;
  margin: 0;
  font-size: 12px;
  border-radius: 4px;
  cursor: pointer;
  color: #d9eef7;
  border: solid 1px #0076a3;
  background: #0095cd;
  background: -moz-linear-gradient(top, #00adee, #0078a5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00adee", endColorstr="#0078a5");
  color: white;
  line-height: initial;
}

.date-picker-wrapper .drp_top-bar .apply-btn.disabled {
  cursor: pointer;
  color: #606060;
  border: solid 1px #b7b7b7;
  background: #fff;
  background: -moz-linear-gradient(top, #fff, #ededed);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ededed");
}

.date-picker-wrapper .time {
  position: relative;
}

.date-picker-wrapper.single-month .time {
  display: block;
}

.date-picker-wrapper .time input[type=range] {
  vertical-align: middle;
  width: 129px;
  padding: 0;
  margin: 0;
  height: 20px;
}

.date-picker-wrapper .time1 {
  width: 180px;
  padding: 0 5px;
  text-align: center;
}

/*time styling*/
.time2 {
  width: 180px;
  padding: 0 5px;
  text-align: center;
}

.date-picker-wrapper .time1 {
  float: left;
}

.date-picker-wrapper .time2 {
  float: right;
}

.date-picker-wrapper .hour {
  text-align: right;
}

.minute {
  text-align: right;
}

.date-picker-wrapper .hide {
  display: none;
}

.date-picker-wrapper .first-date-selected, .date-picker-wrapper .last-date-selected {
  background-color: #49e !important;
  color: white !important;
}

.date-picker-wrapper .date-range-length-tip {
  position: absolute;
  margin-top: -4px;
  margin-left: -8px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  display: none;
  background-color: #f8f8f8;
  padding: 0 6px;
  border-radius: 2px;
  font-size: 12px;
  line-height: 16px;
  -moz-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3));
  -ms-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3));
  -o-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3));
}

.date-picker-wrapper .date-range-length-tip:after {
  content: "";
  position: absolute;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #f8f8f8;
  left: 50%;
  margin-left: -4px;
  bottom: -4px;
}

.date-picker-wrapper.two-months.no-gap .month1 .next, .date-picker-wrapper.two-months.no-gap .month2 .prev {
  display: none;
}

.date-picker-wrapper .week-number {
  padding: 5px 0;
  line-height: 1;
  font-size: 12px;
  margin-bottom: 1px;
  color: #999;
  cursor: pointer;
}

.date-picker-wrapper .week-number.week-number-selected {
  color: #49e;
  font-weight: bold;
}

.select2 {
  display: block;
  position: relative;
}

.select2 .selection {
  display: block;
}

.select2 .select2-selection {
  display: block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.select2.select2-container--disabled .select2-selection {
  cursor: default;
}

.select2 .select2-selection__rendered {
  display: block;
  font-size: 14px;
  transition: border-color 0.2s ease-in-out;
  background: #ffffff;
  line-height: 25px;
  border: 1px solid #EAEBEC;
  border-radius: 12px;
  padding: 12px 42px 12px 16px;
}

.select2 .select2-selection--single .select2-selection__rendered {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.select2 .select2-selection--multiple .select2-selection__rendered {
  padding-top: 6px;
  padding-bottom: 6px;
}

.select2:hover .select2-selection__rendered {
  border-color: #515151;
}

.select2.select2-container--focus .select2-selection__rendered {
  border-color: var(--primary-color);
}

.select2.select2-container--disabled .select2-selection__rendered {
  border-color: #d2d2d2;
  cursor: default;
}

.select2 .select2-selection__rendered:after {
  content: "";
  display: table;
  clear: both;
}

.select2 .select2-selection__placeholder {
  display: block;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #afafaf;
  overflow: hidden;
}

.select2-container:hover .select2-selection__placeholder {
  border-color: #515151;
}

.select2-container:focus .select2-selection__placeholder {
  border-color: var(--primary-color);
}

.select2 .select2-selection__arrow {
  display: block;
  width: 12px;
  height: 12px;
  background: url(/themes/giwagardens/images/icons/chevron-down.svg?ver=3) no-repeat center;
  background-size: contain;
  margin-top: -6px;
  position: absolute;
  top: 50%;
  right: 20px;
  transition: transform 0.2s ease-in-out;
}

.select2.select2-container--open .select2-selection__arrow {
  transform: rotate(180deg);
}

.select2.select2-container--disabled .select2-selection__arrow {
  display: none;
}

.select2 .select2-selection__choice {
  display: inline-block;
  background: #f6f6f6;
  border-radius: 3px;
  margin: 2px 4px 2px 0;
  padding: 5px 30px 5px 10px;
  position: relative;
}

.select2 .select2-selection__choice__remove {
  font-size: 24px;
  line-height: 1em;
  color: var(--primary-color);
  margin-top: -12px;
  position: absolute;
  top: 50%;
  right: 5px;
  transition: opacity 0.2s ease-in-out;
}

.select2 .select2-selection__choice__remove:hover {
  opacity: 0.6;
}

.select2 .select2-selection__choice + .select2-search {
  display: none;
}

.select2 .select2-search__field {
  display: inline;
  max-width: 100%;
  height: 30px;
  font-size: 16px;
  line-height: 1em;
}

.select2-container {
  display: block;
  position: relative;
  text-align: left;
  z-index: 750;
}

.select2.select2-container {
  z-index: auto;
}

.select2-dropdown {
  display: block;
  width: 100%;
  background: #ffffff;
  border-radius: 3px;
  box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.select2-dropdown .select2-search {
  display: none;
}

.select2-dropdown .select2-results {
  display: block;
}

.select2-dropdown .select2-results__options[role=tree] {
  max-height: 320px;
  padding-top: 10px;
  padding-bottom: 10px;
  overflow-x: hidden;
  overflow-y: auto;
}

.select2-dropdown .select2-results__option[role=group] {
  border-top: 1px solid #eaeaea;
  margin-top: 10px;
  padding-top: 10px;
}

.select2-dropdown .select2-results__option[role=group]:first-child {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
}

.select2-dropdown .select2-results__option[role=treeitem] {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5em;
  padding: 12px 24px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  border-radius: 8px;
}

.select2-dropdown .select2-results__option[role=treeitem]:hover {
  background-color: #f6f6f6;
}

.select2-dropdown .select2-results__option[role=treeitem].select2-results__message,
.select2-dropdown .select2-results__option[role=treeitem].select2-results__message:hover {
  background-color: transparent;
  cursor: default;
}

.select2-dropdown .select2-results__option[aria-selected=true] {
  background-color: #f6f6f6;
  color: var(--primary-color);
}

.select2-dropdown .select2-results__option[aria-disabled=true] {
  display: none;
}

.select2-hidden-accessible {
  width: 1px !important;
  height: 1px !important;
  border: 0 !important;
  margin: -1px !important;
  padding: 0 !important;
  position: absolute !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
}

.intl-tel-input {
  position: relative;
  display: block;
}

.intl-tel-input * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.intl-tel-input .hide {
  display: none;
}

.intl-tel-input .v-hide {
  visibility: hidden;
}

.intl-tel-input input,
.intl-tel-input input[type=text],
.intl-tel-input input[type=tel] {
  position: relative;
  z-index: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-right: 36px;
  margin-right: 0;
}

.intl-tel-input .flag-container {
  padding: 2px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.intl-tel-input .selected-flag {
  height: 100%;
  padding-left: 10px;
  position: relative;
  z-index: 1;
}

.intl-tel-input .selected-flag .iti-flag {
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
}

.intl-tel-input .selected-flag .iti-arrow {
  position: absolute;
  top: 50%;
  margin-top: -2px;
  right: 6px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #555555;
}

.intl-tel-input .selected-flag .iti-arrow.up {
  border-top: none;
  border-bottom: 4px solid #555555;
}

.intl-tel-input .country-list {
  position: absolute;
  z-index: 2;
  list-style: none;
  text-align: left;
  padding: 0;
  margin: 0 0 0 -1px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  background-color: white;
  border: 1px solid #cccccc;
  white-space: nowrap;
  max-height: 200px;
  overflow-y: scroll;
}

.intl-tel-input .country-list.dropup {
  bottom: 100%;
  margin-bottom: -1px;
}

.intl-tel-input .country-list .flag-box {
  display: inline-block;
  width: 20px;
}

@media (max-width: 500px) {
  .intl-tel-input .country-list {
    white-space: normal;
  }
}
.intl-tel-input .country-list .divider {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #cccccc;
}

.intl-tel-input .country-list .country {
  padding: 5px 10px;
}

.intl-tel-input .country-list .country .dial-code {
  color: #999999;
}

.intl-tel-input .country-list .country.highlight {
  background-color: rgba(0, 0, 0, 0.05);
}

.intl-tel-input .country-list .flag-box,
.intl-tel-input .country-list .country-name,
.intl-tel-input .country-list .dial-code {
  vertical-align: middle;
}

.intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name {
  margin-right: 6px;
}

.intl-tel-input.allow-dropdown input,
.intl-tel-input.allow-dropdown input[type=text],
.intl-tel-input.allow-dropdown input[type=tel],
.intl-tel-input.separate-dial-code input,
.intl-tel-input.separate-dial-code input[type=text],
.intl-tel-input.separate-dial-code input[type=tel] {
  padding-right: 20px;
  padding-left: 60px;
  margin-left: 0;
}

.intl-tel-input.allow-dropdown .flag-container,
.intl-tel-input.separate-dial-code .flag-container {
  right: auto;
  left: 0;
}

.intl-tel-input.allow-dropdown .selected-flag,
.intl-tel-input.separate-dial-code .selected-flag {
  width: 50px;
  transition: background-color 0.2s ease-in-out;
}

.intl-tel-input.allow-dropdown .flag-container:hover {
  cursor: pointer;
}

.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
  background-color: #f6f6f6;
}

.intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover,
.intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover {
  cursor: default;
}

.intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover .selected-flag,
.intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover .selected-flag {
  background-color: transparent;
}

.intl-tel-input.separate-dial-code .selected-flag {
  display: table;
  background-color: #f6f6f6;
}

.intl-tel-input.separate-dial-code .selected-dial-code {
  display: table-cell;
  vertical-align: middle;
  padding-left: 28px;
}

.intl-tel-input.separate-dial-code.iti-sdc-2 input, .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=tel] {
  padding-left: 66px;
}

.intl-tel-input.separate-dial-code.iti-sdc-2 .selected-flag {
  width: 60px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel] {
  padding-left: 76px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag {
  width: 70px;
}

.intl-tel-input.separate-dial-code.iti-sdc-3 input, .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=tel] {
  padding-left: 74px;
}

.intl-tel-input.separate-dial-code.iti-sdc-3 .selected-flag {
  width: 68px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel] {
  padding-left: 84px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
  width: 78px;
}

.intl-tel-input.separate-dial-code.iti-sdc-4 input, .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=tel] {
  padding-left: 82px;
}

.intl-tel-input.separate-dial-code.iti-sdc-4 .selected-flag {
  width: 76px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel] {
  padding-left: 92px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag {
  width: 86px;
}

.intl-tel-input.separate-dial-code.iti-sdc-5 input, .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=tel] {
  padding-left: 90px;
}

.intl-tel-input.separate-dial-code.iti-sdc-5 .selected-flag {
  width: 84px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel] {
  padding-left: 100px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag {
  width: 94px;
}

.intl-tel-input.iti-container {
  position: absolute;
  top: -1000px;
  left: -1000px;
  z-index: 1060;
  padding: 1px;
}

.intl-tel-input.iti-container:hover {
  cursor: pointer;
}

.iti-mobile .intl-tel-input.iti-container {
  top: 30px;
  bottom: 30px;
  left: 30px;
  right: 30px;
  position: fixed;
}

.iti-mobile .intl-tel-input .country-list {
  max-height: 100%;
  width: 100%;
}

.iti-mobile .intl-tel-input .country-list .country {
  padding: 10px 10px;
  line-height: 1.5em;
}

.iti-flag {
  width: 20px;
}

.iti-flag.be {
  width: 18px;
}

.iti-flag.ch {
  width: 15px;
}

.iti-flag.mc {
  width: 19px;
}

.iti-flag.ne {
  width: 18px;
}

.iti-flag.np {
  width: 13px;
}

.iti-flag.va {
  width: 15px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .iti-flag {
    background-size: 5630px 15px;
  }
}
.iti-flag.ac {
  height: 10px;
  background-position: 0px 0px;
}

.iti-flag.ad {
  height: 14px;
  background-position: -22px 0px;
}

.iti-flag.ae {
  height: 10px;
  background-position: -44px 0px;
}

.iti-flag.af {
  height: 14px;
  background-position: -66px 0px;
}

.iti-flag.ag {
  height: 14px;
  background-position: -88px 0px;
}

.iti-flag.ai {
  height: 10px;
  background-position: -110px 0px;
}

.iti-flag.al {
  height: 15px;
  background-position: -132px 0px;
}

.iti-flag.am {
  height: 10px;
  background-position: -154px 0px;
}

.iti-flag.ao {
  height: 14px;
  background-position: -176px 0px;
}

.iti-flag.aq {
  height: 14px;
  background-position: -198px 0px;
}

.iti-flag.ar {
  height: 13px;
  background-position: -220px 0px;
}

.iti-flag.as {
  height: 10px;
  background-position: -242px 0px;
}

.iti-flag.at {
  height: 14px;
  background-position: -264px 0px;
}

.iti-flag.au {
  height: 10px;
  background-position: -286px 0px;
}

.iti-flag.aw {
  height: 14px;
  background-position: -308px 0px;
}

.iti-flag.ax {
  height: 13px;
  background-position: -330px 0px;
}

.iti-flag.az {
  height: 10px;
  background-position: -352px 0px;
}

.iti-flag.ba {
  height: 10px;
  background-position: -374px 0px;
}

.iti-flag.bb {
  height: 14px;
  background-position: -396px 0px;
}

.iti-flag.bd {
  height: 12px;
  background-position: -418px 0px;
}

.iti-flag.be {
  height: 15px;
  background-position: -440px 0px;
}

.iti-flag.bf {
  height: 14px;
  background-position: -460px 0px;
}

.iti-flag.bg {
  height: 12px;
  background-position: -482px 0px;
}

.iti-flag.bh {
  height: 12px;
  background-position: -504px 0px;
}

.iti-flag.bi {
  height: 12px;
  background-position: -526px 0px;
}

.iti-flag.bj {
  height: 14px;
  background-position: -548px 0px;
}

.iti-flag.bl {
  height: 14px;
  background-position: -570px 0px;
}

.iti-flag.bm {
  height: 10px;
  background-position: -592px 0px;
}

.iti-flag.bn {
  height: 10px;
  background-position: -614px 0px;
}

.iti-flag.bo {
  height: 14px;
  background-position: -636px 0px;
}

.iti-flag.bq {
  height: 14px;
  background-position: -658px 0px;
}

.iti-flag.br {
  height: 14px;
  background-position: -680px 0px;
}

.iti-flag.bs {
  height: 10px;
  background-position: -702px 0px;
}

.iti-flag.bt {
  height: 14px;
  background-position: -724px 0px;
}

.iti-flag.bv {
  height: 15px;
  background-position: -746px 0px;
}

.iti-flag.bw {
  height: 14px;
  background-position: -768px 0px;
}

.iti-flag.by {
  height: 10px;
  background-position: -790px 0px;
}

.iti-flag.bz {
  height: 14px;
  background-position: -812px 0px;
}

.iti-flag.ca {
  height: 10px;
  background-position: -834px 0px;
}

.iti-flag.cc {
  height: 10px;
  background-position: -856px 0px;
}

.iti-flag.cd {
  height: 15px;
  background-position: -878px 0px;
}

.iti-flag.cf {
  height: 14px;
  background-position: -900px 0px;
}

.iti-flag.cg {
  height: 14px;
  background-position: -922px 0px;
}

.iti-flag.ch {
  height: 15px;
  background-position: -944px 0px;
}

.iti-flag.ci {
  height: 14px;
  background-position: -961px 0px;
}

.iti-flag.ck {
  height: 10px;
  background-position: -983px 0px;
}

.iti-flag.cl {
  height: 14px;
  background-position: -1005px 0px;
}

.iti-flag.cm {
  height: 14px;
  background-position: -1027px 0px;
}

.iti-flag.cn {
  height: 14px;
  background-position: -1049px 0px;
}

.iti-flag.co {
  height: 14px;
  background-position: -1071px 0px;
}

.iti-flag.cp {
  height: 14px;
  background-position: -1093px 0px;
}

.iti-flag.cr {
  height: 12px;
  background-position: -1115px 0px;
}

.iti-flag.cu {
  height: 10px;
  background-position: -1137px 0px;
}

.iti-flag.cv {
  height: 12px;
  background-position: -1159px 0px;
}

.iti-flag.cw {
  height: 14px;
  background-position: -1181px 0px;
}

.iti-flag.cx {
  height: 10px;
  background-position: -1203px 0px;
}

.iti-flag.cy {
  height: 13px;
  background-position: -1225px 0px;
}

.iti-flag.cz {
  height: 14px;
  background-position: -1247px 0px;
}

.iti-flag.de {
  height: 12px;
  background-position: -1269px 0px;
}

.iti-flag.dg {
  height: 10px;
  background-position: -1291px 0px;
}

.iti-flag.dj {
  height: 14px;
  background-position: -1313px 0px;
}

.iti-flag.dk {
  height: 15px;
  background-position: -1335px 0px;
}

.iti-flag.dm {
  height: 10px;
  background-position: -1357px 0px;
}

.iti-flag.do {
  height: 13px;
  background-position: -1379px 0px;
}

.iti-flag.dz {
  height: 14px;
  background-position: -1401px 0px;
}

.iti-flag.ea {
  height: 14px;
  background-position: -1423px 0px;
}

.iti-flag.ec {
  height: 14px;
  background-position: -1445px 0px;
}

.iti-flag.ee {
  height: 13px;
  background-position: -1467px 0px;
}

.iti-flag.eg {
  height: 14px;
  background-position: -1489px 0px;
}

.iti-flag.eh {
  height: 10px;
  background-position: -1511px 0px;
}

.iti-flag.er {
  height: 10px;
  background-position: -1533px 0px;
}

.iti-flag.es {
  height: 14px;
  background-position: -1555px 0px;
}

.iti-flag.et {
  height: 10px;
  background-position: -1577px 0px;
}

.iti-flag.eu {
  height: 14px;
  background-position: -1599px 0px;
}

.iti-flag.fi {
  height: 12px;
  background-position: -1621px 0px;
}

.iti-flag.fj {
  height: 10px;
  background-position: -1643px 0px;
}

.iti-flag.fk {
  height: 10px;
  background-position: -1665px 0px;
}

.iti-flag.fm {
  height: 11px;
  background-position: -1687px 0px;
}

.iti-flag.fo {
  height: 15px;
  background-position: -1709px 0px;
}

.iti-flag.fr {
  height: 14px;
  background-position: -1731px 0px;
}

.iti-flag.ga {
  height: 15px;
  background-position: -1753px 0px;
}

.iti-flag.uk,
.iti-flag.gb {
  height: 10px;
  background-position: -1775px 0px;
}

.iti-flag.gd {
  height: 12px;
  background-position: -1797px 0px;
}

.iti-flag.ge {
  height: 14px;
  background-position: -1819px 0px;
}

.iti-flag.gf {
  height: 14px;
  background-position: -1841px 0px;
}

.iti-flag.gg {
  height: 14px;
  background-position: -1863px 0px;
}

.iti-flag.gh {
  height: 14px;
  background-position: -1885px 0px;
}

.iti-flag.gi {
  height: 10px;
  background-position: -1907px 0px;
}

.iti-flag.gl {
  height: 14px;
  background-position: -1929px 0px;
}

.iti-flag.gm {
  height: 14px;
  background-position: -1951px 0px;
}

.iti-flag.gn {
  height: 14px;
  background-position: -1973px 0px;
}

.iti-flag.gp {
  height: 14px;
  background-position: -1995px 0px;
}

.iti-flag.gq {
  height: 14px;
  background-position: -2017px 0px;
}

.iti-flag.gr {
  height: 14px;
  background-position: -2039px 0px;
}

.iti-flag.gs {
  height: 10px;
  background-position: -2061px 0px;
}

.iti-flag.gt {
  height: 13px;
  background-position: -2083px 0px;
}

.iti-flag.gu {
  height: 11px;
  background-position: -2105px 0px;
}

.iti-flag.gw {
  height: 10px;
  background-position: -2127px 0px;
}

.iti-flag.gy {
  height: 12px;
  background-position: -2149px 0px;
}

.iti-flag.hk {
  height: 14px;
  background-position: -2171px 0px;
}

.iti-flag.hm {
  height: 10px;
  background-position: -2193px 0px;
}

.iti-flag.hn {
  height: 10px;
  background-position: -2215px 0px;
}

.iti-flag.hr {
  height: 10px;
  background-position: -2237px 0px;
}

.iti-flag.ht {
  height: 12px;
  background-position: -2259px 0px;
}

.iti-flag.hu {
  height: 10px;
  background-position: -2281px 0px;
}

.iti-flag.ic {
  height: 14px;
  background-position: -2303px 0px;
}

.iti-flag.id {
  height: 14px;
  background-position: -2325px 0px;
}

.iti-flag.ie {
  height: 10px;
  background-position: -2347px 0px;
}

.iti-flag.il {
  height: 15px;
  background-position: -2369px 0px;
}

.iti-flag.im {
  height: 10px;
  background-position: -2391px 0px;
}

.iti-flag.in {
  height: 14px;
  background-position: -2413px 0px;
}

.iti-flag.io {
  height: 10px;
  background-position: -2435px 0px;
}

.iti-flag.iq {
  height: 14px;
  background-position: -2457px 0px;
}

.iti-flag.ir {
  height: 12px;
  background-position: -2479px 0px;
}

.iti-flag.is {
  height: 15px;
  background-position: -2501px 0px;
}

.iti-flag.it {
  height: 14px;
  background-position: -2523px 0px;
}

.iti-flag.je {
  height: 12px;
  background-position: -2545px 0px;
}

.iti-flag.jm {
  height: 10px;
  background-position: -2567px 0px;
}

.iti-flag.jo {
  height: 10px;
  background-position: -2589px 0px;
}

.iti-flag.jp {
  height: 14px;
  background-position: -2611px 0px;
}

.iti-flag.ke {
  height: 14px;
  background-position: -2633px 0px;
}

.iti-flag.kg {
  height: 12px;
  background-position: -2655px 0px;
}

.iti-flag.kh {
  height: 13px;
  background-position: -2677px 0px;
}

.iti-flag.ki {
  height: 10px;
  background-position: -2699px 0px;
}

.iti-flag.km {
  height: 12px;
  background-position: -2721px 0px;
}

.iti-flag.kn {
  height: 14px;
  background-position: -2743px 0px;
}

.iti-flag.kp {
  height: 10px;
  background-position: -2765px 0px;
}

.iti-flag.kr {
  height: 14px;
  background-position: -2787px 0px;
}

.iti-flag.kw {
  height: 10px;
  background-position: -2809px 0px;
}

.iti-flag.ky {
  height: 10px;
  background-position: -2831px 0px;
}

.iti-flag.kz {
  height: 10px;
  background-position: -2853px 0px;
}

.iti-flag.la {
  height: 14px;
  background-position: -2875px 0px;
}

.iti-flag.lb {
  height: 14px;
  background-position: -2897px 0px;
}

.iti-flag.lc {
  height: 10px;
  background-position: -2919px 0px;
}

.iti-flag.li {
  height: 12px;
  background-position: -2941px 0px;
}

.iti-flag.lk {
  height: 10px;
  background-position: -2963px 0px;
}

.iti-flag.lr {
  height: 11px;
  background-position: -2985px 0px;
}

.iti-flag.ls {
  height: 14px;
  background-position: -3007px 0px;
}

.iti-flag.lt {
  height: 12px;
  background-position: -3029px 0px;
}

.iti-flag.lu {
  height: 12px;
  background-position: -3051px 0px;
}

.iti-flag.lv {
  height: 10px;
  background-position: -3073px 0px;
}

.iti-flag.ly {
  height: 10px;
  background-position: -3095px 0px;
}

.iti-flag.ma {
  height: 14px;
  background-position: -3117px 0px;
}

.iti-flag.mc {
  height: 15px;
  background-position: -3139px 0px;
}

.iti-flag.md {
  height: 10px;
  background-position: -3160px 0px;
}

.iti-flag.me {
  height: 10px;
  background-position: -3182px 0px;
}

.iti-flag.mf {
  height: 14px;
  background-position: -3204px 0px;
}

.iti-flag.mg {
  height: 14px;
  background-position: -3226px 0px;
}

.iti-flag.mh {
  height: 11px;
  background-position: -3248px 0px;
}

.iti-flag.mk {
  height: 10px;
  background-position: -3270px 0px;
}

.iti-flag.ml {
  height: 14px;
  background-position: -3292px 0px;
}

.iti-flag.mm {
  height: 14px;
  background-position: -3314px 0px;
}

.iti-flag.mn {
  height: 10px;
  background-position: -3336px 0px;
}

.iti-flag.mo {
  height: 14px;
  background-position: -3358px 0px;
}

.iti-flag.mp {
  height: 10px;
  background-position: -3380px 0px;
}

.iti-flag.mq {
  height: 14px;
  background-position: -3402px 0px;
}

.iti-flag.mr {
  height: 14px;
  background-position: -3424px 0px;
}

.iti-flag.ms {
  height: 10px;
  background-position: -3446px 0px;
}

.iti-flag.mt {
  height: 14px;
  background-position: -3468px 0px;
}

.iti-flag.mu {
  height: 14px;
  background-position: -3490px 0px;
}

.iti-flag.mv {
  height: 14px;
  background-position: -3512px 0px;
}

.iti-flag.mw {
  height: 14px;
  background-position: -3534px 0px;
}

.iti-flag.mx {
  height: 12px;
  background-position: -3556px 0px;
}

.iti-flag.my {
  height: 10px;
  background-position: -3578px 0px;
}

.iti-flag.mz {
  height: 14px;
  background-position: -3600px 0px;
}

.iti-flag.na {
  height: 14px;
  background-position: -3622px 0px;
}

.iti-flag.nc {
  height: 10px;
  background-position: -3644px 0px;
}

.iti-flag.ne {
  height: 15px;
  background-position: -3666px 0px;
}

.iti-flag.nf {
  height: 10px;
  background-position: -3686px 0px;
}

.iti-flag.ng {
  height: 10px;
  background-position: -3708px 0px;
}

.iti-flag.ni {
  height: 12px;
  background-position: -3730px 0px;
}

.iti-flag.nl {
  height: 14px;
  background-position: -3752px 0px;
}

.iti-flag.no {
  height: 15px;
  background-position: -3774px 0px;
}

.iti-flag.np {
  height: 15px;
  background-position: -3796px 0px;
}

.iti-flag.nr {
  height: 10px;
  background-position: -3811px 0px;
}

.iti-flag.nu {
  height: 10px;
  background-position: -3833px 0px;
}

.iti-flag.nz {
  height: 10px;
  background-position: -3855px 0px;
}

.iti-flag.om {
  height: 10px;
  background-position: -3877px 0px;
}

.iti-flag.pa {
  height: 14px;
  background-position: -3899px 0px;
}

.iti-flag.pe {
  height: 14px;
  background-position: -3921px 0px;
}

.iti-flag.pf {
  height: 14px;
  background-position: -3943px 0px;
}

.iti-flag.pg {
  height: 15px;
  background-position: -3965px 0px;
}

.iti-flag.ph {
  height: 10px;
  background-position: -3987px 0px;
}

.iti-flag.pk {
  height: 14px;
  background-position: -4009px 0px;
}

.iti-flag.pl {
  height: 13px;
  background-position: -4031px 0px;
}

.iti-flag.pm {
  height: 14px;
  background-position: -4053px 0px;
}

.iti-flag.pn {
  height: 10px;
  background-position: -4075px 0px;
}

.iti-flag.pr {
  height: 14px;
  background-position: -4097px 0px;
}

.iti-flag.ps {
  height: 10px;
  background-position: -4119px 0px;
}

.iti-flag.pt {
  height: 14px;
  background-position: -4141px 0px;
}

.iti-flag.pw {
  height: 13px;
  background-position: -4163px 0px;
}

.iti-flag.py {
  height: 11px;
  background-position: -4185px 0px;
}

.iti-flag.qa {
  height: 8px;
  background-position: -4207px 0px;
}

.iti-flag.re {
  height: 14px;
  background-position: -4229px 0px;
}

.iti-flag.ro {
  height: 14px;
  background-position: -4251px 0px;
}

.iti-flag.rs {
  height: 14px;
  background-position: -4273px 0px;
}

.iti-flag.ru {
  height: 14px;
  background-position: -4295px 0px;
}

.iti-flag.rw {
  height: 14px;
  background-position: -4317px 0px;
}

.iti-flag.sa {
  height: 14px;
  background-position: -4339px 0px;
}

.iti-flag.sb {
  height: 10px;
  background-position: -4361px 0px;
}

.iti-flag.sc {
  height: 10px;
  background-position: -4383px 0px;
}

.iti-flag.sd {
  height: 10px;
  background-position: -4405px 0px;
}

.iti-flag.se {
  height: 13px;
  background-position: -4427px 0px;
}

.iti-flag.sg {
  height: 14px;
  background-position: -4449px 0px;
}

.iti-flag.sh {
  height: 10px;
  background-position: -4471px 0px;
}

.iti-flag.si {
  height: 10px;
  background-position: -4493px 0px;
}

.iti-flag.sj {
  height: 15px;
  background-position: -4515px 0px;
}

.iti-flag.sk {
  height: 14px;
  background-position: -4537px 0px;
}

.iti-flag.sl {
  height: 14px;
  background-position: -4559px 0px;
}

.iti-flag.sm {
  height: 15px;
  background-position: -4581px 0px;
}

.iti-flag.sn {
  height: 14px;
  background-position: -4603px 0px;
}

.iti-flag.so {
  height: 14px;
  background-position: -4625px 0px;
}

.iti-flag.sr {
  height: 14px;
  background-position: -4647px 0px;
}

.iti-flag.ss {
  height: 10px;
  background-position: -4669px 0px;
}

.iti-flag.st {
  height: 10px;
  background-position: -4691px 0px;
}

.iti-flag.sv {
  height: 12px;
  background-position: -4713px 0px;
}

.iti-flag.sx {
  height: 14px;
  background-position: -4735px 0px;
}

.iti-flag.sy {
  height: 14px;
  background-position: -4757px 0px;
}

.iti-flag.sz {
  height: 14px;
  background-position: -4779px 0px;
}

.iti-flag.ta {
  height: 10px;
  background-position: -4801px 0px;
}

.iti-flag.tc {
  height: 10px;
  background-position: -4823px 0px;
}

.iti-flag.td {
  height: 14px;
  background-position: -4845px 0px;
}

.iti-flag.tf {
  height: 14px;
  background-position: -4867px 0px;
}

.iti-flag.tg {
  height: 13px;
  background-position: -4889px 0px;
}

.iti-flag.th {
  height: 14px;
  background-position: -4911px 0px;
}

.iti-flag.tj {
  height: 10px;
  background-position: -4933px 0px;
}

.iti-flag.tk {
  height: 10px;
  background-position: -4955px 0px;
}

.iti-flag.tl {
  height: 10px;
  background-position: -4977px 0px;
}

.iti-flag.tm {
  height: 14px;
  background-position: -4999px 0px;
}

.iti-flag.tn {
  height: 14px;
  background-position: -5021px 0px;
}

.iti-flag.to {
  height: 10px;
  background-position: -5043px 0px;
}

.iti-flag.tr {
  height: 14px;
  background-position: -5065px 0px;
}

.iti-flag.tt {
  height: 12px;
  background-position: -5087px 0px;
}

.iti-flag.tv {
  height: 10px;
  background-position: -5109px 0px;
}

.iti-flag.tw {
  height: 14px;
  background-position: -5131px 0px;
}

.iti-flag.tz {
  height: 14px;
  background-position: -5153px 0px;
}

.iti-flag.ua {
  height: 14px;
  background-position: -5175px 0px;
}

.iti-flag.ug {
  height: 14px;
  background-position: -5197px 0px;
}

.iti-flag.um {
  height: 11px;
  background-position: -5219px 0px;
}

.iti-flag.us {
  height: 11px;
  background-position: -5241px 0px;
}

.iti-flag.uy {
  height: 14px;
  background-position: -5263px 0px;
}

.iti-flag.uz {
  height: 10px;
  background-position: -5285px 0px;
}

.iti-flag.va {
  height: 15px;
  background-position: -5307px 0px;
}

.iti-flag.vc {
  height: 14px;
  background-position: -5324px 0px;
}

.iti-flag.ve {
  height: 14px;
  background-position: -5346px 0px;
}

.iti-flag.vg {
  height: 10px;
  background-position: -5368px 0px;
}

.iti-flag.vi {
  height: 14px;
  background-position: -5390px 0px;
}

.iti-flag.vn {
  height: 14px;
  background-position: -5412px 0px;
}

.iti-flag.vu {
  height: 12px;
  background-position: -5434px 0px;
}

.iti-flag.wf {
  height: 14px;
  background-position: -5456px 0px;
}

.iti-flag.ws {
  height: 10px;
  background-position: -5478px 0px;
}

.iti-flag.xk {
  height: 15px;
  background-position: -5500px 0px;
}

.iti-flag.ye {
  height: 14px;
  background-position: -5522px 0px;
}

.iti-flag.yt {
  height: 14px;
  background-position: -5544px 0px;
}

.iti-flag.za {
  height: 14px;
  background-position: -5566px 0px;
}

.iti-flag.zm {
  height: 14px;
  background-position: -5588px 0px;
}

.iti-flag.zw {
  height: 10px;
  background-position: -5610px 0px;
}

.iti-flag {
  width: 20px;
  height: 15px;
  box-shadow: 0px 0px 1px 0px #888888;
  background-image: url("/themes/giwagardens/images/misc/flags.png");
  background-repeat: no-repeat;
  background-color: #dbdbdb;
  background-position: 20px 0;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .iti-flag {
    background-image: url("/themes/giwagardens/images/misc/flags@2x.png");
  }
}
.iti-flag.np {
  background-color: transparent;
}

.owl-carousel {
  display: none;
  width: 100%;
  position: relative;
  z-index: 1;
}

.owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel.owl-loading {
  display: block;
  opacity: 0;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}

.owl-carousel .owl-stage {
  position: relative;
  touch-action: manipulation;
  -ms-touch-action: pan-y;
  -moz-backface-visibility: hidden;
  display: -ms-box;
  display: flex;
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-stage-outer.owl-height {
  transition: height 0.4s ease-in-out;
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-touch-callout: none;
}

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
  touch-action: pan-y;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  background: none;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next {
  display: block;
  width: 40px;
  height: 40px;
  background: #71d321;
  margin-top: -20px;
  position: absolute;
  top: 50%;
  transition: background-color 0.2s ease-in-out;
  background: #fff;
  display: inline-block;
  margin: 0 10px;
  border: solid 1px #D5D7D9 !important;
  border-radius: 50%;
}

.owl-carousel .owl-nav .owl-prev {
  left: 0;
}

.owl-carousel .owl-nav .owl-next {
  right: 0;
}

.owl-carousel .owl-nav .owl-prev > span,
.owl-carousel .owl-nav .owl-next > span {
  display: block;
  line-height: 1em;
  text-align: center;
  color: rgba(255, 255, 255, 0.8);
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  color: #19191B;
  font-size: 40px;
  margin-top: -23px;
}

.owl-carousel .owl-nav .owl-prev > span:hover,
.owl-carousel .owl-nav .owl-next > span:hover {
  color: #468EEE;
}

.owl-carousel .owl-dots {
  text-align: center;
}

.owl-carousel .owl-dots .owl-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  background-color: #D5D7D9;
  border-radius: 50%;
  margin-right: 5px;
  margin-left: 5px;
  transition: background-color 0.2s ease-in-out;
}

.owl-carousel .owl-dots .owl-dot.active {
  background-color: #468EEE;
}

/* Animation */
.animated {
  animation-duration: 0.4s;
  animation-fill-mode: both;
}

.slideInDown {
  animation-name: slideInDown;
}

.slideInUp {
  animation-name: slideInUp;
}

.slideOutDown {
  animation-name: slideOutDown;
}

.slideOutUp {
  animation-name: slideOutUp;
}

@keyframes slideInDown {
  from {
    visibility: visible;
    transform: translate3d(0, -100%, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -100%, 0);
  }
}
/**
 * Fileuploader
 * Copyright (c) 2019 Innostudio.de
 * Website: https://innostudio.de/fileuploader/
 * Version: 2.2 (01-Apr-2019)
 * License: https://innostudio.de/fileuploader/documentation/#license
 */
.fileuploader-input .fileuploader-input-button, .fileuploader-input .fileuploader-input-caption, .fileuploader-items .fileuploader-item .fileuploader-action i, .fileuploader-items .fileuploader-item .fileuploader-progressbar .bar, .fileuploader-items .fileuploader-item .progress-bar2 .fileuploader-progressbar .bar, .fileuploader-items .fileuploader-item span.fileuploader-action-popup, .fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-tools li a, .fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer a[data-action], .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button, .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button.button-success {
  transition: 0.7s cubic-bezier(0.17, 0.67, 0, 1.01);
}

.fileuploader-items .fileuploader-item, .fileuploader-items .fileuploader-item .fileuploader-action, .fileuploader-items .fileuploader-item .fileuploader-item-icon, .fileuploader-items .fileuploader-item .fileuploader-item-image canvas, .fileuploader-items .fileuploader-item .fileuploader-item-image img, .fileuploader-popup, .fileuploader-popup .fileuploader-popup-node {
  animation: fileuploaderFadeIn 0.2s ease;
}

.fileuploader-input .fileuploader-input-button, .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button, .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button.button-success {
  display: inline-block;
  margin: 0;
  padding: 14px 22px;
  border: none;
  border-radius: 30px;
  outline: 0;
  font-weight: 700;
  cursor: pointer;
  vertical-align: middle;
  text-decoration: none;
}

.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button {
  background: #e6ebf4;
  color: #90a0bc;
}

.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button:hover {
  background: #edf1f7;
  transform: translate3d(0, -1px, 0);
}

.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button:active {
  background: #dfe5f1;
  transform: translate3d(0, 1px, 0);
}

.fileuploader-input .fileuploader-input-button, .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button.button-success {
  background: #9658fe;
  background: linear-gradient(135deg, #3a8ffe 0, #9658fe 100%);
  background-size: 140% auto;
  background-position: center;
  color: #fff;
  background: #607D8b;
  transition: background 0.3s ease-in-out;
  box-shadow: none;
}

.fileuploader-input .fileuploader-input-button:hover, .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button.button-success:hover {
  background: rgba(96, 125, 139, 0.85) left;
}

.fileuploader-input .fileuploader-input-button:active, .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button.button-success:active {
  background-position: right;
  /*box-shadow: 0 4px 25px rgba(0, 0, 0, .15);*/
  /*transform: translate3d(0, 2px, 0)*/
}

.fileuploader-items .fileuploader-item .fileuploader-action i, .fileuploader-main-icon:after, .fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-tools li a i:after, .fileuploader-popup .fileuploader-popup-move:after {
  font-family: inherit;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fileuploader-input .fileuploader-input-caption .fileuploader-pending-loader, .fileuploader-items .fileuploader-item .fileuploader-item-image.fileuploader-loading:after, .fileuploader-items .fileuploader-item.upload-pending .fileuploader-action-remove:after, .fileuploader-popup.loading:after {
  content: "";
  position: absolute;
  min-width: 24px;
  min-height: 24px;
  max-width: 48px;
  max-height: 48px;
  background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJsb2FkZXItMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI0MHB4IiBoZWlnaHQ9IjQwcHgiIHZpZXdCb3g9IjAgMCA1MCA1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTAgNTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSIjZGRlNGY2IiBkPSJNNDMuOTM1LDI1LjE0NWMwLTEwLjMxOC04LjM2NC0xOC42ODMtMTguNjgzLTE4LjY4M2MtMTAuMzE4LDAtMTguNjgzLDguMzY1LTE4LjY4MywxOC42ODNoNC4wNjhjMC04LjA3MSw2LjU0My0xNC42MTUsMTQuNjE1LTE0LjYxNWM4LjA3MiwwLDE0LjYxNSw2LjU0MywxNC42MTUsMTQuNjE1SDQzLjkzNXoiPjxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZVR5cGU9InhtbCIgYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIGZyb209IjAgMjUgMjUiIHRvPSIzNjAgMjUgMjUiIGR1cj0iMC42cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz4gPC9wYXRoPiA8L3N2Zz4=) no-repeat center;
  background-size: contain;
}

.fileuploader-items .fileuploader-item .fileuploader-item-icon i, .fileuploader-items .fileuploader-item .fileuploader-item-image canvas, .fileuploader-items .fileuploader-item .fileuploader-item-image img, .fileuploader-items .fileuploader-item .fileuploader-item-image.fileuploader-loading:after, .fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point:after, .fileuploader-popup .fileuploader-popup-move:after, .fileuploader-popup.loading:after {
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.fileuploader-items .fileuploader-item .fileuploader-action, .fileuploader-items .fileuploader-item .progress-bar2 span {
  top: 50%;
  transform: translateY(-50%);
}

.fileuploader-input .fileuploader-input-button, .fileuploader-items .fileuploader-item .fileuploader-item-icon, .fileuploader-items .fileuploader-item .progress-bar2 .fileuploader-progressbar, .fileuploader-popup .fileuploader-cropper, .fileuploader-popup .fileuploader-cropper *, .fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-tools li a, .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button, .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button.button-success, .fileuploader-popup .fileuploader-popup-move, .fileuploader-popup .fileuploader-popup-node .fileuploader-popup-file-icon {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

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

.fileuploader {
  display: block;
  width: 100%;
  padding: 0;
  margin: 16px 0;
  border-radius: 6px;
  line-height: normal;
}

.fileuploader:after {
  content: "";
  display: table;
  clear: both;
}

.fileuploader-main-icon {
  color: #789bec;
}

.fileuploader-main-icon:after {
  content: "\e900";
}

.fileuploader-input {
  position: relative;
  display: flex;
  border: 1px solid transparent;
  border-radius: 30px;
  cursor: pointer;
}

.fileuploader-input .fileuploader-input-caption {
  position: relative;
  display: inline-block;
  flex: 1;
  align-self: flex-start;
  padding: 13px 16px;
  margin-right: 16px;
  background: #fff;
  border: 1px solid #ebeef1;
  border-radius: 30px;
  color: #789bec;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.01);
  font-weight: 700;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: rgba(33, 33, 33, 0.68);
}

.fileuploader-focused .fileuploader-input .fileuploader-input-caption {
  border-color: #789bec;
}

.fileuploader-input .fileuploader-input-caption .fileuploader-pending-loader {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  min-height: 22px;
  margin-right: 6px;
}

.fileuploader-input.fileuploader-dragging {
  background: #fff;
  border: 1px solid #ebeef1;
  border-style: dashed;
}

.fileuploader-input.fileuploader-dragging .fileuploader-input-caption {
  border-color: transparent;
}

.fileuploader-input.fileuploader-dragging .fileuploader-input-button {
  transform: translateX(100%);
  opacity: 0;
}

.fileuploader-disabled .fileuploader-input {
  opacity: 0.7;
  cursor: default;
  pointer-events: none !important;
}

.fileuploader-items .fileuploader-items-list {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
  margin-top: 4px;
}

.fileuploader-items .fileuploader-item {
  position: relative;
  margin: 0 0 4px 0;
  padding: 20px 16px 20px 22px;
  animation-duration: 0.6s;
  border-radius: 20px;
  background: #F9FBFC;
  border: 1px solid #EFEEF3;
}

.fileuploader-items .fileuploader-item.upload-failed {
  background: rgba(254, 84, 111, 0.06);
}

.fileuploader-items .fileuploader-item.upload-pending .fileuploader-action-remove:after {
  position: absolute;
  left: -8px;
  top: -8px;
  width: 36px;
  height: 36px;
}

.fileuploader-items .fileuploader-item .columns {
  position: relative;
  display: flex;
  z-index: 2;
}

.fileuploader-items .fileuploader-item .column-thumbnail {
  position: relative;
  width: 42px;
  height: 42px;
}

.fileuploader-items .fileuploader-item .column-title {
  flex: 1;
  padding-left: 16px;
  padding-right: 16px;
  color: #74809d;
  overflow: hidden;
}

.fileuploader-items .fileuploader-item .column-title a {
  display: inline-block;
  width: 100%;
  height: 100%;
  color: #74809d;
  text-decoration: none;
}

.fileuploader-items .fileuploader-item .column-title div {
  width: 100%;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.fileuploader-items .fileuploader-item .column-title span {
  font-size: 12px;
  color: #979fb8;
}

.fileuploader-items .fileuploader-item .column-actions {
  margin: 0 16px;
}

.fileuploader-items .fileuploader-item .fileuploader-item-image {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  background: #fff;
  overflow: hidden;
}

.fileuploader-items .fileuploader-item .fileuploader-item-image.fileuploader-loading:after {
  content: "";
  width: 50%;
  height: 50%;
}

.fileuploader-items .fileuploader-item .fileuploader-item-image canvas, .fileuploader-items .fileuploader-item .fileuploader-item-image img {
  position: absolute;
  max-width: none;
  max-height: 100%;
}

.fileuploader-items .fileuploader-item .fileuploader-item-icon {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #fff;
  font-size: 11px;
  background: #ddd;
  border-radius: 4px;
  cursor: default;
}

.fileuploader-items .fileuploader-item .fileuploader-item-icon.is-bright-color {
  color: #888;
}

.fileuploader-items .fileuploader-item .fileuploader-item-icon i {
  position: absolute;
  display: block;
  width: 90%;
  font-style: normal;
  font-weight: 700;
  overflow: hidden;
  white-space: nowrap;
}

.fileuploader-items .fileuploader-item span.fileuploader-action-popup {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(43, 56, 71, 0.2);
  border-radius: 6px;
  cursor: pointer;
  opacity: 0;
}

.fileuploader-items .fileuploader-item span.fileuploader-action-popup:hover {
  opacity: 1;
}

.fileuploader-items .fileuploader-item span.fileuploader-action-popup:active {
  background: rgba(43, 56, 71, 0.4);
}

.fileuploader-items .fileuploader-item .fileuploader-action {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  color: #c0c6d2;
  cursor: pointer;
  vertical-align: top;
}

.fileuploader-items .fileuploader-item .fileuploader-action + .fileuploader-action {
  margin-left: 16px;
}

.fileuploader-items .fileuploader-item .fileuploader-action:hover {
  color: #789bec;
}

.fileuploader-items .fileuploader-item .fileuploader-action:active {
  color: #668ee9;
}

.fileuploader-items .fileuploader-item .fileuploader-action i {
  display: inline-block;
  width: 100%;
  height: 100%;
  font-size: 20px;
  line-height: 20px;
  text-align: center;
  border-radius: 50%;
}

.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove i:after {
  content: "";
  display: block;
  position: absolute;
  background: url("../images/icons/trash.svg") no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  left: 0;
  top: 0;
  margin: auto;
  bottom: 2px;
  opacity: 0.6;
  transition: opacity 0.3s ease-in-out;
}

.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove:hover i:after {
  opacity: 1;
}

.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-download i:after {
  content: "";
  display: block;
  position: absolute;
  background: url("../images/icons/download.svg") no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  left: 0;
  top: 0;
  margin: auto;
  bottom: 2px;
  opacity: 0.6;
  transition: opacity 0.3s ease-in-out;
}

.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-download:hover i:after {
  opacity: 1;
}

.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-start i:after {
  content: "\e907";
}

.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-sort i:after {
  content: "";
  display: block;
  position: absolute;
  background: url("../images/icons/sort.svg?ver=1") no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  left: 0;
  top: 0;
  margin: auto;
  bottom: 2px;
  opacity: 0.6;
  transition: opacity 0.3s ease-in-out;
}

.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-sort:hover i::after {
  opacity: 1;
}

.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-edit i:after {
  content: "\e90c";
}

.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-retry i:after {
  content: "";
  display: block;
  position: absolute;
  background: url("../images/icons/regenerate.svg") no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  left: 0;
  top: 0;
  margin: auto;
  bottom: 2px;
  opacity: 0.6;
  transition: opacity 0.3s ease-in-out;
}

.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-retry:hover i::after {
  opacity: 1;
}

.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-rotate i:after {
  content: "\e904";
}

.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-settings i:after {
  content: "\e905";
}

.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-preview i:after {
  content: "\e90d";
}

.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-success i:after {
  content: "";
  display: block;
  position: absolute;
  background: url("../images/icons/trash.svg") no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  left: 0;
  top: 0;
  margin: auto;
  bottom: 2px;
  opacity: 0.6;
  transition: opacity 0.3s ease-in-out;
}

.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-success:hover i::after {
  opacity: 1;
}

.fileuploader-items .fileuploader-item.file-has-popup span.fileuploader-action-popup {
  display: block;
}

.fileuploader-items .fileuploader-item .fileuploader-progressbar {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 4px;
  border-radius: 6px;
  overflow: hidden;
}

.fileuploader-items .fileuploader-item .fileuploader-progressbar .bar {
  position: absolute;
  left: 0;
  top: 0;
  width: 0%;
  height: 100%;
  border-radius: 6px;
  background: #789bec;
}

.fileuploader-items .fileuploader-item .progress-bar2 .fileuploader-progressbar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.fileuploader-items .fileuploader-item .progress-bar2 .fileuploader-progressbar .bar {
  position: absolute;
  left: 0;
  top: 0;
  width: 0%;
  height: 100%;
  border-radius: 0;
  background: rgba(104, 125, 219, 0.08);
}

.fileuploader-items .fileuploader-item .progress-bar2 span {
  position: absolute;
  right: 16px;
  color: rgba(151, 159, 184, 0.16);
  font-size: 48px;
}

.fileuploader-items .fileuploader-item.sorting {
  background: #fafbfd;
  border-radius: 6px;
  opacity: 0.8;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  z-index: 799;
}

.fileuploader-items .fileuploader-item.sorting, .fileuploader-items .fileuploader-item.sorting .fileuploader-action, .fileuploader-items .fileuploader-item.sorting .fileuploader-item-icon, .fileuploader-items .fileuploader-item.sorting .fileuploader-item-image canvas, .fileuploader-items .fileuploader-item.sorting .fileuploader-item-image img {
  animation: none;
}

.fileuploader-items .fileuploader-sorter-placeholder {
  background: rgba(0, 0, 0, 0.03);
  margin: 0;
  padding: 0;
  animation: none;
}

.fileuploader-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #191d1e;
  z-index: 2000;
  animation-duration: 0.4s;
}

.fileuploader-popup.loading:after {
  width: 48px;
  height: 48px;
  z-index: 8;
}

.fileuploader-popup .fileuploader-popup-preview {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: auto;
  z-index: 2;
}

.fileuploader-popup .fileuploader-popup-node {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
  height: 100%;
  min-width: 20px;
  min-height: 20px;
  padding: 80px 56px 64px;
  overflow: hidden;
}

.fileuploader-popup .fileuploader-popup-node .reader-node {
  position: relative;
  max-width: 100%;
  max-height: 100%;
  text-align: center;
  transform: translateZ(0);
}

.fileuploader-popup .fileuploader-popup-node .reader-node.is-movable {
  cursor: grab;
}

.fileuploader-popup .fileuploader-popup-node .reader-node.is-amoving:hover, .fileuploader-popup .fileuploader-popup-node .reader-node.is-moving {
  cursor: grabbing;
}

.fileuploader-popup .fileuploader-popup-node .reader-node.is-amoving:hover .area-move, .fileuploader-popup .fileuploader-popup-node .reader-node.is-amoving:hover .point, .fileuploader-popup .fileuploader-popup-node .reader-node.is-moving .area-move, .fileuploader-popup .fileuploader-popup-node .reader-node.is-moving .point {
  cursor: grabbing !important;
}

.fileuploader-popup .fileuploader-popup-node .reader-node.has-node-centered {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.fileuploader-popup .fileuploader-popup-node.astext .reader-node > div, .fileuploader-popup .fileuploader-popup-node.audio .reader-node > audio, .fileuploader-popup .fileuploader-popup-node.image .reader-node > img, .fileuploader-popup .fileuploader-popup-node.video .reader-node > video {
  max-width: 100%;
  max-height: 100%;
  margin: 0;
  padding: 0;
  color: #47525d;
  background: #fafafa;
  box-shadow: 0 0 18px rgba(0, 0, 0, 0.4);
  transform: translateZ(0);
  border-radius: 0;
}

.fileuploader-popup .fileuploader-popup-node.audio .reader-node audio {
  width: 450px;
}

.fileuploader-popup .fileuploader-popup-node.astext .reader-node div {
  max-width: 992px;
  padding: 20px;
  margin: 0 auto;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  overflow-y: auto;
  white-space: pre-wrap;
}

.fileuploader-popup .fileuploader-popup-node .fileuploader-popup-file-icon {
  position: relative;
  display: inline-block;
  width: 80px;
  height: 80px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDkiIGhlaWdodD0iNjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPiA8Zz4gIDx0aXRsZT5iYWNrZ3JvdW5kPC90aXRsZT4gIDxyZWN0IGZpbGw9Im5vbmUiIGlkPSJjYW52YXNfYmFja2dyb3VuZCIgaGVpZ2h0PSI0MDIiIHdpZHRoPSI1ODIiIHk9Ii0xIiB4PSItMSIvPiA8L2c+IDxnPiAgPHRpdGxlPkxheWVyIDE8L3RpdGxlPiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSIjYmJjYWNmIiBpZD0ic3ZnXzIiIGQ9Im00OSwxNi44NDJsMCw0Mi4xMDVjMCwyLjc5MSAtMi4yNyw1LjA1MyAtNS4wNjksNS4wNTNsLTM4Ljg2MiwwYy0yLjgsMCAtNS4wNjksLTIuMjYyIC01LjA2OSwtNS4wNTNsMCwtNTMuODk0YzAsLTIuNzkxIDIuMjY5LC01LjA1MyA1LjA2OSwtNS4wNTNsMjcuMDM0LDBsMTYuODk3LDE2Ljg0MnoiIGNsYXNzPSJjbHMtMSIvPiAgPHBhdGggZmlsbD0iI2RmZWFlZSIgZmlsbC1ydWxlPSJldmVub2RkIiBpZD0ic3ZnXzQiIGQ9Im00OSwxNS44OTlsMCwyLjA5NmwtMTMuODEzLDBjLTIuODYsMCAtNC4xNzksLTIuMzIgLTQuMTc5LC01LjE4MWwwLC0xMi44MTRsMi4wOTIsMGwxNS45LDE1Ljg5OXoiIGNsYXNzPSJjbHMtMyIvPiA8L2c+PC9zdmc+) no-repeat center;
  background-size: contain;
}

.fileuploader-popup .fileuploader-popup-node .fileuploader-popup-file-icon div {
  position: absolute;
  bottom: 14px;
  left: 0;
  padding: 4px 6px;
  border-radius: 4px;
  color: #fff;
  max-width: 100%;
  word-wrap: break-word;
}

.fileuploader-popup .fileuploader-popup-node .fileuploader-popup-file-icon div.is-bright-color {
  color: #888;
}

.fileuploader-popup .fileuploader-popup-node .fileuploader-popup-file-icon div i {
  text-transform: uppercase;
  font-style: normal;
  font-weight: 700;
  white-space: nowrap;
}

.fileuploader-popup .fileuploader-popup-content {
  color: #fdfdfd;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
}

.fileuploader-popup .fileuploader-popup-content ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.fileuploader-popup .fileuploader-popup-content ul li {
  display: inline-block;
  padding: 0;
  margin: 0;
}

.fileuploader-popup .fileuploader-popup-content ul li + li {
  margin-left: 16px;
}

.fileuploader-popup .fileuploader-popup-header {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  padding: 16px;
  background: rgba(0, 0, 0, 0.8);
  background: linear-gradient(360deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 100%);
  z-index: 2;
}

.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-meta {
  display: flex;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
}

.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-meta li:first-child {
  overflow: hidden;
}

.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-meta span {
  display: block;
  color: #80868b;
  font-size: 14px;
}

.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-meta h5 {
  max-width: 100%;
  margin: 4px 0 0;
  font-size: 14px;
  font-weight: 700;
  text-overflow: ellipsis;
  overflow: hidden;
}

.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-info:not(:empty) {
  flex: 1;
  margin-left: 16px;
}

.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-buttons {
  margin-left: 16px;
}

.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button {
  padding: 14px 24px;
  text-shadow: none;
}

.fileuploader-popup .fileuploader-popup-footer {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
  background: rgba(0, 0, 0, 0.8);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 100%);
  z-index: 2;
}

.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-tools li a {
  display: inline-block;
  padding: 16px;
  padding-bottom: 13px;
  cursor: pointer;
  text-decoration: none;
  color: #fdfdfd;
  border-bottom: 3px solid transparent;
}

.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-tools li a i {
  display: inline-block;
  font-size: 20px;
  margin-right: 6px;
  vertical-align: middle;
}

.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-tools li a:hover {
  border-bottom-color: #789bec;
  color: #fff;
}

.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-tools li a[data-action=remove] i:after {
  content: "\e906";
}

.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-tools li a[data-action=crop] i:after {
  content: "\e901";
}

.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-tools li a[data-action=rotate-cw] i:after {
  content: "\e904";
}

.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer {
  font-size: 14px;
}

.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer a[data-action] {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 16px;
  border: none;
  border-radius: 50%;
  padding: 0;
  vertical-align: middle;
  color: #fdfdfd;
  background: rgba(255, 255, 255, 0.1);
  text-shadow: none;
}

.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer a[data-action]:hover {
  background: rgba(255, 255, 255, 0.3);
}

.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer input {
  display: inline-block;
  -webkit-appearance: none;
  width: 130px;
  padding: 0;
  margin: 0 16px;
  vertical-align: middle;
  background: 0 0;
}

.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer input:focus {
  outline: 0;
}

.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer input::-webkit-slider-runnable-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: none;
  background: #789bec;
  border-radius: 6px;
}

.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer input::-webkit-slider-thumb {
  height: 14px;
  width: 14px;
  border-radius: 50%;
  border: 0;
  background: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -5px;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.8);
}

.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer input::-moz-range-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: none;
  background: #789bec;
  border-radius: 6px;
}

.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer input::-moz-range-thumb {
  height: 14px;
  width: 14px;
  border-radius: 50%;
  border: 0;
  background: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -5px;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.8);
}

.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer span {
  display: inline-block;
  min-width: 40px;
  text-align: center;
  margin-left: 6px;
  color: #fff;
  vertical-align: middle;
}

.fileuploader-popup .fileuploader-popup-move {
  position: absolute;
  display: none;
  width: 56px;
  height: 100%;
  font-size: 24px;
  bottom: 0;
  left: 0;
  color: #fff;
  opacity: 0.4;
  cursor: pointer;
  z-index: 1;
}

.fileuploader-popup .fileuploader-popup-move:hover {
  opacity: 1;
}

.fileuploader-popup .fileuploader-popup-move:after {
  position: absolute;
}

.fileuploader-popup .fileuploader-popup-move[data-action=prev]:after {
  content: "\e909";
}

.fileuploader-popup .fileuploader-popup-move[data-action=next] {
  left: auto;
  right: 0;
}

.fileuploader-popup .fileuploader-popup-move[data-action=next]:after {
  content: "\e90a";
}

.fileuploader-popup .fileuploader-popup-has-arrows .fileuploader-popup-move {
  display: inline-block;
}

.fileuploader-popup .fileuploader-cropper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(17, 20, 27, 0.65);
  z-index: 9;
}

.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  z-index: 2;
  transform: translateZ(0);
}

.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.has-grid:after, .fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.has-grid:before {
  content: "";
  position: absolute;
  border: 1px solid rgba(250, 250, 250, 0.8);
  opacity: 0;
  transition: all 0.4s ease;
  z-index: 1;
}

.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.has-grid:before {
  top: 0;
  left: 50%;
  height: 100%;
  width: 34%;
  border-top: 0;
  border-bottom: 0;
  transform: translateX(-50%);
}

.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.has-grid:after {
  top: 50%;
  left: 0;
  height: 34%;
  width: 100%;
  border-left: 0;
  border-right: 0;
  transform: translateY(-50%);
}

.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.has-grid.moving:after, .fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.has-grid.moving:before {
  opacity: 1;
}

.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point {
  position: absolute;
  width: 24px;
  height: 24px;
  z-index: 3;
}

.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point:after {
  content: "";
  width: 12px;
  height: 12px;
  position: absolute;
  background: #fff;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
  border-radius: 50%;
}

.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-a {
  top: -12px;
  left: -12px;
  cursor: nw-resize;
}

.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-b {
  top: -12px;
  left: 50%;
  margin-left: -12px;
  cursor: n-resize;
}

.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-c {
  top: -12px;
  right: -12px;
  cursor: ne-resize;
}

.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-d {
  top: 50%;
  right: -12px;
  margin-top: -12px;
  cursor: w-resize;
}

.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-e {
  bottom: -12px;
  right: -12px;
  cursor: nw-resize;
}

.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-f {
  bottom: -12px;
  left: 50%;
  margin-left: -12px;
  cursor: s-resize;
}

.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-g {
  bottom: -12px;
  left: -12px;
  cursor: sw-resize;
}

.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-h {
  left: -12px;
  top: 50%;
  margin-top: -12px;
  cursor: w-resize;
}

.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .area-move {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  cursor: move;
}

.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .area-move:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(255, 255, 255, 0.8);
}

.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .area-image {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .area-image img {
  width: auto;
  height: auto;
  max-width: none;
  max-height: none;
  position: absolute;
  left: 0;
  top: 0;
  background: #fff;
  transform-origin: top left;
}

.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .area-info {
  display: none;
  position: absolute;
  bottom: -12px;
  left: 50%;
  color: #fff;
  font-family: sans-serif;
  line-height: 1;
  font-size: 12px;
  text-align: center;
  padding: 4px 8px;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 14px;
  white-space: nowrap;
  opacity: 0;
  transform: translateX(-50%) translateY(100%);
  transition: all 0.4s ease;
  z-index: 2;
}

.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.show-info .area-info {
  opacity: 1;
}

@media all and (max-width: 768px) {
  .fileuploader-popup .fileuploader-popup-header {
    display: block;
    padding: 0;
  }
  .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-meta {
    padding: 16px;
  }
  .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-buttons {
    position: fixed;
    left: 0;
    bottom: 16px;
    width: 100%;
    margin: 0;
    text-align: center;
  }
  .fileuploader-popup .fileuploader-popup-node {
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 117px;
  }
  .fileuploader-popup .fileuploader-popup-footer {
    bottom: 61px;
    background: 0 0;
  }
  .fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer {
    display: none;
  }
  .fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-tools li a:hover {
    border-color: transparent;
  }
  .fileuploader-popup .fileuploader-popup-move {
    width: 30px;
  }
  .fileuploader-popup .fileuploader-popup-has-arrows .fileuploader-popup-node {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@keyframes fileuploaderFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.pinlogin .pinlogin-field {
  box-sizing: border-box;
  display: inline-block;
  width: 40px;
  height: 40px;
  padding: 5px;
  margin: 0 10px;
  border: 1px solid #ccc;
  border-radius: 2px;
  text-align: center;
}

.pinlogin .pinlogin-field:first-of-type {
  margin-left: 0;
}

.pinlogin .pinlogin-field:last-of-type {
  margin-right: 0;
}

.pinlogin .pinlogin-field:-moz-read-only {
  border: 1px solid #ddd;
  background: #fafafa;
  cursor: default;
}

.pinlogin .pinlogin-field:read-only {
  border: 1px solid #ddd;
  background: #fafafa;
  cursor: default;
}

.pinlogin .pinlogin-field.invalid {
  border: 1px solid red;
  color: red;
}

/* Index */
.control {
  display: block;
  width: 100%;
  background: #ffffff;
  font-size: 14px;
  line-height: 25px;
  border: 1px solid #EAEBEC;
  padding: 12px 14px;
  border-radius: 12px;
  transition: border-color 0.2s ease-in-out;
}
@media screen and (max-width: 768px) {
  .control {
    font-size: 14px;
  }
}
@media screen and (max-width: 400px) {
  .control {
    font-size: 11px;
    letter-spacing: -0.2%;
  }
}

.control--textarea {
  height: auto;
  min-height: 100px;
  line-height: 1.5em;
  resize: vertical;
}

.control:hover {
  border-color: #515151;
}

.control:focus {
  border-color: var(--primary-color);
}

.control.error {
  border-color: #EB4C13;
  animation: shake 0.3s ease-in-out;
}

@keyframes shake {
  0% {
    transform: translateX(0);
  }
  20% {
    transform: translateX(-4px);
  }
  40% {
    transform: translateX(4px);
  }
  60% {
    transform: translateX(-4px);
  }
  80% {
    transform: translateX(4px);
  }
  100% {
    transform: translateX(0);
  }
}
.control--password[data-strength="1"] {
  border-color: #EB4C13;
}

.control--password[data-strength="2"] {
  border-color: #ffc33c;
}

.control--password[data-strength="3"] {
  border-color: #c4f0a1;
}

.control--password[data-strength="4"] {
  border-color: var(--primary-color);
}

.control--disabled,
.control[disabled] {
  background-color: #f6f6f6;
  border-color: #d2d2d2;
  cursor: default;
}

.control--radio,
.control--checkbox,
.form-check-input {
  display: none;
}

.control--radio + .control-label,
.control--checkbox + .control-label,
.form-check-input + .form-check-label {
  display: block;
  line-height: 20px;
  padding-left: 30px;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  color: #999BA1;
  font-size: 12px;
  text-align: left;
}

.control--radio + .control-label a,
.control--checkbox + .control-label a,
.form-check-input + .form-check-label a {
  color: var(--primary-color);
  border-bottom: 1px solid transparent;
  transition: border-bottom-color 0.3s ease-in-out;
}

.control--radio + .control-label a:hover,
.control--checkbox + .control-label a:hover,
.form-check-input + .form-check-label a:hover {
  border-bottom-color: var(--primary-color);
}

.control--radio.control--inverted + .control-label,
.control--checkbox.control--inverted + .control-label {
  padding-left: 0;
  padding-right: 30px;
}

.control--radio.control--button + .control-label,
.control--checkbox.control--button + .control-label {
  height: 50px;
  background: #eaeaea;
  border-radius: 30px;
  padding-right: 30px;
  padding-left: 30px;
  transition: background-color 0.2s ease-in-out;
}

.control--radio.control--button + .control-label:hover,
.control--checkbox.control--button + .control-label:hover,
.control--radio.control--button:checked + .control-label,
.control--checkbox.control--button:checked + .control-label {
  background-color: var(--primary-color);
}

.control--radio + .control-label:before,
.control--checkbox + .control-label:before,
.form-check-input + .form-check-label:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border: 2px solid #afafaf;
  border-radius: 3px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}

.control--radio + .control-label:before {
  border-radius: 50%;
}

.control--radio + .control-label:hover:before,
.control--checkbox + .control-label:hover:before,
.form-check-input + .form-check-label:hover:before {
  border-color: #515151;
}

.control--radio.control--inverted + .control-label:before,
.control--checkbox.control--inverted + .control-label:before {
  left: auto;
  right: 0;
}

.control--radio:checked + .control-label:before,
.control--checkbox:checked + .control-label:before,
.form-check-input:checked + .form-check-label:before {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}

.control--radio.control--button + .control-label:before,
.control--checkbox.control--button + .control-label:before {
  display: none;
}

.control--radio + .control-label:after,
.control--checkbox + .control-label:after,
.form-check-input + .form-check-label:after {
  content: "";
  display: block;
  background: no-repeat center;
  background-size: contain;
  position: absolute;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  transform: scale(0);
  transition: opacity 0.2s ease-in-out, visibility 0s ease-in-out 0.2s, transform 0.2s ease-in-out;
}

.control--radio + .control-label:after {
  width: 10px;
  height: 10px;
  background-image: url(/themes/giwagardens/images/icons/dot-white.svg);
  top: 10px;
  right: 5px;
}

.control--radio.control--inverted + .control-label:after {
  right: auto;
  left: 5px;
}

.control--checkbox + .control-label:after,
.form-check-input + .form-check-label:after {
  width: 12px;
  height: 12px;
  background-image: url(/themes/giwagardens/images/icons/tick-white.svg);
  top: 4px;
  left: 4px;
}

.control--checkbox.control--inverted + .control-label:after {
  left: auto;
  right: 4px;
}

.control--radio.control--button + .control-label:after,
.control--checkbox.control--button + .control-label:after {
  width: 12px;
  height: 12px;
  background-image: url(/themes/giwagardens/images/icons/tick-white.svg);
  margin-top: -6px;
  top: 50%;
  right: 20px;
}

.control--radio:checked + .control-label:after,
.control--checkbox:checked + .control-label:after,
.form-check-input:checked + .form-check-label:after {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  transition-delay: 0.1s;
}

.control--radio.control--button + .control-label > .control-label__text,
.control--checkbox.control--button + .control-label > .control-label__text {
  display: block;
  max-width: 100%;
  font-size: 18px;
  font-weight: bold;
  line-height: 1em;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: -9px;
  padding-right: 30px;
  padding-left: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%);
  overflow: hidden;
  transition: color 0.2s ease-in-out, left 0.2s ease-in-out, transform 0.2s ease-in-out;
}

.control--radio.control--button + .control-label:hover > .control-label__text,
.control--checkbox.control--button + .control-label:hover > .control-label__text {
  color: #ffffff;
}

.control--radio.control--button:checked + .control-label > .control-label__text,
.control--checkbox.control--button:checked + .control-label > .control-label__text {
  color: #ffffff;
  left: 0;
  transform: translateX(0);
}

.control--select + .select2 + .select2-container .select2-results__option .iti-flag,
.control--country + .select2 + .select2-container .select2-results__option .iti-flag {
  display: inline-block;
  margin-right: 6px;
}

.control--select.error + .select2 .select2-selection__rendered,
.control--country.error + .select2 .select2-selection__rendered {
  border-color: #fa2b56;
}

.control--select--secondary + .select2 .select2-selection__rendered {
  background-color: #468EEE;
  color: #FFFFFF;
}
.control--select--secondary + .select2 .select2-selection__placeholder {
  color: #FFFFFF;
}
.control--select--secondary + .select2 .select2-selection__arrow {
  background: url(/themes/giwagardens/images/icons/arrow-down.svg?ver=3) no-repeat center;
}

.control--file {
  display: none;
}

.control--file + .control-label {
  display: inline-block;
  color: var(--primary-color);
  border-bottom: 1px solid var(--primary-color);
  transition: border-color 0.2s ease-in-out;
}

.control--file + .control-label:hover {
  border-bottom-color: transparent;
}

.control-label {
  display: block;
  font-weight: bold;
  font-size: 14px;
  text-align: left;
}

.control-helper {
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  color: #999BA1;
  position: relative;
  padding-left: 20px;
}
.control-helper:before {
  content: "";
  width: 16px;
  height: 16px;
  background: url(/themes/giwagardens/images/icons/help-circled-gray.svg) no-repeat center;
  background-size: contain;
  position: absolute;
  bottom: 2px;
  left: 2px;
}

.invalid-feedback,
.control-error {
  font-size: 12px;
  line-height: 24px;
  text-indent: 10px;
  text-align: left;
  color: #fa2b56;
}

.control-caption {
  font-size: 12px;
  line-height: 20px;
  color: #999BA1;
  text-align: left;
  font-weight: 500;
  position: relative;
}
.control-caption--centered {
  text-align: center;
}
.control-caption--icon {
  padding-left: 20px;
}
.control-caption--icon:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 16px;
  height: 16px;
  background: no-repeat center;
  background-size: contain;
}
.control-caption--icon[data-icon=info]:before {
  background-image: url(/themes/giwagardens/images/icons/info.svg);
}

.control--spinner {
  text-align: center;
}

.control-spinner {
  position: relative;
  padding-left: 30px;
  padding-right: 30px;
  min-width: 100px;
}

.control-spinner__button {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0;
  opacity: 0.2;
  min-width: auto;
  width: 27px;
  height: 27px;
}

.control-spinner__button--plus {
  left: auto;
  right: 0;
}

.control-wrapper {
  position: relative;
}

.control-wrapper--icon {
  padding-left: 40px;
}

.control-wrapper--icon .icon {
  position: absolute;
  left: 16px;
  top: 0;
  bottom: 0;
  margin: auto;
  display: block;
  width: 16px;
  height: 16px;
  z-index: 1;
}

.datepicker {
  position: relative;
}

.datepicker .btn-icon {
  position: absolute;
  left: 15px;
  top: 15px;
}
.datepicker .btn-icon > .icon {
  width: 16px;
  height: 16px;
  margin-top: 2px;
}

.btn-icon.text-danger {
  display: none;
}

.control-wrapper--icon .control {
  position: relative;
  margin-left: -40px;
  padding-left: 40px;
  width: calc(100% + 40px);
}

.control-wrapper--icon .invalid-feedback,
.control-wrapper--icon .control-error {
  left: 0;
}

.control--toggle {
  display: none;
}

.control--toggle + .control-label {
  align-items: center;
  color: #78768d;
  cursor: pointer;
  display: flex;
  font-size: 12px;
  line-height: 15px;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  padding-left: 56px;
}

.control--toggle + .control-label::before,
.control--toggle + .control-label::after {
  content: "";
  display: block;
  position: absolute;
}

.control--toggle + .control-label::before {
  background-color: #EAEBEC;
  border-radius: 500px;
  height: 24px;
  transition: background-color 0.125s ease-out;
  width: 48px;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.control--toggle + .control-label::after {
  background-color: #ACAEB4;
  border-radius: 13px;
  box-shadow: 0 3px 1px 0 rgba(37, 34, 71, 0.05), 0 2px 2px 0 rgba(37, 34, 71, 0.1), 0 3px 3px 0 rgba(37, 34, 71, 0.05);
  height: 20px;
  left: 2px;
  position: absolute;
  top: 2px;
  bottom: 2px;
  margin: auto;
  transition: transform 0.125s ease-out;
  width: 20px;
}

.control--toggle + .control-label .control-label__text {
  display: block;
  margin-right: 0.3em;
}

.control--toggle + .control-label .control-label__toggle-text {
  display: block;
}

.control--toggle + .control-label .control-label__unchecked,
.control--toggle + .control-label .control-label__checked {
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  color: #999BA1;
}

.control--toggle + .control-label .control-label__unchecked {
  display: inline;
  color: #D84B3B;
}

.control--toggle + .control-label .control-label__checked {
  display: none;
}

.control--toggle:checked + .control-label::before {
  background-color: #EAEBEC;
}

.control--toggle:checked + .control-label::after {
  background-color: #468EEE;
  transform: translate3d(24px, 0, 0);
}

.control--toggle:checked + .control-label .control-label__unchecked {
  display: none;
}

.control--toggle:checked + .control-label .control-label__checked {
  display: inline;
}

.select2-dropdown {
  border-radius: 12px;
}
.select2-dropdown .select2-results__option[role=treeitem] {
  font-size: 14px;
  font-weight: 500;
  line-height: 25px;
}
.select2-dropdown .select2-results__options[role=tree] {
  padding: 4px;
}
.select2-dropdown li {
  border-radius: 16px !important;
}
.select2-dropdown li:not(:last-child) {
  margin-bottom: 4px;
  top: 2px;
}

/* Index */
.form__row {
  margin-top: 15px;
}

.form__row--joined {
  margin-top: 0;
}

.form__row--buttons {
  text-align: center;
  margin-top: 20px;
}

.form__row:first-of-type,
.form__row:first-child {
  margin-top: 0;
}

.form__row--by-2, .form__row--by-3, .form__row--by-4 {
  margin-right: -10px;
  margin-left: -10px;
}

.form__row--by-2:after, .form__row--by-3:after, .form__row--by-4:after {
  content: "";
  display: table;
  clear: both;
}

.form__cell {
  float: left;
  padding-right: 10px;
  padding-left: 10px;
}

.form__row--by-2 > .form__cell {
  width: 50%;
}

.form__row--by-3 > .form__cell {
  width: 33.33334%;
}

.form__row--by-4 > .form__cell {
  width: 25%;
}

.form__title {
  text-align: center;
  margin-bottom: 15px;
}

.form__link {
  display: block;
  font-size: 16px;
  font-weight: bold;
  line-height: 1em;
  text-align: center;
  color: #afafaf;
  margin-top: 20px;
  transition: color 0.2s ease-in-out;
}
.form__link:hover {
  color: var(--primary-color);
}

.form__submit {
  width: 240px;
}

@media (max-width: 991px) {
  .form__row--by-2 > .form__cell, .form__row--by-3 > .form__cell, .form__row--by-4 > .form__cell {
    width: 100%;
    margin-top: 10px;
  }
  .form__row--by-2 > .form__cell:first-child, .form__row--by-3 > .form__cell:first-child, .form__row--by-4 > .form__cell:first-child {
    margin-top: 0;
  }
  .form__submit {
    width: 100%;
  }
}
/* Alerts */
.alert,
.form-error, .form-success {
  font-size: 14px;
  line-height: 1.5em;
  border-radius: 6px;
  padding: 15px 20px;
  margin-bottom: 20px;
  color: #fff;
}

.form-error {
  background: rgba(250, 43, 86, 0.2);
}

.alert-success,
.form-success {
  background-color: #469C53;
}

/* Container */
.form-container {
  max-width: 768px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
}
.form-container:after {
  content: "";
  display: table;
  clear: both;
}

.form__row--separator {
  text-align: center;
  position: relative;
  padding: 6px 0;
  margin-top: 20px;
}
.form__row--separator:before {
  content: "";
  height: 1px;
  width: 100%;
  display: block;
  background: #D5D7D9;
}
.form__row--separator .form__separator-text {
  position: absolute;
  background: #FFFFFF;
  color: #999BA1;
  font-size: 12px;
  font-weight: bold;
  line-height: 1em;
  text-align: center;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 70px;
}

.form__container .modal__block {
  max-width: 768px;
  border-radius: 25px;
  border: 1px solid #D5D7D9;
  transform: scale(1);
  margin-top: 64px;
  margin-bottom: 128px;
}

.button {
  display: inline-block;
  min-width: 120px;
  background: #ffffff;
  font-size: 14px;
  font-weight: 500;
  line-height: 25px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #ffffff;
  padding: 12px 24px;
  border-radius: 12px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out, opacity 0.2s ease-in-out;
  /*& --secondary*/
  /*{*/
  /*    @include button($color, $text-color, $hover-color, $hover-text-color)*/
  /*}*/
}
.button[disabled] {
  cursor: default;
  pointer-events: none;
  filter: grayscale(0.7);
}
.button > .button__icon, .button > .icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  transition: fill 0.2s ease-in-out;
}
.button > .button__text {
  text-decoration: none;
  vertical-align: middle;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .button > .button__text {
    font-size: 15px;
  }
}
@media screen and (max-width: 768px) {
  .button > .button__text {
    font-size: 14px;
  }
}
.button > .button__text + .button__icon, .button > .button__text + .icon {
  margin-right: 0;
  margin-left: 10px;
}
.button--small {
  font-size: 14px;
  line-height: 1em;
  padding: 10px 20px;
}
.button--small > .button__icon, .button--small > .icon {
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
.button--small > .button__text + .button__icon, .button--small > .button__text + .icon {
  margin-left: 5px;
}
.button--fluid {
  width: 100%;
}
.button--centered {
  margin: 0 auto;
}
.button--primary {
  border-color: var(--primary-color);
  background-color: var(--primary-color);
  color: #fff;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .button--primary {
    font-size: 15px;
  }
}
@media screen and (max-width: 400px) {
  .button--primary {
    font-size: 14px;
    letter-spacing: -0.3%;
  }
}
.button--primary > .button__icon, .button--primary > .icon {
  fill: #fff;
}
.button--primary > .button__text {
  color: #fff;
}
.button--primary:hover {
  background-color: #fff;
  color: var(--primary-color);
}
.button--primary:hover > .button__icon, .button--primary:hover > .icon {
  fill: var(--primary-color);
  stroke: var(--primary-color);
}
.button--primary:hover > .button__text {
  color: var(--primary-color);
}
.button--primary.button--inverted {
  background-color: #fff;
  color: var(--primary-color);
}
.button--primary.button--inverted > .button__icon, .button--primary.button--inverted > .icon {
  fill: var(--primary-color);
  stroke: var(--primary-color);
}
.button--primary.button--inverted > .button__text {
  color: var(--primary-color);
}
.button--primary.button--inverted:hover {
  background-color: var(--primary-color);
  color: #fff;
}
.button--primary.button--inverted:hover > .button__icon, .button--primary.button--inverted:hover > .icon {
  fill: #fff;
  stroke: #fff;
}
.button--primary.button--inverted:hover > .button__text {
  color: #fff;
}
.button--secondary {
  border-color: #EAEBEC;
  background-color: #EAEBEC;
  color: #19191B;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .button--secondary {
    font-size: 15px;
  }
}
@media screen and (max-width: 400px) {
  .button--secondary {
    font-size: 14px;
    letter-spacing: -0.3%;
  }
}
.button--secondary > .button__icon, .button--secondary > .icon {
  fill: #19191B;
}
.button--secondary > .button__text {
  color: #19191B;
}
.button--secondary:hover {
  background-color: #fff;
  color: #19191B;
}
.button--secondary:hover > .button__icon, .button--secondary:hover > .icon {
  fill: #19191B;
  stroke: #19191B;
}
.button--secondary:hover > .button__text {
  color: #19191B;
}
.button--secondary.button--inverted {
  background-color: #fff;
  color: #19191B;
}
.button--secondary.button--inverted > .button__icon, .button--secondary.button--inverted > .icon {
  fill: #19191B;
  stroke: #19191B;
}
.button--secondary.button--inverted > .button__text {
  color: #19191B;
}
.button--secondary.button--inverted:hover {
  background-color: #EAEBEC;
  color: #19191B;
}
.button--secondary.button--inverted:hover > .button__icon, .button--secondary.button--inverted:hover > .icon {
  fill: #19191B;
  stroke: #19191B;
}
.button--secondary.button--inverted:hover > .button__text {
  color: #19191B;
}
.button--green {
  border-color: #5BC96B;
  background-color: #5BC96B;
  color: #fff;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .button--green {
    font-size: 15px;
  }
}
@media screen and (max-width: 400px) {
  .button--green {
    font-size: 14px;
    letter-spacing: -0.3%;
  }
}
.button--green > .button__icon, .button--green > .icon {
  fill: #fff;
}
.button--green > .button__text {
  color: #fff;
}
.button--green:hover {
  background-color: #5BC96B;
  color: #fff;
}
.button--green:hover > .button__icon, .button--green:hover > .icon {
  fill: #fff;
  stroke: #fff;
}
.button--green:hover > .button__text {
  color: #fff;
}
.button--green.button--inverted {
  background-color: #5BC96B;
  color: #fff;
}
.button--green.button--inverted > .button__icon, .button--green.button--inverted > .icon {
  fill: #fff;
  stroke: #fff;
}
.button--green.button--inverted > .button__text {
  color: #fff;
}
.button--green.button--inverted:hover {
  background-color: #5BC96B;
  color: #fff;
}
.button--green.button--inverted:hover > .button__icon, .button--green.button--inverted:hover > .icon {
  fill: #fff;
  stroke: #fff;
}
.button--green.button--inverted:hover > .button__text {
  color: #fff;
}
.button--icon {
  min-width: unset;
  border-color: transparent;
  background-color: transparent;
  color: #19191B;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .button--icon {
    font-size: 15px;
  }
}
@media screen and (max-width: 400px) {
  .button--icon {
    font-size: 14px;
    letter-spacing: -0.3%;
  }
}
.button--icon > .button__icon, .button--icon > .icon {
  fill: #19191B;
}
.button--icon > .button__text {
  color: #19191B;
}
.button--icon:hover {
  background-color: transparent;
  color: #D5D7D9;
}
.button--icon:hover > .button__icon, .button--icon:hover > .icon {
  fill: #D5D7D9;
  stroke: #D5D7D9;
}
.button--icon:hover > .button__text {
  color: #D5D7D9;
}
.button--icon.button--inverted {
  background-color: transparent;
  color: #D5D7D9;
}
.button--icon.button--inverted > .button__icon, .button--icon.button--inverted > .icon {
  fill: #D5D7D9;
  stroke: #D5D7D9;
}
.button--icon.button--inverted > .button__text {
  color: #D5D7D9;
}
.button--icon.button--inverted:hover {
  background-color: transparent;
  color: #19191B;
}
.button--icon.button--inverted:hover > .button__icon, .button--icon.button--inverted:hover > .icon {
  fill: #19191B;
  stroke: #19191B;
}
.button--icon.button--inverted:hover > .button__text {
  color: #19191B;
}
.button--circle {
  border-radius: 50%;
  padding-left: 0;
  padding-right: 0;
  width: 50px;
  min-width: auto;
}
.button--circle > .button__icon {
  margin: 0;
}
@media (max-width: 480px) {
  .button {
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
  }
}
.button--secondary.button--inverted:hover .button__icon--secondary {
  fill: #EAEBEC;
}
.button--secondary.button--inverted .button__icon--secondary {
  fill: #fff;
}
.button--secondary:hover .button__icon--secondary {
  fill: none;
}
.button--secondary .button__icon--secondary {
  fill: none;
}
.button--primary:hover .button__icon--secondary {
  fill: none;
}
.button--primary .button__icon--secondary {
  fill: none;
}

/* Index */
.modal {
  display: none;
  background: rgba(0, 0, 0, 0.4);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 500;
  overflow-x: hidden;
  overflow-y: auto;
  opacity: 0;
  visibility: hidden;
  transform: translate3d(0, 0, 0);
  transition: opacity 0.2s ease-in-out, visibility 0s ease-in-out 0.2s;
}
.modal .container {
  width: auto;
}
.modal.loaded {
  display: block;
}
.modal__container {
  padding: 40px 15px;
  position: relative;
  top: 200px;
}
.modal.overflow .modal__container {
  top: auto;
  transform: none;
}
.modal__block {
  max-width: 480px;
  background: #ffffff;
  margin-right: auto;
  margin-left: auto;
  padding: 24px 40px 48px;
  transform: scale(0.8);
  transition: transform 0.2s ease-in-out;
  border-radius: 12px;
  margin-bottom: 120px;
}
.modal--large .modal__block {
  max-width: 768px;
}
.modal__close {
  width: 27px;
  font-size: 27px;
  line-height: 1em;
  text-align: center;
  color: #515151;
  position: absolute;
  right: 24px;
  top: 40px;
  cursor: pointer;
  transition: color 0.2s ease-in-out;
}
.modal__close:hover {
  color: var(--primary-color);
}
.modal__icon {
  position: absolute;
  left: 24px;
  top: 40px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #f8f8f8;
  align-items: center;
  transition: opacity 0.3s ease-in;
  cursor: pointer;
  display: flex;
  justify-content: center;
}
.modal__icon svg {
  width: 24px;
}
.modal__title {
  font-weight: bold;
  text-align: left;
  font-size: 24px;
  line-height: 37px;
  padding-bottom: 10px;
  margin-top: 80px;
  color: #19191B;
}
.modal__caption {
  font-size: 14px;
  font-weight: 500;
  line-height: 25px;
  color: #999BA1;
  text-align: left;
  margin-bottom: 25px;
}
.modal__content {
  text-align: center;
  margin-top: 20px;
}
.modal__content .container {
  width: auto;
  padding: 0;
  margin: 0;
}
.modal__actions {
  text-align: center;
  margin-top: 30px;
}
.modal__actions > .button {
  min-width: 240px;
}
.modal.active {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}
.modal.active .modal__block {
  transform: scale(1);
}
@media (max-width: 480px) {
  .modal .modal__actions > .button {
    min-width: auto;
  }
}

/* Index */
.tabs--centered {
  text-align: center;
}
.tabs__items {
  background: #F8F8F8;
  border-radius: 12px;
  padding: 4px;
  border: 1px solid #EAEBEC;
  display: inline-block;
}
.tabs__items:after {
  content: "";
  display: table;
  clear: both;
}
.tabs__item {
  font-size: 12px;
  font-weight: bold;
  line-height: 20px;
  text-align: center;
  padding: 12px 24px;
  min-width: 170px;
  background: transparent;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  color: #999BA1;
  border-radius: 9px;
}
.tabs__item:hover {
  background-color: var(--primary-color);
  color: #FFFFFF;
}
.tabs__item.active {
  background-color: var(--primary-color);
  color: #FFFFFF;
  cursor: default;
}
.tabs__content {
  display: none;
}
.tabs__content.active {
  display: block;
}

/* Expansion */
.expansion {
  margin-bottom: 8px;
}
.expansion-title {
  color: #3B3D41;
  font-family: "Hobo std", serif;
  font-size: 48px;
  font-style: normal;
  font-weight: bold;
  line-height: 72px;
  margin-bottom: 20px;
  margin-top: 50px;
  cursor: pointer;
}
.expansion__header {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.2em;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #fff;
  padding: 16px 24px;
  position: relative;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: background-color 0.2s ease-in-out, padding 0.2s ease-in-out;
  background: #2d3847;
  border-radius: 6px 6px 0 0;
  box-shadow: 0 4px 6px 0 rgba(25, 25, 27, 0.0901960784);
}
.expansion__header--has-icon {
  padding-left: 56px;
}
.expansion__header__icon {
  width: 24px;
  height: 24px;
  fill: #fff;
  margin-top: -12px;
  position: absolute;
  top: 50%;
  left: 16px;
}
.expansion--collapsible > .expansion__header {
  padding-top: 16px;
  padding-right: 56px;
  padding-bottom: 16px;
  cursor: pointer;
  border-radius: 6px;
  border: 1px solid #D5D7D9;
  background-color: #FFF;
  color: #19191B;
}
.expansion--collapsible.active > .expansion__header {
  border-radius: 6px 6px 0 0;
  border-bottom: none;
  box-shadow: none;
}
.expansion > .expansion__header:hover {
  background-color: #eeeeee;
}
.expansion > .expansion__header:after {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  background: url(../images/icons/chevron-down.svg) no-repeat center;
  background-size: contain;
  margin-top: -8px;
  position: absolute;
  top: 50%;
  right: 16px;
  transition: transform 0.2s ease-in-out;
}
.expansion.active > .expansion__header:after {
  transform: rotate(180deg);
}
.expansion__content:not(.expansion__control-editing) {
  padding: 0 24px 16px 24px;
}
.expansion--collapsible > .expansion__content {
  display: none;
}
.expansion--collapsible > .expansion__content:not(.expansion__control-editing) {
  border: 1px solid #D5D7D9;
  border-top: none;
  border-radius: 0 0 6px 6px;
  box-shadow: 0 4px 6px 0 rgba(25, 25, 27, 0.0901960784);
}

.counter {
  position: relative;
  min-width: 160px;
}
.counter > .control {
  padding-left: 60px;
  padding-right: 60px;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
.counter__button {
  position: absolute;
  top: 5px;
  width: 41px;
  height: 41px;
  min-width: auto;
  padding: 0;
}
.counter__button--add {
  right: 5px;
}
.counter__button--add:before {
  content: "+";
}
.counter__button--subtract {
  left: 5px;
}
.counter__button--subtract:before {
  content: "—";
}
.counter__button:before {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  line-height: 41px;
  text-align: center;
  font-weight: normal;
  font-size: 24px;
}

.modal[data-id=auth] .tabs__items {
  margin-bottom: 15px;
}
.modal[data-id=auth] .login-options {
  position: relative;
}
.modal[data-id=auth] .login-options .login-options-title {
  border-radius: 12px;
  background: #F8F8F8;
  font-size: 14px;
  color: #19191B;
  line-height: 25px;
  padding: 12px 24px;
}
.modal[data-id=auth] .login-options .login-options-title p:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(/themes/giwagardens/images/icons/google.svg) no-repeat center;
  background-size: contain;
  vertical-align: middle;
  margin-right: 10px;
  margin-top: -3px;
}
.modal[data-id=auth] .login-options .google {
  position: absolute;
  background: #a8a8a8;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  border-radius: 12px;
  transition: opacity 0.3s ease-in-out;
  opacity: 0;
}
.modal[data-id=auth] .login-options .google:hover {
  opacity: 0.2;
}

.attractions__circle {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: inline-block;
}
.attractions__icon {
  width: 100px;
  fill: #19191B;
}
.attractions__cell {
  vertical-align: middle;
  padding: 10px;
  text-align: center;
  line-height: 1.25em;
}
.attractions__cell--title {
  font-size: 22px;
  text-align: left;
  font-weight: bold;
  border-bottom: 1px solid #EAEBEC;
  color: #19191B;
  padding-left: 0;
  padding-right: 0;
}
.attractions__cell--fast {
  color: #F2A13A;
}
.attractions__cell--fast .attractions__circle {
  background-color: #F2A13A;
}
.attractions__cell--standard {
  color: #51B560;
}
.attractions__cell--standard .attractions__circle {
  background-color: #51B560;
}
.attractions__cell--premium {
  color: #7F30D8;
}
.attractions__cell--premium .attractions__circle {
  background-color: #7F30D8;
}
.attractions__cell--label {
  text-align: left;
}
.attractions thead {
  font-size: 16px;
  font-weight: bold;
}
.attractions tbody {
  font-size: 14px;
}

.modal[data-id=verify-email] .modal__title, .modal[data-id=verify-email] .modal__caption {
  text-align: center;
}
.modal[data-id=verify-email] .form__actions {
  display: flex;
  gap: 16px;
  margin-top: 24px;
  margin-bottom: 24px;
}
.modal[data-id=verify-email] .form__code-group {
  display: flex;
  gap: 12px;
  justify-content: center;
  margin: 20px 0;
}
.modal[data-id=verify-email] .modal-info {
  display: none;
  margin: 0 auto;
  background-color: #EEFDF6;
  color: #469C53;
  position: relative;
  padding: 8px 8px 8px 28px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 500;
}
.modal[data-id=verify-email] .modal-info:before {
  content: "";
  top: calc(50% - 8px);
  left: 8px;
  width: 16px;
  height: 16px;
  position: absolute;
  background-image: url("../images/icons/tick-circle.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
.modal[data-id=verify-email] .modal-info--error {
  display: inline;
  background-color: #FDF2EE;
  color: #FF5A1F;
}
.modal[data-id=verify-email] .modal-info--error:before {
  background-image: url("../images/icons/info-circle.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
.modal[data-id=verify-email] .pinlogin-field {
  width: 40px;
  height: 40px;
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  padding: 8px 12px;
  border: 2px solid #F8F8F8;
  border-radius: 12px;
  transition: border-color ease-in-out 0.3s;
  color: #3B3D41;
}
.modal[data-id=verify-email] .pinlogin-field:focus, .modal[data-id=verify-email] .pinlogin-field:active, .modal[data-id=verify-email] .pinlogin-field:focus-within, .modal[data-id=verify-email] .pinlogin-field--filled {
  border-color: #2F5BD8;
}
.modal[data-id=verify-email] .pinlogin-field.pinlogin-field--error {
  border-color: #D82F3C;
  animation: shake 0.3s ease-in-out;
}
@keyframes shake {
  0% {
    transform: translateX(0);
  }
  20% {
    transform: translateX(-4px);
  }
  40% {
    transform: translateX(4px);
  }
  60% {
    transform: translateX(-4px);
  }
  80% {
    transform: translateX(4px);
  }
  100% {
    transform: translateX(0);
  }
}

.modal[data-id=verify-phone] .modal__title, .modal[data-id=verify-phone] .modal__caption {
  text-align: center;
}
.modal[data-id=verify-phone] .modal__title span {
  color: #469C53;
}
.modal[data-id=verify-phone] .form__actions {
  display: flex;
  gap: 16px;
  margin-top: 24px;
}
.modal[data-id=verify-phone] .form__code-group {
  display: flex;
  gap: 12px;
  justify-content: center;
  margin: 20px 0;
}
.modal[data-id=verify-phone] .pinlogin-field {
  width: 40px;
  height: 40px;
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  padding: 8px 12px;
  border: 2px solid #F8F8F8;
  border-radius: 12px;
  transition: border-color ease-in-out 0.3s;
  color: #3B3D41;
}
.modal[data-id=verify-phone] .pinlogin-field:focus, .modal[data-id=verify-phone] .pinlogin-field:active, .modal[data-id=verify-phone] .pinlogin-field:focus-within, .modal[data-id=verify-phone] .pinlogin-field--filled {
  border-color: #2F5BD8;
}
.modal[data-id=verify-phone] .pinlogin-field.pinlogin-field--error {
  border-color: #D82F3C;
  animation: shake 0.3s ease-in-out;
}
@keyframes shake {
  0% {
    transform: translateX(0);
  }
  20% {
    transform: translateX(-4px);
  }
  40% {
    transform: translateX(4px);
  }
  60% {
    transform: translateX(-4px);
  }
  80% {
    transform: translateX(4px);
  }
  100% {
    transform: translateX(0);
  }
}
.modal[data-id=verify-phone] .modal-options {
  margin: 24px auto;
}
.modal[data-id=verify-phone] .modal-options__title {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #3B3D41;
}
.modal[data-id=verify-phone] .modal-options__actions {
  margin-top: 16px;
  display: flex;
  align-items: center;
  gap: 15px;
  justify-content: center;
}
.modal[data-id=verify-phone] .modal-options__actions p {
  font-weight: 700;
  line-height: 20px;
  font-size: 14px;
  vertical-align: middle;
}
.modal[data-id=verify-phone] .modal-options__actions__button {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  vertical-align: middle;
}
.modal[data-id=verify-phone] .modal-options__actions__button.modal-options__actions__button--blue {
  color: #468EEE;
}
.modal[data-id=verify-phone] .modal-options__actions__button.modal-options__actions__button--green {
  color: #469C53;
}
.modal[data-id=verify-phone] .modal-options__actions__button .button__icon {
  width: 24px;
  height: 24px;
  vertical-align: middle;
}
.modal[data-id=verify-phone] .modal-options__actions__button .button__icon--rotated {
  transform: scale(-1, 1);
}
.modal[data-id=verify-phone] .modal-info {
  display: none;
  margin: 0 auto;
  background-color: #EEFDF6;
  color: #469C53;
  position: relative;
  padding: 8px 8px 8px 28px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 500;
}
.modal[data-id=verify-phone] .modal-info:before {
  content: "";
  top: calc(50% - 8px);
  left: 8px;
  width: 16px;
  height: 16px;
  position: absolute;
  background-image: url("../images/icons/tick-circle.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
.modal[data-id=verify-phone] .modal-info--error {
  display: inline;
  background-color: #FDF2EE;
  color: #FF5A1F;
}
.modal[data-id=verify-phone] .modal-info--error:before {
  background-image: url("../images/icons/info-circle.svg");
  background-size: contain;
  background-repeat: no-repeat;
}

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 5px 5px;
  margin-bottom: 10px;
  list-style: none;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  color: #ACAEB4;
}

.breadcrumb-item {
  position: relative;
  padding-left: 25px;
  padding-right: 8px;
}
.breadcrumb-item + .breadcrumb-item::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  color: #ACAEB4;
  background-image: url("../images/icons/chevron-right.svg");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 3px;
  left: 0;
}
.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: underline;
}
.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: none;
}
.breadcrumb-item.active {
  color: #19191B;
  font-size: 14px;
  font-weight: 700;
}
.breadcrumb-item a:visited {
  color: #ACAEB4;
}
.breadcrumb-item a {
  color: #ACAEB4;
}

.breadcrumb-item:first-child:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  color: #ACAEB4;
  background-image: url("../images/icons/home.svg");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 3px;
  left: 0;
}