:root { /*colors*/ --color-primary: #2094EF; --color-primary-dark: #046ed1; --color-secondary: #66bd08; --color-secondary-dark: #469d08; --color-accent: #6A6F73; --color-accent-light: #dee2e6; --color-accent-dark: #1A232B; --color-white: #ffffff; --color-black: #1A232B; --blue-700: #0BA2BD; --blue-500: #14BAD6; --blue-300: #27CCE5; --accent-700: #10B798; --accent-500: #12CEAB; --accent-300: #19D7B4; --red-500: #ED0D0D; --red-100: #FFF1F1; --green-500: #4CB30D; --green-300: #6AC730; --green-100: #F0F9EA; --gray-900: #1A232B; --gray-800: #4B4F53; --gray-500: #979B9E; --gray-400: #ABAFB2; --gray-300: #C4C7C9; --gray-200: #D8DBDE; --gray-100: #EDEFF0; --gray-50: #F4F6F7; --cell-select: #F2FBFC; /*colors end*/ --transition: .3s; --radius: 2px; /*animations*/ --animate-duration: 1s; --animate-delay: 1s; --animate-repeat: 1; /*animations end*/ }

:root { --text-font-family: 'Inter', sans-serif; --heading-font-family: 'Inter', sans-serif; --text-weight: 300; --text-color: var(--gray-500); --text-margin: 0 0 1rem; --heading-weight: 300; --heading-color: var(--gray-900); --heading-margin: 0 0 1rem; --link-color: var(--blue-500); --link-color-active: var(--blue-300); /*
* --hx: header font size
* --hx-lh: header line height
*/ --text: 1rem; --text-clamp: 1rem; --text-lh: 1.5; --heading-lh: 1.25; --title: 5.125rem; /*82px*/ --title-clamp: 5.125rem; /*82px*/ --title-lh: 1; --h1: 3.625rem; /*58px*/ --h1-clamp: 3.625rem; /*clamp(2.75rem, 1.5656rem + 4.7377vw, 4.5rem);/*44px - 72px (400px - 991px)*/ --h1-lh: calc(1em + 4px); --h2: 2.5rem; /*40px*/ --h2-clamp: 2.5rem; /*clamp(2.5rem, 1.654rem + 3.3841vw, 3.75rem);/*40px - 60px (400px - 991px)*/ --h2-lh: calc(1em + 8px); --h3: 2rem; /*32px*/ --h3-clamp: 2rem; /*clamp(1.75rem, 0.8194rem + 3.7225vw, 3.125rem);/*28px - 50px (400px - 991px)*/ --h3-lh: calc(1em + 12px); --h4: 1.75rem; /*28px*/ --h4-clamp: 1.75rem; /*clamp(1.5rem, 0.9924rem + 2.0305vw, 2.25rem);/*24px - 36px (400px - 991px)*/ --h4-lh: calc(1em + 8px); --h5: 1.5rem; /*24px*/ --h5-clamp: 1.5rem; /*clamp(1.25rem, 0.827rem + 1.692vw, 1.875rem);/*20px - 30px (400px - 991px)*/ --h5-lh: calc(1em + 6px); --h6: 1.25rem; /*20px*/ --h6-clamp: 1.25rem; /*clamp(1.125rem, 0.8712rem + 1.0152vw, 1.5rem);/*18px - 24px (400px - 991px)*/ --h6-lh: calc(1em + 8px); }

@font-face { font-family: 'Inter'; font-style: normal; font-display: swap; src: url("../fonts/Inter/Inter-VariableFont_opsz,wght.ttf") format("opentype"); }
@font-face { font-family: 'Inter'; font-style: italic; font-display: swap; src: url("../fonts/Inter/Inter-Italic-VariableFont_opsz,wght.ttf") format("opentype"); }
body { font-family: var(--text-font-family); font-size: var(--text); font-size: var(--text-clamp); line-height: var(--text-lh); font-style: normal; font-weight: var(--text-weight); color: var(--text-color); }

p { margin: var(--text-margin); }

.paragraph { font-family: var(--text-font-family); font-size: var(--text); line-height: var(--text-lh); color: var(--text-color); margin: var(--text-margin); }

/*headings*/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: var(--heading-font-family); font-weight: var(--heading-weight); color: var(--heading-color); line-height: var(--heading-lh); margin: var(--heading-margin); }

h1, .h1 { font-size: var(--h1); font-size: var(--h1-clamp); line-height: var(--h1-lh); letter-spacing: -0.03em; }

h2, .h2 { font-size: var(--h2); font-size: var(--h2-clamp); line-height: var(--h2-lh); letter-spacing: -0.03em; }

h3, .h3 { font-size: var(--h3); font-size: var(--h3-clamp); line-height: var(--h3-lh); letter-spacing: -0.025em; }

h4, .h4 { font-size: var(--h4); font-size: var(--h4-clamp); line-height: var(--h4-lh); letter-spacing: -0.01em; }

h5, .h5 { font-size: var(--h5); font-size: var(--h5-clamp); line-height: var(--h5-lh); letter-spacing: -0.03em; }

h6, .h6 { font-size: var(--h6); font-size: var(--h6-clamp); line-height: var(--h6-lh); letter-spacing: -0.03em; }

/*headings end*/
/*links*/
a { color: var(--link-color); text-decoration: none; transition: var(--transition); }

a:is(:hover, :focus) { text-decoration: none; color: var(--link-color-active); }

/*links end*/
/*breakpoint XL*/
/*breakpoint XL end*/
/*breakpoint LG*/
/*breakpoint LG end*/
/*breakpoint MD*/
@media only screen and (max-width: 991px) { :root { --h1-lh: calc(1em + 8px); --h2-lh: calc(1em + 8px); --h3-lh: calc(1em + 8px); --h4-lh: calc(1em + 8px); --h5-lh: calc(1em + 8px); --h6-lh: calc(1em + 8px); } }
/*breakpoint MD end*/
/*breakpoint SM*/
/*breakpoint SM end*/
/*breakpoint XS*/
@media only screen and (max-width: 575px) { :root { --h1: 2.25rem; /*36px*/ --h2: 2rem; /*32px*/ --h3: 1.75rem; /*28px*/ --h4: 1.5rem; /*24px*/ --h5: 1.25rem; /*20px*/ --h6: 1.125rem; /*18px*/ } }
/*breakpoint XS end*/
img { display: inline-block; max-width: 100%; height: auto; }

video { display: inline-block; max-width: 100%; height: auto; }

.img-zoom { --transition: .5s; display: inline-block; overflow: hidden; }
.img-zoom img { display: block; transform: scale(1); transition: var(--transition); }
.img-zoom:is(:hover, :focus) img { transform: scale(1.2); }

:root { /*buttons*/ --btn-text: .75rem; /*12px*/ --btn-text-lh: .875rem; /*14px*/ --btn-weight: 500; --btn-primary-bg: var(--blue-500); --btn-primary-bg-active: var(--blue-300); --btn-primary-border-color: var(--blue-500); --btn-primary-border-color-active: var(--blue-300); --btn-primary-text-color: var(--color-white); --btn-primary-text-color-active: var(--color-white); --btn-secondary-bg: var(--gold-400); --btn-secondary-bg-active: var(--gold-500); --btn-secondary-border-color: var(--gold-400); --btn-secondary-border-color-active: var(--gold-500); --btn-secondary-text-color: var(--beige-100); --btn-secondary-text-color-active: var(--beige-100); --btn-padding: 14px 30px; --btn-radius: var(--radius); --btn-border-size: 1px; --btn-shadow: none; /*buttons end*/ }

/*buttons*/
.btn { padding: var(--btn-padding); font-size: var(--btn-text); line-height: var(--btn-text-lh); font-weight: var(--btn-weight); color: var(--link-color); text-transform: uppercase; box-shadow: var(--btn-shadow); border-radius: var(--btn-radius); }

.btn:is(.active, :hover, :focus) { color: var(--link-color-active); }

.btn-check:checked + .btn, .btn:first-child:active, :not(.btn-check) + .btn:active { color: var(--link-color-active); border-color: transparent; }

.btn.btn-wide { display: block; }

/*button primary*/
.btn.btn-primary { background: var(--btn-primary-bg); border: var(--btn-border-size) solid var(--btn-primary-border-color); color: var(--btn-primary-text-color); }

.btn.btn-primary:is(.active, :hover, :focus) { background: var(--btn-primary-bg-active); border-color: var(--btn-primary-border-color-active); color: var(--btn-primary-text-color-active); }

/*button primary end*/
/*button secondary*/
.btn.btn-secondary { background: var(--btn-secondary-bg); border: var(--btn-border-size) solid var(--btn-secondary-border-color); color: var(--btn-secondary-text-color); }

.btn.btn-secondary:is(.active, :hover, :focus) { background: var(--btn-secondary-bg-active); border-color: var(--btn-secondary-border-color-active); color: var(--btn-secondary-text-color-active); }

/*button secondary end*/
/*button primary outline*/
.btn.btn-outline-primary { border: var(--btn-border-size) solid var(--btn-primary-bg); color: var(--btn-primary-bg); }

.btn.btn-outline-primary:is(.active, :hover, :focus) { background: var(--btn-primary-bg-active); border-color: var(--btn-primary-border-color-active); color: var(--btn-primary-text-color-active); }

/*button primary outline end*/
/*button secondary outline*/
.btn.btn-outline-secondary { border: var(--btn-border-size) solid var(--btn-secondary-bg); color: var(--btn-secondary-bg-active); /*var(--btn-secondary-bg);*/ }

.btn.btn-outline-secondary:is(.active, :hover, :focus) { background: var(--btn-secondary-bg-active); border-color: var(--btn-secondary-border-color-active); color: var(--btn-secondary-text-color-active); }

/*button secondary outline end*/
/*button icons*/
.btn.btn-arrow, .btn.btn-arrow-back, .btn.btn-hamburger, .btn.btn-dropdown, .btn.btn-lock, .btn.btn-download, .btn.btn-search, .btn.btn-cancel { display: inline-flex; justify-content: space-between; align-items: center; gap: .75rem; }
.btn.btn-arrow.btn-wide, .btn.btn-arrow-back.btn-wide, .btn.btn-hamburger.btn-wide, .btn.btn-dropdown.btn-wide, .btn.btn-lock.btn-wide, .btn.btn-download.btn-wide, .btn.btn-search.btn-wide, .btn.btn-cancel.btn-wide { display: flex; width: 100%; justify-content: center; }

.btn.btn-arrow:after, .btn.btn-arrow-back:before, .btn.btn-hamburger:after, .btn.btn-dropdown:after, .btn.btn-lock:before, .btn.btn-download:before, .btn.btn-search:before, .btn.btn-cancel:before { content: ''; display: inline-block; width: var(--btn-text); height: var(--btn-text); flex: 0 0 var(--btn-text); background: var(--link-color); transition: var(--transition); }

.btn.btn-arrow:after, .btn.btn-arrow-back:before { mask: url("../images/icons/arrow.svg") no-repeat center/contain; -webkit-mask: url("../images/icons/arrow.svg") no-repeat center/contain; }

.btn.btn-arrow-back:before { transform: scaleX(-1); }

.btn.btn-hamburger:after { mask: url("../images/icons/hamburger.svg") no-repeat center/contain; -webkit-mask: url("../images/icons/hamburger.svg") no-repeat center/contain; }

.btn.btn-dropdown:after { mask: url("../images/icons/chevron.svg") no-repeat center/contain; -webkit-mask: url("../images/icons/chevron.svg") no-repeat center/contain; transform: rotate(-90deg); }

.btn.btn-dropdown.collapsed:after { transform: rotate(90deg); }

.btn.btn-lock:before { mask: url("../images/icons/lock.svg") no-repeat center/contain; -webkit-mask: url("../images/icons/lock.svg") no-repeat center/contain; }

.btn.btn-download:before { mask: url("../images/icons/download.svg") no-repeat center/contain; -webkit-mask: url("../images/icons/download.svg") no-repeat center/contain; }

.btn.btn-search:before { mask: url("../images/icons/search.svg") no-repeat center/contain; -webkit-mask: url("../images/icons/search.svg") no-repeat center/contain; }

.btn.btn-cancel:before { mask: url("../images/icons/close.svg") no-repeat center/contain; -webkit-mask: url("../images/icons/close.svg") no-repeat center/contain; }

.btn.btn-arrow:is(.active, :hover, :focus):after, .btn.btn-arrow-back:is(.active, :hover, :focus):after, .btn.btn-hamburger:is(.active, :hover, :focus):after, .btn.btn-dropdown:is(.active, :hover, :focus):after, .btn.btn-lock:is(.active, :hover, :focus):before, .btn.btn-download:is(.active, :hover, :focus):before, .btn.btn-search:is(.active, :hover, :focus):before, .btn.btn-cancel:is(.active, :hover, :focus):before { background: var(--link-color-active); }

/*button primary*/
.btn.btn-primary.btn-arrow:after, .btn.btn-primary.btn-arrow-back:before, .btn.btn-primary.btn-hamburger:after, .btn.btn-primary.btn-dropdown:after, .btn.btn-primary.btn-lock:before, .btn.btn-primary.btn-download:before, .btn.btn-primary.btn-search:before, .btn.btn-primary.btn-cancel:before { background: var(--btn-primary-text-color); }

.btn.btn-primary.btn-arrow:is(.active, :hover, :focus):after, .btn.btn-primary.btn-arrow-back:is(.active, :hover, :focus):before, .btn.btn-primary.btn-hamburger:is(.active, :hover, :focus):after, .btn.btn-primary.btn-dropdown:is(.active, :hover, :focus):after, .btn.btn-primary.btn-lock:is(.active, :hover, :focus):before, .btn.btn-primary.btn-download:is(.active, :hover, :focus):before, .btn.btn-primary.btn-search:is(.active, :hover, :focus):before, .btn.btn-primary.btn-cancel:is(.active, :hover, :focus):before { background: var(--btn-primary-text-color-active); }

/*button primary end*/
/*button secondary*/
.btn.btn-secondary.btn-arrow:after, .btn.btn-secondary.btn-arrow-back:before, .btn.btn-secondary.btn-hamburger:after, .btn.btn-secondary.btn-dropdown:after, .btn.btn-secondary.btn-lock:before, .btn.btn-secondary.btn-download:before, .btn.btn-secondary.btn-search:before, .btn.btn-secondary.btn-cancel:before { background: var(--btn-secondary-text-color); }

.btn.btn-secondary.btn-arrow:is(.active, :hover, :focus):after, .btn.btn-secondary.btn-arrow-back:is(.active, :hover, :focus):before, .btn.btn-secondary.btn-hamburger:is(.active, :hover, :focus):after, .btn.btn-secondary.btn-dropdown:is(.active, :hover, :focus):after, .btn.btn-secondary.btn-lock:is(.active, :hover, :focus):before, .btn.btn-secondary.btn-download:is(.active, :hover, :focus):before, .btn.btn-secondary.btn-search:is(.active, :hover, :focus):before, .btn.btn-secondary.btn-cancel:is(.active, :hover, :focus):before { background: var(--btn-secondary-text-color-active); }

/*button secondary end*/
/*button primary outline*/
.btn.btn-outline-primary.btn-arrow:after, .btn.btn-outline-primary.btn-arrow-back:before, .btn.btn-outline-primary.btn-hamburger:after, .btn.btn-outline-primary.btn-dropdown:after, .btn.btn-outline-primary.btn-lock:before, .btn.btn-outline-primary.btn-download:before, .btn.btn-outline-primary.btn-search:before, .btn.btn-outline-primary.btn-cancel:before { background: var(--btn-primary-bg); }

.btn.btn-outline-primary.btn-arrow:is(.active, :hover, :focus):after, .btn.btn-outline-primary.btn-arrow-back:is(.active, :hover, :focus):before, .btn.btn-outline-primary.btn-hamburger:is(.active, :hover, :focus):after, .btn.btn-outline-primary.btn-dropdown:is(.active, :hover, :focus):after, .btn.btn-outline-primary.btn-lock:is(.active, :hover, :focus):before, .btn.btn-outline-primary.btn-download:is(.active, :hover, :focus):before, .btn.btn-outline-primary.btn-search:is(.active, :hover, :focus):before, .btn.btn-outline-primary.btn-cancel:is(.active, :hover, :focus):before { background: var(--btn-primary-text-color-active); }

/*button primary outline end*/
/*button secondary outline*/
.btn.btn-outline-secondary.btn-arrow:after, .btn.btn-outline-secondary.btn-arrow-back:before, .btn.btn-outline-secondary.btn-hamburger:after, .btn.btn-outline-secondary.btn-dropdown:after, .btn.btn-outline-secondary.btn-lock:before, .btn.btn-outline-secondary.btn-download:before, .btn.btn-outline-secondary.btn-search:before, .btn.btn-outline-secondary.btn-cancel:before { background: var(--btn-secondary-bg); }

.btn.btn-outline-secondary.btn-arrow:is(.active, :hover, :focus):after, .btn.btn-outline-secondary.btn-arrow-back:is(.active, :hover, :focus):before, .btn.btn-outline-secondary.btn-hamburger:is(.active, :hover, :focus):after, .btn.btn-outline-secondary.btn-dropdown:is(.active, :hover, :focus):after, .btn.btn-outline-secondary.btn-lock:is(.active, :hover, :focus):before, .btn.btn-outline-secondary.btn-download:is(.active, :hover, :focus):before, .btn.btn-outline-secondary.btn-search:is(.active, :hover, :focus):before, .btn.btn-outline-secondary.btn-cancel:is(.active, :hover, :focus):before { background: var(--btn-secondary-text-color-active); }

/*button primary outline end*/
/*button icons end*/
.btn .btn-text-collapse { display: inline; }

.btn .btn-text-collapse.collapsed { display: none; }

.btn.collapsed .btn-text-collapse { display: none; }

.btn.collapsed .btn-text-collapse.collapsed { display: inline; }

/*buttons end*/
/*margin*/
.mt-n-100 { margin-top: -100px !important; }

.mb-n-100 { margin-bottom: -100px !important; }

.mt-100 { margin-top: 100px !important; }

.mb-100 { margin-bottom: 100px !important; }

.mt-60 { margin-top: 60px !important; }

.mb-60 { margin-bottom: 60px !important; }

.mt-50 { margin-top: 50px !important; }

.mb-50 { margin-bottom: 50px !important; }

.mt-30 { margin-top: 30px !important; }

.mb-30 { margin-bottom: 30px !important; }

.mt-0 { margin-top: 0 !important; }

.mb-0 { margin-bottom: 0 !important; }

/*margin end*/
/*padding*/
.pt-100 { padding-top: 100px !important; }

.pb-100 { padding-bottom: 100px !important; }

.pt-60 { padding-top: 60px !important; }

.pb-60 { padding-bottom: 60px !important; }

.pt-50 { padding-top: 50px !important; }

.pb-50 { padding-bottom: 50px !important; }

.pt-30 { padding-top: 30px !important; }

.pb-30 { padding-bottom: 30px !important; }

.pt-0 { padding-top: 0 !important; }

.pb-0 { padding-bottom: 0 !important; }

/*padding end*/
/*breakpoint LG*/
@media only screen and (min-width: 992px) { /*margin*/
  .mt-lg-0 { margin-top: 0 !important; }
  .mb-lg-0 { margin-bottom: 0 !important; }
  /*margin end*/
  /*padding*/
  .pt-lg-0 { padding-top: 0 !important; }
  .pb-lg-0 { padding-bottom: 0 !important; }
  /*padding end*/ }
/*breakpoint LG end*/
/*breakpoint SM*/
@media only screen and (max-width: 767px) { /*margin*/
  .mt-n-100 { margin-top: -60px !important; }
  .mb-n-100 { margin-bottom: -60px !important; }
  .mt-100 { margin-top: 60px !important; }
  .mb-100 { margin-bottom: 60px !important; }
  /*margin end*/
  /*padding*/
  .pt-100 { padding-top: 60px !important; }
  .pb-100 { padding-bottom: 60px !important; }
  /*padding end*/ }
/*breakpoint SM end*/
:root { /*hr*/ --hr-margin: 30px 0; --hr-color: var(--color-accent); /*hr end*/ }

hr { margin: var(--hr-margin); background: var(--hr-color); opacity: 1; }

.rounded { border-radius: var(--radius); }

.table { --bs-table-color: var(--gray-800); --bs-table-border-color: var(--gray-100); --bs-table-striped-color: var(--gray-800); --bs-table-striped-bg: var(--gray-100); --bs-table-hover-color: var(--gray-900); --bs-table-hover-bg: var(--cell-select); --bs-table-hover-color: var(--gray-900); --text: .875rem; --text-clamp: .875rem; --link-color: var(--gray-400); --link-active-color: var(--blue-500); font-size: var(--text-clamp); }
.table td > *:last-child, .table th > *:last-child { margin-bottom: 0; }
.table th { --text: .75rem; /*12px*/ --text-clamp: .75rem; /*12px*/ font-size: var(--text-clamp); line-height: 20px; font-weight: 400; color: var(--gray-400); }
.table :is(td, th):first-child { padding-left: 20px; }
.table :is(td, th):last-child { padding-right: 20px; }
.table > :not(caption) > * > * { padding: 3px 5px; transition: var(--transition); }
.table thead { --bs-table-color: var(--gray-400); --text: .75rem; /*12px*/ --text-clamp: .75rem; /*12px*/ font-size: var(--text-clamp); font-weight: 400; }
.table .col-stretch { width: 99%; }
.table .btn { padding: 14px; }

@media only screen and (max-width: 480px) {     /*
	.table {
	    >:not(caption)>*>* {
	    	padding: 20px 10px;
	    }
	} */ }
.text-white { --text-color: var(--color-white); --heading-color: var(--color-white); color: var(--text-color); }

.lead { font-family: var(--heading-font-family); font-weight: var(--heading-weight); color: var(--heading-color); font-size: var(--h5); font-size: var(--h5-clamp); line-height: var(--h5-lh); letter-spacing: -0.03em; margin: var(--heading-margin); }

/*paragraph with icon*/
.paragraph-with-address, .paragraph-with-email, .paragraph-with-phone { display: flex; gap: .75rem; }

:is(.paragraph-with-address, .paragraph-with-email, .paragraph-with-phone):before { content: ''; display: inline-block; width: calc(var(--text) * var(--text-lh)); height: calc(var(--text) * var(--text-lh)); flex-shrink: 0; background: var(--color-primary); mask: no-repeat center / contain; -webkit-mask: no-repeat center / contain; }

.paragraph-with-address:before { mask-image: url("../images/location-pin.svg"); -webkit-mask-image: url("../images/location-pin.svg"); }

.paragraph-with-email:before { mask-image: url("../images/mail.svg"); -webkit-mask-image: url("../images/mail.svg"); }

.paragraph-with-phone:before { mask-image: url("../images/phone.svg"); -webkit-mask-image: url("../images/phone.svg"); }

/*paragraph with icon end*/
.link-arrow, .link-arrow-back { display: inline-flex; align-items: center; gap: 10px; }

.link-arrow:after, .link-arrow-back:before { content: ''; display: inline-block; width: 10px; height: 10px; background: var(--link-color); mask: url("../images/icons/arrow.svg") no-repeat center/contain; -webkit-mask: url("../images/icons/arrow.svg") no-repeat center/contain; transition: var(--transition); }

.link-arrow-back:before { transform: scaleX(-1); }

.link-arrow:is(:hover, :focus):after, .link-arrow-back:is(:hover, :focus):before { background: var(--link-color-active); }

.link-level-up { display: inline-flex; align-items: center; gap: 10px; }

.link-level-up:before { content: ''; display: inline-block; width: 10px; height: 12px; background: var(--link-color); mask: url("../images/icons/level-up.svg") no-repeat center/contain; -webkit-mask: url("../images/icons/level-up.svg") no-repeat center/contain; transition: var(--transition); }

.link-level-up:is(:hover, :focus):before { background: var(--link-color-active); }

.link-download, .link-user-settings, .link-logout { display: inline-flex; align-items: center; gap: 10px; }

.link-download:before, .link-user-settings:before, .link-logout:before { content: ''; display: inline-block; width: 12px; height: 12px; background: var(--link-color); mask: no-repeat center / contain; -webkit-mask: no-repeat center / contain; transition: var(--transition); }

.link-download.warning:after, .link-user-settings.warning:after, .link-logout.warning:after { content: '!'; display: inline-block; width: 12px; height: 12px; margin-left: -8px; background: var(--red-500); filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25)); border-radius: 50%; font-size: 10px; line-height: 12px; font-weight: 500; color: var(--color-white); text-align: center; align-self: flex-start; }

.link-download:before { mask-image: url("../images/icons/download.svg"); -webkit-mask-image: url("../images/icons/download.svg"); }

.link-user-settings:before { mask-image: url("../images/icons/user-settings.svg"); -webkit-mask-image: url("../images/icons/user-settings.svg"); }

.link-logout:before { mask-image: url("../images/icons/logout.svg"); -webkit-mask-image: url("../images/icons/logout.svg"); }

.link-download:is(:hover, :focus):before, .link-user-settings:is(:hover, :focus):before, .link-logout:is(:hover, :focus):before { background: var(--link-color-active); }

.link-gray { --link-color: var(--gray-500); --link-color-active: var(--blue-500); }

.link-underlined { --link-color: var(--gray-800); font-size: .875rem; /*14px*/ text-decoration: underline; text-decoration-color: var(--link-color); }

.link-underlined:is(:hover, :focus) { text-decoration-color: var(--link-color-active); }

.underline:after { content: ''; display: block; width: 40px; height: 2px; margin: 30px 0 0; background: var(--gold-500); }
.underline-center:after { margin: 30px auto 0; }

.title-underline:after, .title-underline-wide:after { content: ''; display: block; width: 40px; height: 2px; margin: 30px auto 0; background: var(--gold-500); }
.title-underline-wide:after, .title-underline-wide-wide:after { width: 70px; }
.title-underline.left:after, .title-underline-wide.left:after { margin-left: 0; }
.title-underline.right:after, .title-underline-wide.right:after { margin-right: 0; }

:root { --list-dot-padding: 0 0 0 1.5rem; --list-dot-size: .75rem; --list-dot-border: 2px; --list-dot-color: var(--red-500); --list-dot-border-color: color-mix(in srgb, var(--list-dot-color) 30%, transparent); --list-dash-padding: 0 0 0 1.5rem; --list-dash-width: .5rem; --list-dash-height: 1px; --list-dash-color: var(--red-500); --list-arrow-padding: 0 0 0 1.5rem; --list-arrow-width: .75rem; --list-arrow-height: .75rem; --list-arrow-color: var(--red-500); }

/*dot list*/
.list-dot { list-style: none; padding: 0; }

.list-dot > li { padding: var(--list-dot-padding); position: relative; }

.list-dot > li:before { content: ''; display: block; width: calc(.75rem - var(--list-dot-border) * 2); height: calc(.75rem - var(--list-dot-border) * 2); background: var(--list-dot-color); box-shadow: 0 0 0 var(--list-dot-border) var(--list-dot-border-color); border-radius: 50%; position: absolute; top: calc((var(--text) * var(--text-lh)) / 2); left: 0; transform: translateY(-50%); }

/*dot list end*/
/*dash list*/
.list-dash { list-style: none; padding: 0; }

.list-dash > li { padding: var(--list-dash-padding); position: relative; }

.list-dash > li:before { content: ''; display: block; width: var(--list-dash-width); height: var(--list-dash-height); background: var(--list-dash-color); position: absolute; top: calc((var(--text) * var(--text-lh)) / 2); left: 0; transform: translateY(-50%); }

/*dash list end*/
/*arrow list*/
.list-arrow { list-style: none; padding: 0; }

.list-arrow > li { padding: var(--list-arrow-padding); position: relative; }

.list-arrow > li:before { content: ''; display: block; width: var(--list-arrow-width); height: var(--list-arrow-height); background: var(--list-arrow-color); mask: url("../images/arrow.svg") no-repeat center/contain; -webkit-mask: url("../images/arrow.svg") no-repeat center/contain; position: absolute; top: calc((var(--text) * var(--text-lh)) / 2); left: 0; transform: translateY(-50%); }

/*arrow list end*/
/*check list*/
.list-check { list-style: none; padding: 0; }

.list-check > li { padding: var(--list-check-padding); position: relative; }

.list-check > li:before { content: ''; display: block; width: var(--list-check-width); height: var(--list-check-height); background: var(--list-check-color); mask: url("../images/check.svg") no-repeat center/contain; -webkit-mask: url("../images/check.svg") no-repeat center/contain; position: absolute; top: calc((var(--text) * var(--text-lh)) / 2); left: 0; transform: translateY(-50%); }

/*check list end*/
/*list underline*/
.list-underline { list-style: none; padding: 0; }
.list-underline > li { padding: 20px 0; }
.list-underline > li + li { border-top: 1px solid var(--grey-600); }

/*list underline end*/
/*list end*/
:root { --column-gutter: 1.5rem; --column-gutter-wide: 60px; --column-gutter-thin: 2px; }

.row { --bs-gutter-x: var(--column-gutter); /*no gutter*/ /*thin gutter*/ }
.row.row-no-gutter { --bs-gutter-x: 0; }
.row.row-thin-gutter { --bs-gutter-x: var(--column-gutter-thin); }

/*wide gutter*/
@media only screen and (min-width: 768px) { .row.row-wide-gutter { --bs-gutter-x: var(--column-gutter-wide); } }
/*breakpoint SM*/
@media only screen and (max-width: 767px) { :root { --column-gutter-wide: 1.5rem; } }
/*breakpoint SM end*/
/*layout*/
:root { --container-padding:20px; --container-wide-width: 1200px; /*max(1200px, 85.714vw);/* 100vw * 12/14 */ --container-narrow-width: 900px; }

.wrapper { max-width: 100%; position: relative; overflow: hidden; }

/*container*/
.container, .container-fluid { padding-left: var(--container-padding); padding-right: var(--container-padding); }

.container-wide { width: 100%; max-width: calc(var(--container-wide-width) + 2 * var(--container-padding)); margin: auto; padding-left: var(--container-padding); padding-right: var(--container-padding); }

.container-narrow { width: 100%; max-width: calc(var(--container-narrow-width) + 2 * var(--container-padding)); margin: auto; padding-left: var(--container-padding); padding-right: var(--container-padding); }

.container, .container-fluid, .container-wide, .container-narrow { padding-left: var(--container-padding); padding-right: var(--container-padding); }
.container :is(.container, .container-fluid, .container-wide, .container-narrow), .container-fluid :is(.container, .container-fluid, .container-wide, .container-narrow), .container-wide :is(.container, .container-fluid, .container-wide, .container-narrow), .container-narrow :is(.container, .container-fluid, .container-wide, .container-narrow) { padding-left: 0; padding-right: 0; }
.container .container-wide, .container-fluid .container-wide, .container-wide .container-wide, .container-narrow .container-wide { max-width: var(--container-wide-width); }
.container .container-narrow, .container-fluid .container-narrow, .container-wide .container-narrow, .container-narrow .container-narrow { max-width: var(--container-narrow-width); }

/*container end*/
/*breakpoint SM*/
@media only screen and (max-width: 767px) { :root { /*--container-padding: .75rem;*/ } }
/*breakpoint SM end*/
:root { --layout-display: flex; --layout-margin: 0; --layout-padding: 0; --layout-sidebar-width: 300px; --layout-sidebar-content-height: calc(100vh - var(--header-height-scrolled)); --layout-sidebar-gap: 60px; --layout-main-content-padding: 60px 0; }

html { scroll-behavior: smooth; scroll-padding-top: var(--header-height-scrolled); }

.page-content { display: var(--layout-display); gap: var(--layout-sidebar-gap); flex-grow: 1; margin: var(--layout-margin); padding: var(--layout-padding); /*main content*/ /*left side content*/ }
.page-content > .main-content { flex-grow: 1; max-width: 100%; padding: var(--layout-main-content-padding); }
.page-content > .left-side-content { flex: 0 0 var(--layout-sidebar-width); margin: var(--layout-margin); margin-top: 0; margin-left: 0; margin-right: 0; position: relative; }
.page-content > .left-side-content .left-side { max-height: var(--layout-sidebar-content-height); position: sticky; top: var(--header-height-scrolled); overflow: auto; }

/*breakpoint MD*/
@media only screen and (max-width: 991px) { :root { --layout-sidebar-width: 240px; --layout-sidebar-gap: 1.5rem; } }
/*breakpoint MD end*/
/*breakpoint SM*/
@media only screen and (max-width: 767px) { :root { --layout-display: block; --layout-sidebar-margin: 60px; --layout-sidebar-content-height: none; }
  .page-content { display: block; } }
/*breakpoint SM end*/
:root { --header-height: 90px; --header-height-scrolled: 60px; }

.page-header { padding: 23px var(--container-padding); background: var(--color-white); position: fixed; top: 0; left: 0; right: 0; z-index: 1000; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.04); transition: var(--transition); }
.page-header .navbar { display: flex; align-items: center; gap: .75rem; padding: 0; }
.page-header .navbar-brand { padding: 5px 0 4px; margin: 0; width: 160px; transition: var(--transition); }
.page-header .header-panel { display: flex; justify-content: flex-end; align-items: center; gap: .5rem; flex: 1; }

.header-pillow { height: var(--header-height); }

@media only screen and (min-width: 992px) { /*scrolled*/
  body.scrolled .page-header { padding: 8px var(--container-padding); }
  /*scrolled end*/
  .page-header .hamburger { display: none; } }
@media only screen and (max-width: 991px) { :root { --header-height: 60px; --header-height-scrolled: 60px; }
  .page-header { padding: 8px var(--container-padding); } }
@media only screen and (max-width: 575px) { .page-header .header-panel { --btn-padding: 14px; } }
/*@import 'layout/banner';*/
:root { --footer-padding: 100px 0 0; }

footer { padding: var(--footer-padding); }

/*components*/
body.trigo-bar { padding-bottom: 34px !important; }

body.mod-profiler-active { padding-bottom: 34px !important; }

body.trigo-bar.mod-profiler-active { padding-bottom: 68px !important; }

:root { --breadcrumb-font-size: .75rem; /*12px*/ --breadcrumb-padding-y: 0; --breadcrumb-padding-x: 0; --breadcrumb-item-padding-x: .5rem; /*8px*/ --breadcrumb-margin-bottom: 0; --breadcrumb-bg: transparent; --breadcrumb-color: var(--gray-500); --breadcrumb-active-color: var(--blue-500); --breadcrumb-divider: '/'; --breadcrumb-divider-color: var(--gray-500); --breadcrumb-border-radius: 0; }

.breadcrumbs-container { display: flex; align-items: center; gap: 25px; padding: 10px 0; border-bottom: 1px solid var(--gray-100); }
.breadcrumbs-container .breadcrumb { --bs-breadcrumb-font-size: var(--breadcrumb-font-size); --bs-breadcrumb-padding-y: var(--breadcrumb-padding-y); --bs-breadcrumb-padding-x: var(--breadcrumb-padding-x); --bs-breadcrumb-item-padding-x: var(--breadcrumb-item-padding-x); --bs-breadcrumb-margin-bottom: var(--breadcrumb-margin-bottom); --bs-breadcrumb-bg: var(--breadcrumb-bg); --bs-breadcrumb-divider-color: var(--breadcrumb-divider-color); --bs-breadcrumb-active-color: var(--breadcrumb-active-color); --bs-breadcrumb-divider: var(--breadcrumb-divider); --bs-breadcrumb-divider-flipped: var(--breadcrumb-divider); --bs-breadcrumb-border-radius: var(--breadcrumb-border-radius); }

.breadcrumb { margin: 0; }

.breadcrumb-item a { color: var(--breadcrumb-color); }

.breadcrumb-item a:is(:hover, :focus) { color: var(--breadcrumb-active-color); text-decoration: underline; }

.breadcrumb-item + .breadcrumb-item { display: flex; align-items: center; gap: var(--breadcrumb-item-padding-x); }

/*
.breadcrumbs-container .breadcrumb-item + .breadcrumb-item::before { width: .75rem; height: .75rem; padding: 0; background: var(--breadcrumb-divider-color); mask: url('../images/chevron.svg') no-repeat center / contain; -webkit-mask: url('../images/chevron.svg') no-repeat center / contain;
}
*/
.breadcrumbs-back { --link-color: var(--breadcrumb-color); --link-color-active: var(--breadcrumb-active-color); font-size: var(--breadcrumb-font-size); line-height: 1.5rem; /*24px*/ }

.breadcrumbs-back + .breadcrumb { padding-left: 25px; border-left: 1px solid var(--gray-200); }

@media only screen and (max-width: 767px) { .breadcrumbs-container { display: none; } }
:root { --pagination-container-margin: 60px 0 0; --pagination-padding-y:.375rem; --pagination-padding-x:.75rem; --pagination-color: var(--gold-500); --pagination-bg: var(--color-white); --pagination-border-width: 1px; --pagination-border-radius: 0; --pagination-margin-start: 1px; --pagination-border-color: var(--beige-400); --pagination-hover-color: var(--color-white); --pagination-hover-bg: var(--gold-500); --pagination-hover-border-color: var(--gold-500); --pagination-focus-box-shadow: none; --pagination-focus-outline: 0; --pagination-active-color: var(--color-white); --pagination-active-bg: var(--gold-500); --pagination-active-border-color: var(--gold-500); --pagination-disabled-color: var(--beige-800); --pagination-disabled-bg: var(--beige-400); --pagination-disabled-border-color: var(--beige-400); --pagination-transition: var(--transition); }

.pagination-container { margin: var(--pagination-container-margin); }

.pagination { --bs-pagination-padding-y: var(--pagination-padding-y); --bs-pagination-padding-x: var(--pagination-padding-x); --bs-pagination-color: var(--pagination-color); --bs-pagination-bg: var(--pagination-bg); --bs-pagination-border-width: var(--pagination-border-width); --bs-pagination-border-radius: var(--pagination-border-radius); --bs-pagination-margin-start: var(--pagination-margin-start); --bs-pagination-border-color: var(--pagination-border-color); --bs-pagination-focus-color: var(--pagination-hover-color); --bs-pagination-focus-bg: var(--pagination-hover-bg); --bs-pagination-focus-box-shadow: var(--pagination-focus-box-shadow); --bs-pagination-focus-outline: var(--pagination-focus-outline); --bs-pagination-focus-box-shadow: none; --bs-pagination-hover-color: var(--pagination-hover-color); --bs-pagination-hover-bg: var(--pagination-hover-bg); --bs-pagination-hover-border-color: var(--pagination-hover-border-color); --bs-pagination-active-color: var(--pagination-active-color); --bs-pagination-active-bg: var(--pagination-active-bg); --bs-pagination-active-border-color: var(--pagination-active-border-color); --bs-pagination-disabled-color: var(--pagination-disabled-color); --bs-pagination-disabled-bg: var(--pagination-disabled-bg); --bs-pagination-disabled-border-color: var(--pagination-disabled-border-color); --bs-pagination-transition: var(--pagination-transition); }

.pagination .page-prev .page-link, .pagination .page-next .page-link { justify-content: center; align-items: center; gap: .375rem; }

.pagination .page-prev .page-link:before, .pagination .page-next .page-link:after { content: ''; display: inline-block; width: .75rem; height: .75rem; background: var(--bs-pagination-color); mask: url("../images/arrow.svg") no-repeat center/contain; -webkit-mask: url("../images/arrow.svg") no-repeat center/contain; transition: var(--transition); }

.pagination .page-prev .page-link:before { transform: scaleX(-1); }

.pagination .page-prev .page-link:is(:hover, :focus):before, .pagination .page-next .page-link:is(:hover, :focus):after { background: var(--bs-pagination-focus-color); }

.alert { padding: 20px; border: none; border-left: 2px solid var(--bs-alert-border-color); border-radius: var(--radius); font-size: .875rem; /*14px*/ font-weight: 400; }
.alert:has(.btn-close) { padding-right: 50px; }
.alert:is(.alert-icon-warning):before { content: ''; display: block; width: 26px; height: 26px; margin: 0 0 15px; background: var(--bs-alert-color); mask: no-repeat center / contain; -webkit-mask: no-repeat center / contain; }
.alert.alert-icon-warning:before { mask-image: url("../images/icons/warning.svg"); -webkit-mask-image: url("../images/icons/warning.svg"); }
.alert-success { --bs-alert-color: var(--green-500); --bs-alert-bg: var(--green-100); --bs-alert-border-color: var(--green-500); --bs-alert-link-color: var(--green-500); }
.alert-danger { --bs-alert-color: var(--red-500); --bs-alert-bg: var(--red-100); --bs-alert-border-color: var(--red-500); --bs-alert-link-color: var(--red-500); }

.accordion { --bs-accordion-color: var(--text-color); --bs-accordion-bg: var(--beige-100); --bs-accordion-border-color: var(--beige-400); --bs-accordion-border-width: 1px; --bs-accordion-border-radius: 0; --bs-accordion-inner-border-radius: 0; --bs-accordion-btn-padding-x: 1.25rem; --bs-accordion-btn-padding-y: 1rem; --bs-accordion-btn-color: var(--color-white); --bs-accordion-btn-bg: var(--gold-500); 	/* --bs-accordion-btn-icon: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e); --bs-accordion-btn-icon-width: 1.25rem; --bs-accordion-btn-icon-transform: rotate(-180deg); --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out; --bs-accordion-btn-active-icon: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23052c65'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e); */ --bs-accordion-btn-focus-border-color: transparent; --bs-accordion-btn-focus-box-shadow: none; --bs-accordion-body-padding-x: 1.25rem; --bs-accordion-body-padding-y: 30px; --bs-accordion-active-color: var(--color-white); --bs-accordion-active-bg: var(--gold-500); }
.accordion-item .accordion-button { font-size: 1.5rem; line-height: 1.2; }
.accordion-item .accordion-button:after { content: ''; display: inline-block; width: 1.5rem; height: 1.5rem; background: var(--color-white); mask: url("../images/chevron.svg") no-repeat center/contain; -webkit-mask: url("../images/chevron.svg") no-repeat center/contain; transform: rotate(90deg); transition: var(--transition); }
.accordion-item .accordion-button:not(.collapsed):after { transform: rotate(-90deg); }

.modal { 	/*
	--bs-modal-zindex: 1055; --bs-modal-width: 1200px; */ --bs-modal-padding: 0 40px 40px; /*1rem;*/ /*
--bs-modal-margin: 0.5rem;
--bs-modal-color: ;
--bs-modal-bg: var(--bs-body-bg);
--bs-modal-border-color: var(--bs-modal-border-color);
*/ --bs-modal-border-width: 0; --bs-modal-border-radius: 0; /*
--bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
--bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) -(var(--bs-border-width)));
--bs-modal-header-padding-x: 1rem;
--bs-modal-header-padding-y: 1rem;
--bs-modal-header-padding: 1rem 1rem;
--bs-modal-header-border-color: var(--bs-border-color);
*/ --bs-modal-header-border-width: var(--bs-border-width); /*
--bs-modal-title-line-height: 1.5;
--bs-modal-footer-gap: 0.5rem;
--bs-modal-footer-bg: ;
--bs-modal-footer-border-color: var(--bs-border-color);
--bs-modal-footer-border-width: var(--bs-border-width);
*/ }
.modal-header { border-bottom: none; }
.modal-title { color: var(--gray-800); }

.modal-xl { --bs-modal-width: 1200px; }

.modal-backdrop { --bs-backdrop-zindex: 1050; --bs-backdrop-bg: var(--gray-900); --bs-backdrop-opacity: 0.5; }

:root { --header-menu-item-size: .875rem; /*14px*/ --header-menu-item-weight: 400; --header-menu-item-color: var(--grey-25); --header-menu-item-color-active: var(--grey-25); --header-menu-item-padding: 0 15px; --header-menu-dropdown-padding: calc(30px - .875rem) 30px; --header-menu-dropdown-background: var(--navy-700); --header-menu-dropdown-item-size: .875rem; /*14px*/ --header-menu-dropdown-item-weight: 400; --header-menu-dropdown-item-color: var(--grey-50); --header-menu-dropdown-item-color-active: var(--gold-400); --header-menu-dropdown-item-padding: .875rem 0; }

.main-menu { display: flex; justify-content: flex-end; flex-grow: 1; }
.main-menu .menu-container:has(.liveedit) { padding-left: 80px; }
.main-menu ul.menu-root { /*menu icons*/ /*menu icons end*/ }
.main-menu ul.menu-root > li > a { display: block; height: 40px; align-content: center; padding: var(--header-menu-item-padding); font-size: var(--header-menu-item-size); font-weight: var(--header-menu-item-weight); color: var(--header-menu-item-color); opacity: .75; }
.main-menu ul.menu-root > li:is(.active, :hover, :focus) > a, .main-menu ul.menu-root > li > a:is(:hover, :focus) { color: var(--header-menu-item-color-active); opacity: 1; }
.main-menu ul.menu-root li.has-dropdown .menu-dropdown { /*
display: block !important;
transition: var(--transition);
opacity: 0;
visibility: hidden;
*/ }
.main-menu ul.menu-root li.has-dropdown .menu-dropdown li { /*
&:is(.active, :hover, :focus) > a,
*/ }
.main-menu ul.menu-root li.has-dropdown .menu-dropdown li + li { border-top: 1px solid #103C50; }
.main-menu ul.menu-root li.has-dropdown .menu-dropdown li a { --header-menu-item-size: var(--header-menu-dropdown-item-size); --header-menu-item-weight: var(--header-menu-dropdown-item-weight); --header-menu-item-color: var(--header-menu-dropdown-item-color); --header-menu-item-color-active: var(--header-menu-dropdown-item-color-active); --header-menu-item-padding:var(--header-menu-dropdown-item-padding); padding: var(--header-menu-dropdown-item-padding); font-size: var(--header-menu-dropdown-item-size); font-weight: var(--header-menu-dropdown-item-weight); color: var(--header-menu-dropdown-item-color); }
.main-menu ul.menu-root li.has-dropdown .menu-dropdown li > a:is(:hover, :focus) { color: var(--header-menu-dropdown-item-color-active); }
.main-menu ul.menu-root li.has-dropdown:is(:hover, :focus, :focus-within) .menu-dropdown { opacity: 1; visibility: visible; }
.main-menu ul.menu-root li.has-icon { /*
&:is(.active, :hover, :focus) > a:before,
*/ }
.main-menu ul.menu-root li.has-icon a { display: flex; align-items: center; gap: 15px; }
.main-menu ul.menu-root li.has-icon a:before { content: ''; display: inline-block; width: 1rem; height: 1rem; background: var(--header-menu-item-color); mask: var(--menu-icon) no-repeat center/contain; -webkit-mask: var(--menu-icon) no-repeat center/contain; transition: var(--transition); }
.main-menu ul.menu-root li.has-icon > a:is(:hover, :focus):before { background: var(--header-menu-item-color-active); }

@media only screen and (min-width: 992px) { .main-menu { display: flex; justify-content: flex-end; flex-grow: 1; }
  .main-menu ul.menu-root { display: flex; align-items: center; }
  .main-menu ul.menu-root > li.with-separator { display: inline-flex; align-items: center; }
  .main-menu ul.menu-root > li.with-separator:before { content: ''; display: inline-block; width: 1px; height: 25px; background: var(--grey-25); opacity: .15; }
  .main-menu ul.menu-root > li > a { height: 50px; }
  .main-menu ul.menu-root li.has-dropdown .menu-dropdown { display: block !important; padding: var(--header-menu-dropdown-padding); background: var(--header-menu-dropdown-background); transition: var(--transition); opacity: 0; visibility: hidden; }
  .main-menu ul.menu-root li.has-dropdown:is(:hover, :focus, :focus-within) .menu-dropdown { opacity: 1; visibility: visible; }
  body:not(.scrolled) { /*header with banner*/ /*header with banner end*/ }
  body:not(.scrolled) header.with-banner {             /* .main-menu { ul.menu-root { --header-menu-item-color: var(--grey-25); --header-menu-item-color-active: var(--grey-25);  > li { > a { opacity: 1; } }
 &:is(:hover, :focus, :focus-within) { > li { > a { opacity: .65; }  &:is(.active, :hover, :focus) > a, > a:is(:hover, :focus) { opacity: 1; } } } } } */ } }
/*menu mobile*/
@media only screen and (max-width: 991px) { :root { --header-menu-item-size: .875rem; /*14px*/ --header-menu-item-color: var(--grey-50); --header-menu-item-color-active: var(--gold-400); --header-menu-item-padding: 0 15px; --header-menu-dropdown-padding: 0; --header-menu-dropdown-background: var(--navy-700); --header-menu-dropdown-item-size: .875rem; /*14px*/ --header-menu-dropdown-item-weight: 400; --header-menu-dropdown-item-color: var(--grey-50); --header-menu-dropdown-item-color-active: var(--gold-400); --header-menu-dropdown-item-padding: 0 15px 0 30px; }
  .main-menu { display: block; width: 100vw; height: 0; max-height: calc(100vh - var(--header-height)); background: var(--navy-700); box-shadow: 0 0 0 transparent; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); overflow: auto; z-index: 1; }
  .main-menu .menu-container:has(.liveedit) { padding-left: 0; padding-top: 30px; }
  .main-menu ul.menu-root > li { display: block; }
  .main-menu ul.menu-root > li + li { border-top: 1px solid #103C50; }
  .main-menu ul.menu-root > li > a { display: block; height: auto; min-height: 40px; line-height: 1.5; opacity: 1; }
  .main-menu ul.menu-root li.has-dropdown .menu-dropdown { display: block !important; width: 100%; padding: 0; background: transparent; border-top: 1px solid #103C50; box-shadow: none; transition: var(--transition); position: static; opacity: 1; visibility: visible; }
  .main-menu ul.menu-root li.has-dropdown .menu-dropdown li a { height: auto; min-height: 40px; line-height: 1.5; align-content: center; } }
/*menu mobile end*/
:root { --hamburger-color: var(--blue-500); --hamburger-duration: var(--transition); }

.hamburger { padding: 0; display: inline-flex; align-items: center; height: 2rem; cursor: pointer; transition-property: opacity, filter; transition-duration: var(--hamburger-duration); transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; /*hamburger slider*/ /*hamburger slider end*/ }
.hamburger .hamburger-box { width: 2rem; height: 1.5rem; display: block; position: relative; }
.hamburger .hamburger-inner { display: block; top: 50%; margin-top: -2px; }
.hamburger .hamburger-inner:before, .hamburger .hamburger-inner:after { content: ""; display: block; }
.hamburger .hamburger-inner:before { top: -10px; }
.hamburger .hamburger-inner:after { bottom: -10px; }
.hamburger .hamburger-inner, .hamburger .hamburger-inner:before, .hamburger .hamburger-inner:after { width: 2rem; height: 2px; background-color: var(--hamburger-color); border-radius: 4px; position: absolute; transition-property: transform; transition-duration: var(--hamburger-duration); transition-timing-function: ease; }
.hamburger:is(.active, :hover, :focus) { opacity: .7; }
.hamburger.hamburger--slider .hamburger-inner { top: 2px; }
.hamburger.hamburger--slider .hamburger-inner:before { top: 10px; transition-property: transform, opacity; transition-timing-function: ease; transition-duration: var(--hamburger-duration); }
.hamburger.hamburger--slider .hamburger-inner:after { top: 20px; }
.hamburger.hamburger--slider.active .hamburger-inner { transform: translate3d(0, 10px, 0) rotate(45deg); }
.hamburger.hamburger--slider.active .hamburger-inner:before { transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0); opacity: 0; }
.hamburger.hamburger--slider.active .hamburger-inner:after { transform: translate3d(0, -20px, 0) rotate(-90deg); }

.header-user-panel { --text: .875rem; /*14px*/ --text-clamp: .875rem; /*14px*/ --text-color: var(--gray-800); --link-color: var(--gray-500); --link-color-active: var(--blue-700); font-size: var(--text); color: var(--text-color); display: flex; align-items: center; gap: 10px; }
.header-user-panel a { --text: .75rem; /*12px*/ --text-clamp: .75rem; /*12px*/ font-size: var(--text); text-transform: uppercase; }
.header-user-panel-separator { display: inline-block; width: 1px; height: .875rem; /*14px*/ background: var(--gray-200); }

@media only screen and (max-width: 767px) { .header-user-panel-username { display: none; } }
.tile-layout { --tl-columns: repeat(4, 1fr); --tl-gap: 20px; --tl-item-min-height: 250px; --tl-item-padding: 20px; --tl-item-gap: 40px; --tl-item-bg: var(--color-white); --tl-item-border-color: var(--gray-200); --tl-title-color: var(--heading-color); --tl-icon: url('../images/icons/folder.svg'); --tl-icon-size: 42px; --tl-icon-color: var(--gray-400); --tl-footer-color: var(--gray-500); display: grid; grid-template-columns: var(--tl-columns); gap: var(--tl-gap); }
.tile-layout-item { display: flex; flex-direction: column; gap: var(--tl-item-gap); width: 100%; min-height: var(--tl-item-min-height); padding: var(--tl-item-padding); background: var(--tl-item-bg); border: 1px solid var(--tl-item-border-color); border-radius: var(--radius); text-align: left; }
.tile-layout-item:before { content: ''; display: block; width: var(--tl-icon-size); height: var(--tl-icon-size); background: var(--tl-icon-color); mask: var(--tl-icon) no-repeat center/contain; -webkit-mask: var(--tl-icon) no-repeat center/contain; }
.tile-layout-item-title { flex: 1; margin: 0; color: var(--tl-title-color); }
.tile-layout-item-footer { display: flex; align-items: center; gap: 10px; font-size: .75rem; color: var(--tl-footer-color); }
.tile-layout-item-footer:after { content: ''; display: inline-block; width: 10px; height: 10px; background: rgba(255, 255, 255, 0); mask: url("../images/icons/arrow.svg") no-repeat center/contain; -webkit-mask: url("../images/icons/arrow.svg") no-repeat center/contain; transition: var(--transition); }
.tile-layout-item:not(.disabled):is(:hover, :focus, .active) { --tl-item-bg: var(--blue-500); --tl-item-border-color: var(--blue-500); --tl-title-color: var(--color-white); --tl-icon-color: var(--color-white); --tl-footer-color: var(--color-white); }
.tile-layout-item:not(.disabled):is(:hover, :focus, .active) .tile-layout-item-footer:after { background: var(--tl-footer-color); }
.tile-layout-item.disabled { --tl-item-bg: var(--gray-50); --tl-item-border-color: var(--gray-200); --tl-title-color: var(--gray-500); --tl-icon-color: var(--gray-300); --tl-footer-color: var(--gray-300); }

@media only screen and (max-width: 991px) { .tile-layout { --tl-columns: repeat(3, 1fr); } }
@media only screen and (max-width: 575px) { .tile-layout { --tl-columns: repeat(2, 1fr); } }
@media only screen and (max-width: 400px) { .tile-layout { --tl-columns: 1fr; } }
/*
@import 'components/header/locales-list';

@import 'components/footer/menu';

@import 'components/gallery';
@import 'components/products-categories-list';
@import 'components/product-list';
@import 'components/product-slider';
@import 'components/pub-list';
*/
:root { --form-input-size: .875rem; /*14px*/ --form-input-lh: 1.375rem; /*22px*/ --form-input-weight: 400; --form-input-color: var(--gray-800); --form-input-placeholder-color: var(--gray-500); --form-input-margin: 0 0 .75rem; --form-input-padding: 14px 15px; --form-input-background-color: var(--color-white); --form-input-radius: var(--radius); --form-input-border-size: 1px; --form-input-border-color: var(--gray-200); --form-input-border-color-active: var(--blue-500); --form-label-display: block; --form-label-size: .875rem; /*14px*/ --form-input-lh: 1.125rem; /*18px*/ --form-label-weight: 400; --form-label-color: var(--gray-500); --form-label-margin: 0; --form-input-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); --form-textarea-min-height: 128px; --form-description-size: .875rem; /*14px*/ --form-description-lh: 1.375rem; /*22px*/ --form-description-weight: 400; --form-description-color: var(--gray-500); --form-description-margin: .5rem 0 0; --form-checkbox-size: .875rem; /*14px*/ --form-checkbox-lh: 1.375rem; /*22px*/ --form-checkbox-weight: 400; --form-checkbox-color: var(--gray-800); --form-checkbox-check-size: 1.125rem; /*18px*/ --form-checkbox-check-gap: .625rem; --form-checkbox-check-radius: var(--radius); --form-checkbox-check-background: var(--color-white); --form-checkbox-check-background-active: var(--blue-500); --form-checkbox-check-border-size: 1px; --form-checkbox-check-border-color: var(--gray-300); --form-checkbox-check-border-color-active: var(--blue-500); --form-error-size: .75rem; --form-error-lh: 1rem; --form-error-weight: 400; --form-error-color: var(--red-500); }

.form-group { margin: var(--form-input-margin); /*animated labels*/ /*disabled*/ }
.form-group > label { display: var(--form-label-display); margin: var(--form-label-margin); font-size: var(--form-label-size); line-height: var(--form-label-lh); font-weight: var(--form-label-weight); color: var(--form-label-color); }
.form-group .form-control { padding: var(--form-input-padding); background-color: var(--form-input-background-color); border: var(--form-input-border-size) solid var(--form-input-border-color); border-radius: var(--form-input-radius); box-shadow: var(--form-input-shadow); font-size: var(--form-input-size); line-height: var(--form-input-lh); color: var(--form-input-color); transition: var(--transition); }
.form-group .form-control::placeholder { color: var(--form-input-placeholder-color); opacity: 1; }
.form-group .form-control:-ms-input-placeholder { color: var(--form-input-placeholder-color); }
.form-group .form-control::-ms-input-placeholder { color: var(--form-input-placeholder-color); }
.form-group .form-control:focus { border-color: var(--form-input-border-color-active); }
.form-group textarea.form-control { min-height: var(--form-textarea-min-height); }
.form-group .help-block { margin: var(--form-description-margin); font-size: var(--form-description-size); line-height: var(--form-description-lh); font-weight: var(--form-description-weight); color: var(--form-description-color); }
.form-group:has(input:is([type=text], [type=password]), textarea.form-control) { --form-input-placeholder-color: transparent; position: relative; }
.form-group:has(input:is([type=text], [type=password]), textarea.form-control) > label { padding: 0 6px; background: var(--color-white); position: absolute; /*--form-input-padding: 14px 15px*/ top: 14px; left: 9px; transform: translateY(0); z-index: 6; /*password has z-index: 5*/ transition: var(--transition); }
.form-group:has(input:is([type=text], [type=password]), textarea.form-control):has(input:is([type=text], [type=password]):not(:placeholder-shown), textarea.form-control:not(:placeholder-shown)) > label, .form-group:has(input:is([type=text], [type=password]), textarea.form-control):focus-within > label { top: 0; transform: translateY(-50%); }
.form-group:has(.form-control[disabled]) { --form-input-color: var(--gray-500); --form-input-placeholder-color: var(--gray-500); --form-input-background-color: var(--gray-100); --form-input-border-color: var(--gray-200); }
.form-group:has(.form-control[disabled]) > label { background: transparent; }
.form-group.has-error label, .form-group:has(.has-error) label { color: var(--bs-form-invalid-color); }
.form-group.has-error .form-control, .form-group:has(.has-error) .form-control { border-color: var(--bs-form-invalid-border-color); }

/*file*/
.form-control-type-file .btn-file { display: flex; align-items: center; }
.form-control-type-file .btn-danger { padding: 13px; width: 50px; }

/*file end*/
/*captcha*/
.form-control-type-captcha .captcha-control .captcha-container .image-container { border-color: var(--form-input-border-color); border-radius: var(--form-input-radius) var(--form-input-radius) 0 0; transition: var(--transition); }
.form-control-type-captcha .captcha-control .captcha-container input { /**/ --form-input-placeholder-color: var(--gray-500); padding: var(--form-input-padding); border-width: var(--form-input-border-size); border-color: var(--form-input-border-color); border-radius: 0 0 var(--form-input-radius) var(--form-input-radius); box-shadow: var(--form-input-shadow); font-size: var(--form-input-size); line-height: var(--form-input-lh); color: var(--form-input-color); transition: var(--transition); }
.form-control-type-captcha .captcha-control .captcha-container input::placeholder { color: var(--form-input-placeholder-color); opacity: 1; }
.form-control-type-captcha .captcha-control .captcha-container input:-ms-input-placeholder { color: var(--form-input-placeholder-color); }
.form-control-type-captcha .captcha-control .captcha-container input::-ms-input-placeholder { color: var(--form-input-placeholder-color); }
.form-control-type-captcha .captcha-control .captcha-container input:focus { border-color: var(--form-input-border-color-active); }
.form-control-type-captcha .captcha-control .captcha-container::focus-within .image-container, .form-control-type-captcha .captcha-control .captcha-container::focus-within input { border-color: var(--form-input-border-color-active); }
.form-control-type-captcha.has-error .captcha-control .captcha-container .image-container { border-color: var(--bs-form-invalid-border-color); }
.form-control-type-captcha.has-error .captcha-control .captcha-container input { border-color: var(--bs-form-invalid-border-color); }

/*reCaptcha v3 badge*/
.grecaptcha-badge { /*visibility: hidden;*/ }

/*captcha end*/
/*checkbox*/
.form-group > .checkbox { --link-color: var(--form-checkbox-color); }
.form-group > .checkbox > input { display: none; }
.form-group > .checkbox > span { display: block; padding-left: calc(var(--form-checkbox-check-size) + var(--form-checkbox-check-gap)); font-size: var(--form-checkbox-size); line-height: var(--form-checkbox-lh); color: var(--form-checkbox-color); text-align: justify; position: relative; }
.form-group > .checkbox > span:before { content: ''; display: block; width: var(--form-checkbox-check-size); height: var(--form-checkbox-check-size); border: var(--form-checkbox-check-border-size) solid var(--form-checkbox-check-border-color); border-radius: var(--form-checkbox-check-radius); background: var(--form-checkbox-check-background); position: absolute; top: 0; top: calc((var(--form-checkbox-lh) - var(--form-checkbox-check-size)) / 2); left: 0; transition: var(--transition); }
.form-group > .checkbox > span:after { content: ''; display: block; width: var(--form-checkbox-check-size); height: var(--form-checkbox-check-size); background: var(--color-white); mask: url("../images/check.svg") no-repeat center/calc(var(--form-checkbox-check-size) - 5px) calc(var(--form-checkbox-check-size) - 5px); -webkit-mask: url("../images/check.svg") no-repeat center/calc(var(--form-checkbox-check-size) - 5px) calc(var(--form-checkbox-check-size) - 5px); position: absolute; top: 0; top: calc((var(--form-checkbox-lh) - var(--form-checkbox-check-size)) / 2); left: 0; opacity: 0; transition: var(--transition); }
.form-group > .checkbox > span a { text-decoration: underline; }
.form-group > .checkbox > input:checked + span:before { background: var(--form-checkbox-check-background-active); border-color: var(--form-checkbox-check-border-color-active); }
.form-group > .checkbox > input:checked + span:after { opacity: 1; }
.form-group > .checkbox.has-error > span { color: var(--bs-form-invalid-color); }
.form-group.has-error > .checkbox > span { color: var(--bs-form-invalid-color); }

/*checkbox*/
.invalid-feedback { display: block; font-size: var(--form-error-size); line-height: var(--form-error-lh); font-weight: var(--form-error-weight); color: var(--form-error-color); }

/*form animated*/
.form-animated { position: relative; }
.form-animated:before { content: ''; display: block; width: 100%; height: 100%; background: var(--color-white); opacity: 0; visibility: hidden; pointer-events: none; position: absolute; top: 0; left: 0; transition: var(--transition); z-index: 7; }
.form-animated:after { content: ''; display: block; border: 0.25rem solid var(--gray-100); border-top-color: var(--blue-500); border-radius: 50%; width: 4rem; height: 4rem; animation: form-spin 1.5s linear infinite; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 7; opacity: 0; visibility: hidden; pointer-events: none; transition: var(--transition); }
@keyframes form-spin { 0% { transform: translate(-50%, -50%) rotate(0deg); }
  100% { transform: translate(-50%, -50%) rotate(360deg); } }
.form-animated.loading:before { opacity: .8; visibility: visible; pointer-events: all; }
.form-animated.loading:after { opacity: 1; visibility: visible; }

/*form animated end*/
/*modal form*/
.modal form { padding-top: 10px; position: relative; }
.modal form:before { content: ''; display: block; width: 100%; height: 100%; background: var(--color-white); opacity: 0; visibility: hidden; pointer-events: none; position: absolute; top: 0; left: 0; transition: var(--transition); z-index: 7; }
.modal form:after { content: ''; display: block; border: 0.25rem solid var(--gray-100); border-top-color: var(--blue-500); border-radius: 50%; width: 4rem; height: 4rem; animation: modal-form-spin 1.5s linear infinite; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 7; opacity: 0; visibility: hidden; pointer-events: none; transition: var(--transition); }
@keyframes modal-form-spin { 0% { transform: translate(-50%, -50%) rotate(0deg); }
  100% { transform: translate(-50%, -50%) rotate(360deg); } }
.modal form.loading:before { opacity: .8; visibility: visible; pointer-events: all; }
.modal form.loading:after { opacity: 1; visibility: visible; }

/*modal form end*/
/*
@import 'components/contact-list';
@import 'components/contact-locations';
*/
/*modules*/
.tile-layout.category-tile-layout { --tl-columns: repeat(4, 1fr); --tl-gap: 20px; --tl-item-min-height: 190px; --tl-item-gap: 10px; --tl-icon-size: 32px; }
.tile-layout.category-tile-layout .tile-layout-item { box-shadow: 0px 3px 6px -3px #04505D0D; }
.tile-layout.category-tile-layout .tile-layout-item-icon { margin-bottom: 30px; }
.tile-layout.category-tile-layout .tile-layout-item:not(.disabled):is(:hover, :focus, .active) { --tl-item-bg: var(--color-white); --tl-item-border-color: var(--blue-500); --tl-title-color: var(--heading-color); --tl-icon-color: var(--gray-400); --tl-footer-color: var(--gray-500); box-shadow: 0px 12px 22px -3px #04505D14; }
.tile-layout.category-tile-layout .tile-layout-item.disabled { --tl-item-bg: var(--gray-50); --tl-item-border-color: var(--gray-200); --tl-title-color: var(--gray-500); --tl-icon-color: var(--gray-300); --tl-footer-color: var(--gray-300); }

@media only screen and (max-width: 991px) { .tile-layout.category-tile-layout { --tl-columns: repeat(3, 1fr); } }
@media only screen and (max-width: 767px) { .tile-layout.category-tile-layout { --tl-columns: repeat(2, 1fr); } }
@media only screen and (max-width: 480px) { .tile-layout.category-tile-layout { --tl-columns: repeat(1, 1fr); } }
.file-list { display: block; list-style: none; margin: 0; padding: 0; }
.file-list-item { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin: 0; padding: 3px 20px; background: var(--color-white); border-bottom: 1px solid var(--gray-100); box-shadow: 0px 0px 0px 0px #04505D00; transition: var(--transition); }
.file-list-item-name { flex: 1; margin: 0; font-size: .875rem; font-weight: 300; color: var(--gray-800); }
.file-list-item-options { display: inline-flex; align-items: center; }
.file-list-item-options .btn { --link-color: var(--gray-500); --link-color-active: var(--blue-500); padding: 14px; }
.file-list-item:is(:hover, :focus, :focus-within) { background: var(--cell-select); box-shadow: 0px 5px 6px -3px #04505D0D; }

.file-list-heading { margin: 0; padding: 8px 20px; border-bottom: 1px solid var(--gray-100); font-size: .75rem; line-height: 20px; font-weight: 400; color: var(--gray-400); }

.file-list-title { min-height: 40px; align-content: center; margin: 0; padding: 3px 20px; font-size: .875rem; /*14px*/ line-height: 1.125rem; /*18px*/ font-weight: 500; color: var(--blue-700); text-transform: uppercase; }

.file-list + .file-list-title { margin-top: 20px; }

.file-gallery { display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px; list-style: none; margin: 0; padding: 0; }
.file-gallery-item { display: flex; flex-direction: column; gap: 20px; }
.file-gallery-item-image { display: block; padding: 0; background: var(--color-white); border: 1px solid var(--gray-100); box-shadow: 0 0 0 0 rgba(4, 80, 93, 0); position: relative; transition: var(--transition); }
.file-gallery-item-image:after { content: ''; display: block; width: 20px; height: 20px; background: var(--blue-500); mask: url("../images/icons/search.svg") no-repeat center/contain; -webkit-mask: url("../images/icons/search.svg") no-repeat center/contain; position: absolute; bottom: 20px; right: 20px; opacity: 0; transition: var(--transition); }
.file-gallery-item-image img { display: block; width: 100%; background: var(--color-white); aspect-ratio: 27 / 25; object-fit: contain; transition: transform .5s; }
.file-gallery-item-image:is(:hover, :focus) { box-shadow: 0 9px 22px -4px rgba(4, 80, 93, 0.08); }
.file-gallery-item-image:is(:hover, :focus):after { opacity: 1; }
.file-gallery-item-name { flex: 1; margin: 0; font-size: .875rem; font-weight: 400; }
.file-gallery-item-options { border-top: 1px solid var(--gray-100); }
.file-gallery-item-options .btn { --link-color: var(--gray-500); --link-color-active: var(--blue-500); display: flex; justify-content: flex-start; padding: 14px 0; }

@media only screen and (max-width: 767px) { .file-gallery { grid-template-columns: repeat(3, 1fr); gap: 20px; } }
@media only screen and (max-width: 575px) { .file-gallery { grid-template-columns: repeat(2, 1fr); } }
:root { --preview-width: 600px; --preview-transition: .5s; }

.file-aside-preview { display: flex; flex-direction: column; width: var(--preview-width); height: 100lvh; background: var(--color-white); border-left: 1px solid var(--gray-100); position: fixed; top: 0; right: 0; bottom: 0; transform: translateX(100%); z-index: 1001; transition: var(--preview-transition); }
.file-aside-preview.active { transform: translateX(0); }
.file-aside-preview .file-preview-header { display: flex; align-items: center; gap: 20px; flex-shrink: 0; min-height: 90px; padding: 8px var(--container-padding); box-shadow: 0 4px 4px rgba(0, 0, 0, 0.04); position: relative; z-index: 1; }
.file-aside-preview .file-preview-header-close { display: inline-flex; justify-content: center; align-items: center; width: 44px; height: 44px; padding: 0; background: transparent; border: none; }
.file-aside-preview .file-preview-header-close:before { content: ''; display: block; width: .75rem; height: .75rem; background: var(--gray-400); mask: url("../images/icons/close.svg") no-repeat center/contain; -webkit-mask: url("../images/icons/close.svg") no-repeat center/contain; transition: var(--transition); }
.file-aside-preview .file-preview-header-close:is(:hover, :focus):before { background: var(--blue-500); }
.file-aside-preview .file-preview-header-title { flex: 1; margin: 0; font-size: var(--text); line-height: var(--text-lh); font-weight: 400; }
.file-aside-preview .file-preview-iframe-container { display: flex; width: 100%; flex: 1; background: var(--gray-200); position: relative; transition: var(--transition); }
.file-aside-preview .file-preview-iframe-container:before { content: ''; display: block; width: 100%; height: 100%; background: var(--gray-200); opacity: 0; visibility: hidden; pointer-events: none; position: absolute; top: 0; left: 0; transition: var(--transition); z-index: 1; }
.file-aside-preview .file-preview-iframe-container:after { content: ''; display: block; border: 0.25rem solid var(--gray-100); border-top-color: var(--blue-500); border-radius: 50%; width: 4rem; height: 4rem; animation: spin 1.5s linear infinite; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; opacity: 0; visibility: hidden; pointer-events: none; transition: var(--transition); }
@keyframes spin { 0% { transform: translate(-50%, -50%) rotate(0deg); }
  100% { transform: translate(-50%, -50%) rotate(360deg); } }
.file-aside-preview .file-preview-iframe-container:has(.file-preview-iframe.loading):before { opacity: .8; visibility: visible; pointer-events: all; }
.file-aside-preview .file-preview-iframe-container:has(.file-preview-iframe.loading):after { opacity: 1; visibility: visible; }
.file-aside-preview .file-preview-iframe { width: 100%; flex: 1; background: var(--gray-200); position: relative; transition: var(--transition); }

@media only screen and (min-width: 1200px) { body:has(.file-aside-preview) { padding-right: 0; transition: var(--transition) all, padding-right var(--preview-transition); }
  body:has(.file-aside-preview) .page-header { transition: padding-right var(--preview-transition); }
  body:has(.file-aside-preview):has(.file-aside-preview.active) { padding-right: var(--preview-width); }
  body:has(.file-aside-preview):has(.file-aside-preview.active) .page-header { padding-right: calc(var(--container-padding) + var(--preview-width)); } }
@media only screen and (max-width: 767px) { :root { --preview-width: 100%; } }
.file-gallery-preview-container { --preview-width: 1200px; --preview-offset: 90px; --preview-transition: .5s; }
.file-gallery-preview-container .modal-content { max-height: none; overflow: visible; }

.file-gallery-preview { --text-color: var(--color-white); --heading-color: var(--color-white); display: flex; width: 100%; max-width: var(--preview-width); min-height: calc(100svh - 2 * var(--preview-offset)); background: var(--gray-900); }
.file-gallery-preview .file-preview-nav { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; margin: 0; padding: 0; background: transparent; border: none; border-radius: var(--radius); cursor: pointer; position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; }
.file-gallery-preview .file-preview-nav:before { content: ''; display: inline-block; width: 11px; height: 21px; background: var(--color-white); mask: url("../images/icons/chevron.svg") no-repeat center/contain; -webkit-mask: url("../images/icons/chevron.svg") no-repeat center/contain; transition: var(--transition); }
.file-gallery-preview .file-preview-nav:is(:hover, :focus):before { background: var(--blue-500); }
.file-gallery-preview .file-preview-nav.file-preview-nav-previous { left: -90px; }
.file-gallery-preview .file-preview-nav.file-preview-nav-previous:before { transform: scaleX(-1); }
.file-gallery-preview .file-preview-nav.file-preview-nav-next { right: -90px; }
.file-gallery-preview .file-preview-header { display: flex; flex-direction: column; justify-content: flex-end; gap: 20px; flex: 0 0 280px; padding: 60px var(--container-padding); position: relative; }
.file-gallery-preview .file-preview-header-close { display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; padding: 0; background: transparent; border: none; position: absolute; top: 20px; right: 20px; }
.file-gallery-preview .file-preview-header-close:before { content: ''; display: block; width: .75rem; height: .75rem; background: var(--gray-400); mask: url("../images/icons/close.svg") no-repeat center/contain; -webkit-mask: url("../images/icons/close.svg") no-repeat center/contain; transition: var(--transition); }
.file-gallery-preview .file-preview-header-close:is(:hover, :focus):before { background: var(--blue-500); }
.file-gallery-preview .file-preview-header-title { margin: 0; font-size: var(--text); line-height: var(--text-lh); font-weight: 400; }
.file-gallery-preview .file-preview-header-options { border-top: 1px solid rgba(237, 239, 240, 0.1); }
.file-gallery-preview .file-preview-header-options .btn { --link-color: var(--gray-500); --link-color-active: var(--blue-500); display: flex; justify-content: flex-start; padding: 14px 0; }
.file-gallery-preview .file-preview-iframe-container { display: flex; width: 100%; flex: 1; background: var(--gray-200); position: relative; transition: var(--transition); }
.file-gallery-preview .file-preview-iframe-container:before { content: ''; display: block; width: 100%; height: 100%; background: var(--gray-200); opacity: 0; visibility: hidden; pointer-events: none; position: absolute; top: 0; left: 0; transition: var(--transition); z-index: 1; }
.file-gallery-preview .file-preview-iframe-container:after { content: ''; display: block; border: 0.25rem solid var(--gray-100); border-top-color: var(--blue-500); border-radius: 50%; width: 4rem; height: 4rem; animation: spin 1.5s linear infinite; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; opacity: 0; visibility: hidden; pointer-events: none; transition: var(--transition); }
@keyframes spin { 0% { transform: translate(-50%, -50%) rotate(0deg); }
  100% { transform: translate(-50%, -50%) rotate(360deg); } }
.file-gallery-preview .file-preview-iframe-container:has(.file-preview-iframe.loading):before { opacity: .8; visibility: visible; pointer-events: all; }
.file-gallery-preview .file-preview-iframe-container:has(.file-preview-iframe.loading):after { opacity: 1; visibility: visible; }
.file-gallery-preview .file-preview-iframe { width: 100%; flex: 1; background: var(--gray-200); position: relative; transition: var(--transition); }
.file-gallery-preview:not(.has-next) .file-preview-nav-next { display: none; }
.file-gallery-preview:not(.has-previous) .file-preview-nav-previous { display: none; }

@media only screen and (max-height: 700px) { .file-gallery-preview { --preview-offset: 1rem; } }
@media only screen and (max-width: 1400px) { .file-gallery-preview .file-preview-nav.file-preview-nav-previous { left: -45px; }
  .file-gallery-preview .file-preview-nav.file-preview-nav-next { right: -45px; } }
@media only screen and (max-width: 1280px) { .file-gallery-preview .file-preview-nav { background: rgba(26, 35, 43, 0.6); /*gray-900*/ }
  .file-gallery-preview .file-preview-nav.file-preview-nav-previous { left: .75rem; }
  .file-gallery-preview .file-preview-nav.file-preview-nav-next { right: .75rem; } }
@media only screen and (max-width: 767px) { :root { --preview-width: 100%; }
  .file-gallery-preview { flex-direction: column; }
  .file-gallery-preview .file-preview-header { flex: 0 0 100%; padding: var(--container-padding) var(--container-padding) 0; position: static; }
  .file-gallery-preview .file-preview-header-close { top: .5rem; right: .5rem; background: rgba(26, 35, 43, 0.6); /*gray-900*/ border-radius: var(--radius); } }
.filter-form { display: flex; align-items: flex-start; gap: 30px; padding: 20px; border-radius: var(--radius); background: var(--cell-select); }
.filter-form-title { display: flex; align-items: center; gap: 10px; flex: 0; margin: 0; padding: 6px 0 0; font-size: .875rem; /*14px*/ line-height: 1.125rem; /*18px*/ font-weight: 500; color: var(--blue-700); text-transform: uppercase; }
.filter-form-title:before { content: ''; display: inline-block; width: 12px; height: 10px; mask: url("../images/icons/filter.svg") no-repeat center/contain; -webkit-mask: url("../images/icons/filter.svg") no-repeat center/contain; background: var(--blue-700); }
.filter-form-options { display: flex; flex-wrap: wrap; gap: 10px; flex: 1; padding-top: 4px; }
.filter-form-options .form-control-type-checkbox { flex: 0 0 calc((100% - 20px) / 3); margin: 0; }
.filter-form-options .collapse { flex: 1; }
.filter-form-options .collapse-content { display: flex; flex-wrap: wrap; gap: 10px; }
.filter-form-aside { --btn-padding: 7px 20px; --link-color: var(--gray-500); flex: 0 0 auto; align-self: stretch; position: relative; }
.filter-form-aside > div { position: sticky; top: var(--header-height-scrolled); }
.filter-form-aside .btn-dropdown { min-width: 112px; }

@media only screen and (min-width: 1200px) and (max-width: 1440px) { body:has(.file-aside-preview):has(.file-aside-preview.active) .filter-form-title { display: none; } }
@media only screen and (max-width: 991px) { .filter-form { flex-wrap: wrap; gap: 20px; }
  .filter-form-title { flex: 0 0 100%; padding: 0; } }
@media only screen and (max-width: 767px) { .filter-form-options { display: flex; flex-wrap: wrap; gap: 10px; flex: 1; padding-top: 4px; }
  .filter-form-options .form-control-type-checkbox { flex: 0 0 calc((100% - 20px) / 3); margin: 0; }
  .filter-form-options .collapse { flex: 1; }
  .filter-form-options .collapse-content { display: flex; flex-wrap: wrap; gap: 10px; }
  .filter-form-aside { --btn-padding: 7px 20px; --link-color: var(--gray-500); }
  .filter-form-aside > div { display: flex; flex-direction: column; gap: 10px; } }
@media only screen and (max-width: 575px) { .filter-form { display: block; }
  .filter-form-title { margin-bottom: 20px; }
  .filter-form-options { padding-top: 0; }
  .filter-form-aside { margin-top: 20px; }
  .filter-form-aside > div { justify-content: flex-end; flex-direction: row; gap: 10px; } }
@media only screen and (max-width: 480px) { .filter-form-options { flex-direction: column; }
  .filter-form-options .form-control-type-checkbox { flex-basis: auto; }
  .filter-form-options .collapse-content { flex-direction: column; } }
.settings-customer-verification strong { color: var(--gray-800); }
.settings-customer-verification-description { font-size: .75rem; /*12px*/ font-weight: 400; }

@media only screen and (min-width: 992px) { .settings-customer-verification { display: flex; justify-content: space-between; padding-left: 0; }
  .settings-customer-verification:before { content: ''; display: block; flex: 1 0 calc(var(--bs-gutter-x)* .5); order: -1; }
  .settings-customer-verification:after { content: ''; display: block; flex: 1 0 var(--bs-gutter-x); order: -1; border-left: 1px solid var(--gray-100); }
  .settings-customer-verification-content { flex: 0 1 285px; } }
.claim-form { width: 700px; max-width: 100%; }

.reset-password-form { width: 700px; max-width: 100%; }

/*
@import 'modules/contact';
@import 'modules/products-category';
@import 'modules/aww-collection-points';
@import 'modules/product';
@import 'modules/private-label';

/*widgets*/
/*
@import 'widgets/widgets';
@import 'widgets/slider';
@import 'widgets/page-title';
@import 'widgets/call-to-action';
@import 'widgets/aww-location-slider';
@import 'widgets/aww-location-tabs';
@import 'widgets/aww-our-values';
@import 'widgets/aww-our-prizes';
@import 'widgets/aww-prize-list';
@import 'widgets/aww-history-slider';
@import 'widgets/tabs-slider';
@import 'widgets/icon-blocks';
@import 'widgets/check-blocks';
@import 'widgets/aww-production-process';
@import 'widgets/aww-block-layout-1';
@import 'widgets/aww-block-layout-2';
@import 'widgets/aww-text-block';
*/

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