#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

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

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

.code {
    height: fit-content !important;
    width: fit-content !important;
}
/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

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

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

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

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

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

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

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

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

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

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

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

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

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

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

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

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

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

/**
 * Remove the inner border and padding in Firefox.
 */

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

/**
 * Restore the focus styles unset by the previous rule.
 */

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

/**
 * Correct the padding in Firefox.
 */

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

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

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

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

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

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

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

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

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

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

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

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

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

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}
:root{--cc-bg:#fff;--cc-text:#002E6F;--cc-btn-primary-bg:#D8AF04;--cc-btn-primary-text:var(--cc-bg);--cc-btn-primary-hover-bg:#002E6F;--cc-btn-secondary-bg:#eaeff2;--cc-btn-secondary-text:var(--cc-text);--cc-btn-secondary-hover-bg:#d8e0e6;--cc-toggle-bg-off:#002E6F;--cc-toggle-bg-on:var(--cc-btn-primary-bg);--cc-toggle-bg-readonly:#d5dee2;--cc-toggle-knob-bg:#fff;--cc-toggle-knob-icon-color:#ecf2fa;--cc-block-text:var(--cc-text);--cc-cookie-category-block-bg:#f0f4f7;--cc-cookie-category-block-bg-hover:#e9eff4;--cc-section-border:#f1f3f5;--cc-cookie-table-border:#e9edf2;--cc-overlay-bg:rgba(4,6,8,.85);--cc-webkit-scrollbar-bg:#cfd5db;--cc-webkit-scrollbar-bg-hover:#9199a0}.c_darkmode{--cc-bg:#181b1d;--cc-text:#d8e5ea;--cc-btn-primary-bg:#a6c4dd;--cc-btn-primary-text:#000;--cc-btn-primary-hover-bg:#c2dff7;--cc-btn-secondary-bg:#33383c;--cc-btn-secondary-text:var(--cc-text);--cc-btn-secondary-hover-bg:#3e454a;--cc-toggle-bg-off:#667481;--cc-toggle-bg-on:var(--cc-btn-primary-bg);--cc-toggle-bg-readonly:#454c54;--cc-toggle-knob-bg:var(--cc-cookie-category-block-bg);--cc-toggle-knob-icon-color:var(--cc-bg);--cc-block-text:#b3bfc5;--cc-cookie-category-block-bg:#23272a;--cc-cookie-category-block-bg-hover:#2b3035;--cc-section-border:#292d31;--cc-cookie-table-border:#2b3035;--cc-webkit-scrollbar-bg:#667481;--cc-webkit-scrollbar-bg-hover:#9199a0}.cc_div *,.cc_div :after,.cc_div :before,.cc_div :hover{animation:none;background:none;border:none;border-radius:unset;box-shadow:none;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;float:none;font-family:inherit;font-size:1em;font-style:inherit;font-variant:normal;font-weight:inherit;height:auto;letter-spacing:unset;line-height:1.2;margin:0;padding:0;text-align:left;text-decoration:none;text-transform:none;transition:none;vertical-align:baseline;visibility:unset}.cc_div{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;color:#2d4156;color:var(--cc-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:16px;font-weight:400}#c-ttl,#s-bl td:before,#s-ttl,.cc_div .b-tl,.cc_div .c-bn{font-weight:600}#cm,#s-bl .act .b-acc,#s-inr,.cc_div .b-tl,.cc_div .c-bl{border-radius:.35em}#s-bl .act .b-acc{border-top-left-radius:0;border-top-right-radius:0}.cc_div a,.cc_div button,.cc_div input{-webkit-appearance:none;-moz-appearance:none;appearance:none;overflow:hidden}.cc_div a{border-bottom:1px solid}.cc_div a:hover{border-color:transparent;text-decoration:none}#cm-ov,#cs-ov,.c--anim #cm,.c--anim #s-cnt,.c--anim #s-inr{transition:visibility 0.25s linear,opacity 0.25s ease,transform 0.25s ease!important}.c--anim .c-bn{transition:background-color 0.25s ease!important}.c--anim #cm.bar.slide,.c--anim #cm.bar.slide+#cm-ov,.c--anim .bar.slide #s-inr,.c--anim .bar.slide+#cs-ov{transition:visibility 0.4s ease,opacity 0.4s ease,transform 0.4s ease!important}#cm.bar.slide,.cc_div .bar.slide #s-inr{opacity:1;transform:translateX(100%)}#cm.bar.top.slide,.cc_div .bar.left.slide #s-inr{opacity:1;transform:translateX(-100%)}#cm.slide,.cc_div .slide #s-inr{transform:translateY(1.6em)}#cm.top.slide{transform:translateY(-1.6em)}#cm.bar.slide{transform:translateY(100%)}#cm.bar.top.slide{transform:translateY(-100%)}.show--consent .c--anim #cm,.show--consent .c--anim #cm.bar,.show--settings .c--anim #s-inr,.show--settings .c--anim .bar.slide #s-inr{opacity:1;transform:scale(1);visibility:visible!important}.show--consent .c--anim #cm.box.middle,.show--consent .c--anim #cm.cloud.middle{transform:scale(1) translateY(-50%)}.show--settings .c--anim #s-cnt{visibility:visible!important}.force--consent.show--consent .c--anim #cm-ov,.show--settings .c--anim #cs-ov{opacity:1!important;visibility:visible!important}#cm{background:#fff;background:var(--cc-bg);bottom:1.25em;box-shadow:0 .625em 1.875em #000;box-shadow:0 .625em 1.875em rgba(2,2,3,.28);font-family:inherit;line-height:normal;max-width:24.2em;opacity:0;padding:1.1em 1.5em 1.4em;position:fixed;right:1.25em;transform:scale(.95);visibility:hidden;width:100%;z-index:1}#cc_div #cm{display:block!important}#c-ttl{font-size:1.05em;margin-bottom:.7em}.cloud #c-ttl{margin-top:-.15em}#c-txt{font-size:.9em;line-height:1.5em}.cc_div #c-bns{display:flex;justify-content:space-between;margin-top:1.4em}.cc_div .c-bn{background:#e5ebef;background:var(--cc-btn-secondary-bg);border-radius:4px;color:#40505a;color:var(--cc-btn-secondary-text);cursor:pointer;display:inline-block;flex:1;font-size:.82em;padding:1em 1.7em;text-align:center;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;user-select:none}#c-bns button+button,#s-c-bn,#s-cnt button+button{float:right;margin-left:1em}#s-cnt #s-rall-bn{float:none}#cm .c_link:active,#cm .c_link:hover,#s-c-bn:active,#s-c-bn:hover,#s-cnt button+button:active,#s-cnt button+button:hover{background:#d8e0e6;background:var(--cc-btn-secondary-hover-bg)}#s-cnt{display:table;height:100%;left:0;position:fixed;top:0;visibility:hidden;width:100%;z-index:101}#s-bl{outline:none}#s-bl .title{margin-top:1.4em}#s-bl .b-bn,#s-bl .title:first-child{margin-top:0}#s-bl .b-acc .p{margin-top:0;padding:1em}#s-cnt .b-bn .b-tl{background:none;display:block;font-family:inherit;font-size:.95em;padding:1.3em 6.4em 1.3em 2.7em;position:relative;transition:background-color 0.25s ease;width:100%}#s-cnt .b-bn .b-tl.exp{cursor:pointer}#s-cnt .act .b-bn .b-tl{border-bottom-left-radius:0;border-bottom-right-radius:0}#s-cnt .b-bn .b-tl:active,#s-cnt .b-bn .b-tl:hover{background:#e9eff4;background:var(--cc-cookie-category-block-bg-hover)}#s-bl .b-bn{position:relative}#s-bl .c-bl{border:1px solid #f1f3f5;border-color:var(--cc-section-border);margin-bottom:.5em;padding:1em;transition:background-color 0.25s ease}#s-bl .c-bl:hover{background:#f0f4f7;background:var(--cc-cookie-category-block-bg)}#s-bl .c-bl:last-child{margin-bottom:.5em}#s-bl .c-bl:first-child{border:none;margin-bottom:2em;margin-top:0;padding:0;transition:none}#s-bl .c-bl:not(.b-ex):first-child:hover{background:transparent;background:unset}#s-bl .c-bl.b-ex{background:#f0f4f7;background:var(--cc-cookie-category-block-bg);border:none;padding:0;transition:none}#s-bl .c-bl.b-ex+.c-bl{margin-top:2em}#s-bl .c-bl.b-ex+.c-bl.b-ex{margin-top:0}#s-bl .c-bl.b-ex:first-child{margin-bottom:1em;margin-bottom:.5em}#s-bl .b-acc{display:none;margin-bottom:0;max-height:0;overflow:hidden;padding-top:0}#s-bl .act .b-acc{display:block;max-height:100%;overflow:hidden}#s-cnt .p{color:#2d4156;color:var(--cc-block-text);font-size:.9em;line-height:1.5em;margin-top:.85em}.cc_div .b-tg .c-tgl:disabled{cursor:not-allowed}#c-vln{display:table-cell;position:relative;vertical-align:middle}#cs{bottom:0;left:0;padding:0 1.7em;position:fixed;right:0;top:0;width:100%}#cs,#s-inr{height:100%}#s-inr{box-shadow:0 13px 27px -5px rgba(3,6,9,.26);margin:0 auto;max-width:45em;opacity:0;overflow:hidden;padding-bottom:4.75em;padding-top:4.75em;position:relative;transform:scale(.96);visibility:hidden}#s-bns,#s-hdr,#s-inr{background:#fff;background:var(--cc-bg)}#s-bl{display:block;height:100%;overflow-x:hidden;overflow-y:auto;overflow-y:overlay;padding:1.3em 1.8em;width:100%}#s-bns{border-top:1px solid #f1f3f5;border-color:var(--cc-section-border);bottom:0;height:4.75em;left:0;padding:1em 1.8em;position:absolute;right:0}.cc_div .cc-link{border-bottom:1px solid #253b48;border-color:#7A6F33;color:#7A6F33;color:var(--cc-btn-primary-bg);cursor:pointer;display:inline;font-weight:600;padding-bottom:0;text-decoration:none}.cc_div .cc-link:active,.cc_div .cc-link:hover{border-color:transparent}#c-bns button:first-child,#s-bns button:first-child{background:#253b48;background:var(--cc-btn-primary-bg);color:#fff;color:var(--cc-btn-primary-text)}#c-bns.swap button:first-child{background:#e5ebef;background:var(--cc-btn-secondary-bg);color:#40505a;color:var(--cc-btn-secondary-text)}#c-bns.swap button:last-child{background:#253b48;background:var(--cc-btn-primary-bg);color:#fff;color:var(--cc-btn-primary-text)}.cc_div .b-tg .c-tgl:checked~.c-tg{background:#253b48;background:var(--cc-toggle-bg-on)}#c-bns button:first-child:active,#c-bns button:first-child:hover,#c-bns.swap button:last-child:active,#c-bns.swap button:last-child:hover,#s-bns button:first-child:active,#s-bns button:first-child:hover{background:#1d2e38;background:var(--cc-btn-primary-hover-bg)}#c-bns.swap button:first-child:active,#c-bns.swap button:first-child:hover{background:#d8e0e6;background:var(--cc-btn-secondary-hover-bg)}#s-hdr{border-bottom:1px solid #f1f3f5;border-color:var(--cc-section-border);display:table;height:4.75em;padding:0 1.8em;position:absolute;top:0;width:100%;z-index:2}#s-hdr,#s-ttl{vertical-align:middle}#s-ttl{display:table-cell;font-size:1em}#s-c-bn{font-size:1.45em;font-weight:400;height:1.7em;margin:0;overflow:hidden;padding:0;position:relative;width:1.7em}#s-c-bnc{display:table-cell;vertical-align:middle}.cc_div span.t-lb{opacity:0;overflow:hidden;pointer-events:none;position:absolute;top:0;z-index:-1}#c_policy__text{height:31.25em;margin-top:1.25em;overflow-y:auto}#c-s-in{height:100%;height:calc(100% - 2.5em);max-height:37.5em;position:relative;top:50%;transform:translateY(-50%)}@media screen and (min-width:688px){#s-bl::-webkit-scrollbar{background:transparent;border-radius:0 .25em .25em 0;height:100%;width:.9em}#s-bl::-webkit-scrollbar-thumb{background:#cfd5db;background:var(--cc-webkit-scrollbar-bg);border:.25em solid var(--cc-bg);border-radius:100em}#s-bl::-webkit-scrollbar-thumb:hover{background:#9199a0;background:var(--cc-webkit-scrollbar-bg-hover)}#s-bl::-webkit-scrollbar-button{height:5px;width:10px}}.cc_div .b-tg{bottom:0;display:inline-block;margin:auto;right:0;right:1.2em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.cc_div .b-tg,.cc_div .b-tg .c-tgl{cursor:pointer;position:absolute;top:0}.cc_div .b-tg .c-tgl{border:0;display:block;left:0;margin:0}.cc_div .b-tg .c-tg{background:#919ea6;background:var(--cc-toggle-bg-off);pointer-events:none;position:absolute;transition:background-color 0.25s ease,box-shadow 0.25s ease}.cc_div .b-tg,.cc_div .b-tg .c-tg,.cc_div .b-tg .c-tgl,.cc_div span.t-lb{border-radius:4em;height:1.5em;width:3.4em}.cc_div .b-tg .c-tg.c-ro{cursor:not-allowed}.cc_div .b-tg .c-tgl~.c-tg.c-ro{background:#d5dee2;background:var(--cc-toggle-bg-readonly)}.cc_div .b-tg .c-tgl~.c-tg.c-ro:after{box-shadow:none}.cc_div .b-tg .c-tg:after{background:#fff;background:var(--cc-toggle-knob-bg);border:none;border-radius:100%;box-shadow:0 1px 2px rgba(24,32,35,.36);box-sizing:content-box;content:"";display:block;height:1.25em;left:.125em;position:relative;top:.125em;transition:transform 0.25s ease;width:1.25em}.cc_div .b-tg .c-tgl:checked~.c-tg:after{transform:translateX(1.9em)}#s-bl table,#s-bl td,#s-bl th{border:none}#s-bl tbody tr{transition:background-color 0.25s ease}#s-bl tbody tr:hover{background:#e9eff4;background:var(--cc-cookie-category-block-bg-hover)}#s-bl table{border-collapse:collapse;margin:0;overflow:hidden;padding:0;text-align:left;width:100%}#s-bl td,#s-bl th{font-size:.8em;padding:.8em .625em .8em 1.2em;text-align:left;vertical-align:top}#s-bl th{font-family:inherit;padding:1.2em}#s-bl thead tr:first-child{border-bottom:1px solid #e9edf2;border-color:var(--cc-cookie-table-border)}.force--consent #cs,.force--consent #s-cnt{width:100vw}#cm-ov,#cs-ov{background:#070707;background:rgba(4,6,8,.85);background:var(--cc-overlay-bg);bottom:0;display:none;left:0;opacity:0;position:fixed;right:0;top:0;transition:none;visibility:hidden}.c--anim #cs-ov,.force--consent .c--anim #cm-ov,.force--consent.show--consent #cm-ov,.show--settings #cs-ov{display:block}#cs-ov{z-index:2}.force--consent .cc_div{bottom:0;left:0;position:fixed;top:0;transition:visibility 0.25s linear;visibility:hidden;width:100%;width:100vw}.force--consent.show--consent .c--anim .cc_div,.force--consent.show--settings .c--anim .cc_div{visibility:visible}.force--consent #cm{position:absolute}.force--consent #cm.bar{max-width:100vw;width:100vw}html.force--consent.show--consent{overflow-y:hidden!important}html.force--consent.show--consent,html.force--consent.show--consent body{height:auto!important;overflow-x:hidden!important}.cc_div .act .b-bn .exp:before,.cc_div .b-bn .exp:before{border:solid #2d4156;border-color:var(--cc-btn-secondary-text);border-width:0 2px 2px 0;content:"";display:inline-block;left:1.2em;margin-right:15px;padding:.2em;position:absolute;top:50%;transform:translateY(-50%) rotate(45deg)}.cc_div .act .b-bn .b-tl:before{transform:translateY(-20%) rotate(225deg)}.cc_div .on-i:before{border:solid #fff;border-color:var(--cc-toggle-knob-icon-color);border-width:0 2px 2px 0;display:inline-block;left:.75em;padding:.1em .1em .45em;top:.37em}#s-c-bn:after,#s-c-bn:before,.cc_div .on-i:before{content:"";margin:0 auto;position:absolute;transform:rotate(45deg)}#s-c-bn:after,#s-c-bn:before{background:#444d53;background:var(--cc-btn-secondary-text);border-radius:1em;height:.6em;left:.82em;top:.58em;width:1.5px}#s-c-bn:after{transform:rotate(-45deg)}.cc_div .off-i,.cc_div .on-i{display:block;height:100%;position:absolute;right:0;text-align:center;transition:opacity 0.15s ease;width:50%}.cc_div .on-i{left:0;opacity:0}.cc_div .off-i:after,.cc_div .off-i:before{background:#cdd6dc;background:var(--cc-toggle-knob-icon-color);content:" ";display:block;height:.7em;margin:0 auto;position:absolute;right:.8em;top:.42em;transform-origin:center;width:.09375em}.cc_div .off-i:before{transform:rotate(45deg)}.cc_div .off-i:after{transform:rotate(-45deg)}.cc_div .b-tg .c-tgl:checked~.c-tg .on-i{opacity:1}.cc_div .b-tg .c-tgl:checked~.c-tg .off-i{opacity:0}#cm.box.middle,#cm.cloud.middle{bottom:auto;top:50%;transform:translateY(-37%)}#cm.box.middle.zoom,#cm.cloud.middle.zoom{transform:scale(.95) translateY(-50%)}#cm.box.center,#cm.cloud{left:1em;margin:0 auto;right:1em}#cm.cloud{max-width:50em;overflow:hidden;padding:1.3em 2em;text-align:center;width:unset}.cc_div .cloud #c-inr{display:table;width:100%}.cc_div .cloud #c-inr-i{display:table-cell;padding-right:2.4em;vertical-align:top;width:70%}.cc_div .cloud #c-txt{font-size:.85em}.cc_div .cloud #c-bns{display:table-cell;min-width:170px;vertical-align:middle}#cm.cloud .c-bn{margin:.625em 0 0;width:100%}#cm.cloud .c-bn:first-child{margin:0}#cm.cloud.left{margin-right:1.25em}#cm.cloud.right{margin-left:1.25em}#cm.bar{border-radius:0;bottom:0;left:0;max-width:100%;padding:2em;position:fixed;right:0;width:100%}#cm.bar #c-inr{margin:0 auto;max-width:32em}#cm.bar #c-bns{max-width:33.75em}#cm.bar #cs{padding:0}.cc_div .bar #c-s-in{height:100%;max-height:100%;top:0;transform:none}.cc_div .bar #s-bl,.cc_div .bar #s-bns,.cc_div .bar #s-hdr{padding-left:1.6em;padding-right:1.6em}.cc_div .bar #cs{padding:0}.cc_div .bar #s-inr{border-radius:0;margin:0 0 0 auto;max-width:32em}.cc_div .bar.left #s-inr{margin-left:0;margin-right:auto}.cc_div .bar #s-bl table,.cc_div .bar #s-bl tbody,.cc_div .bar #s-bl td,.cc_div .bar #s-bl th,.cc_div .bar #s-bl thead,.cc_div .bar #s-bl tr,.cc_div .bar #s-cnt{display:block}.cc_div .bar #s-bl thead tr{left:-9999px;position:absolute;top:-9999px}.cc_div .bar #s-bl tr{border-top:1px solid #e3e7ed;border-color:var(--cc-cookie-table-border)}.cc_div .bar #s-bl td{border:none;padding-left:35%;position:relative}.cc_div .bar #s-bl td:before{color:#000;color:var(--cc-text);content:attr(data-column);left:1em;overflow:hidden;padding-right:.625em;position:absolute;text-overflow:ellipsis;white-space:nowrap}#cm.top{bottom:auto;top:1.25em}#cm.left{left:1.25em;right:auto}#cm.right{left:auto;right:1.25em}#cm.bar.left,#cm.bar.right{left:0;right:0}#cm.bar.top{top:0}@media screen and (max-width:688px){#cm,#cm.cloud,#cm.left,#cm.right{bottom:1em;display:block;left:1em;margin:0;max-width:100%;padding:1.4em!important;right:1em;width:auto}.force--consent #cm,.force--consent #cm.cloud{max-width:100vw;width:auto}#cm.top{bottom:auto;top:1em}#cm.bottom{bottom:1em;top:auto}#cm.bar.bottom{bottom:0}#cm.cloud .c-bn{font-size:.85em}#s-bns,.cc_div .bar #s-bns{padding:1em 1.3em}.cc_div .bar #s-inr{max-width:100%;width:100%}.cc_div .cloud #c-inr-i{padding-right:0}#cs{border-radius:0;padding:0}#c-s-in{height:100%;max-height:100%;top:0;transform:none}.cc_div .b-tg{right:1.1em;transform:scale(1.1)}#s-inr{border-radius:0;margin:0;padding-bottom:7.9em}#s-bns{height:7.9em}#s-bl,.cc_div .bar #s-bl{padding:1.3em}#s-hdr,.cc_div .bar #s-hdr{padding:0 1.3em}#s-bl table{width:100%}#s-inr.bns-t{padding-bottom:10.5em}.bns-t #s-bns{height:10.5em}.cc_div .bns-t .c-bn{font-size:.83em;padding:.9em 1.6em}#s-cnt .b-bn .b-tl{padding-bottom:1.2em;padding-top:1.2em}#s-bl table,#s-bl tbody,#s-bl td,#s-bl th,#s-bl thead,#s-bl tr,#s-cnt{display:block}#s-bl thead tr{left:-9999px;position:absolute;top:-9999px}#s-bl tr{border-top:1px solid #e3e7ed;border-color:var(--cc-cookie-table-border)}#s-bl td{border:none;padding-left:35%;position:relative}#s-bl td:before{color:#000;color:var(--cc-text);content:attr(data-column);left:1em;overflow:hidden;padding-right:.625em;position:absolute;text-overflow:ellipsis;white-space:nowrap}#cm .c-bn,.cc_div .c-bn{margin-right:0;width:100%}#s-cnt #s-rall-bn{margin-left:0}.cc_div #c-bns{flex-direction:column}#c-bns button+button,#s-cnt button+button{float:unset;margin-left:0;margin-top:.625em}#cm.box,#cm.cloud{left:1em;right:1em;width:auto}#cm.cloud.left,#cm.cloud.right{margin:0}.cc_div .cloud #c-bns,.cc_div .cloud #c-inr,.cc_div .cloud #c-inr-i{display:block;min-width:unset;width:auto}.cc_div .cloud #c-txt{font-size:.9em}.cc_div .cloud #c-bns{margin-top:1.625em}}.cc_div.ie #c-vln{height:100%;padding-top:5.62em}.cc_div.ie .bar #c-vln{padding-top:0}.cc_div.ie #cs{margin-top:-5.625em;max-height:37.5em;position:relative;top:0}.cc_div.ie .bar #cs{margin-top:0;max-height:100%}.cc_div.ie #cm{border:1px solid #dee6e9}.cc_div.ie #c-s-in{top:0}.cc_div.ie .b-tg{margin-bottom:.7em;padding-left:1em}.cc_div.ie .b-tg .c-tgl:checked~.c-tg:after{left:1.95em}.cc_div.ie #s-bl table{overflow:auto}.cc_div.ie .b-tg .c-tg{display:none}.cc_div.ie .b-tg .c-tgl{display:inline-block;height:auto;margin-bottom:.2em;position:relative;vertical-align:middle}.cc_div.ie #s-cnt .b-bn .b-tl{padding:1.3em 6.4em 1.3em 1.4em}.cc_div.ie .bar #s-bl td:before{display:none}.cc_div.ie .bar #s-bl td{padding:.8em .625em .8em 1.2em}.cc_div.ie .bar #s-bl thead tr{position:relative}.cc_div.ie .b-tg .t-lb{filter:alpha(opacity=0)}.cc_div.ie #cm-ov,.cc_div.ie #cs-ov{filter:alpha(opacity=80)}
:root {
    --pto_c_main: #292218;
    --pto_c_secondary: #efefef;
    --pto_c_bg: var(--pto_c_secondary);
    --pto_c_text: var(--pto_c_main);
    --pto_c_background: var(--pto_c_secondary);
    --pto_c_block_bg: rgba(0, 0, 0, 0.3);
    --pto_transition: 650ms;
    --pto_width_popup_close_arrow: 100%;
    --pto_height_popup_close_arrow: 3px;
    --pto_width_popup_close: 40px;
    --pto_height_popup_close: 40px;
    --pto_aspectRatio_popup_close: 40px;
}

.pto_popup.default {
    position: fixed;
    top: 5vw;
    left: 5vw;
    right: 5vw;
    bottom: 5vw;
    background: var(--pto_c_background);
    color: var(--pto_c_text);
    padding: 30px;
    z-index: 3;
    overflow-x: auto;
    border: 5px solid var(--pto_c_main);
    transform: translateY(calc(20% + 5vw));
        z-index: 33333;

    opacity: 0;
    visibility: hidden;
}
.pto_popup.default.ready {
    transition: var(--pto_transition);
}

.pto_popup.default.open {
    transform: none;
    visibility: visible;
    opacity: 1;
}

.pto_popup.default .pto_popup_close {
    position: sticky;
    top: 0;
    z-index: 4;
    display: grid;
    place-items: center;
    margin: 0 0 0 auto;
    width: var(--pto_width_popup_close);
    height: var(--pto_height_popup_close);
    aspect-ratio: var(--pto_aspectRatio_popup_close);
    background-color: var(--pto_c_main);
    transition: var(--pto_transition);
    cursor: pointer;
}

.pto_popup.default .pto_popup_close::before {
    content: "";
    width: var(--pto_width_popup_close_arrow);
    height: var(--pto_height_popup_close_arrow);
    position: absolute;
    transform: rotate(45deg);
    background-color: var(--pto_c_bg);
}

.pto_popup.default .pto_popup_close::after {
    content: "";
    width: var(--pto_width_popup_close_arrow);
    height: var(--pto_height_popup_close_arrow);
    position: absolute;
    transform: rotate(-45deg);
    background-color: var(--pto_c_bg);
}

.pto_popup_bg {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    background: var(--pto_c_background);
    background-color: #00000090;
    transition: var(--pto_transition);
}

.pto_popup_bg.open {
    opacity: 1;
    visibility: visible;
}

/*----------OTHER----------*/

*,
figure,
ul {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

.invisible {
    display: none !important;
}

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

body,
html {
    max-width: 100vw;
    overflow-x: hidden;
}

body{
    font-family: "Inter";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    background-color: #fff;
    color: var(--color-1);
}

ul{
	padding-left: 20px;
	
	li:last-child{
		margin-bottom: 0px;
	}
	
}

section{
    position: relative;
    overflow: hidden;
}

.swiper-initialized{
	overflow: hidden;
}

.white_bg {
    color: var(--color-2);
    #certificate_section {
        h2, h4 {
            color: var(--color-2);
        }
    background-color: #fff;
    }
}
.blue {
    color: #fff;
    a {
        color: #fff !important;
    }
}
#container, #footer{
	position: relative;
    z-index: 1;
    transition: .5s all;
    filter: blur(0px);
}
.swiper-button-disabled {
    display: none !important;
}

.text_number {
    padding: 50px;
    background: var(--color-2);
    h2, h4, a {
        color: #fff !important;
    }
}

/*#footer{*/
/*     z-index: 2;*/
/*}*/
.preloader {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  /*background: url(/files/clients_files/images/main_img.jpg);*/
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  /*background-color: #fff;*/
  transition: 0.3s all;
  pointer-events: all;
  opacity: 1;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  
    visibility: hidden;
    
}

.preloader:before {
  content: "";
  position: relative;
  display: flex;
  width: 30vw;
  height: 400px;
  background-image: url(/files/design_files/logos/logo_1.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform: scale(1);
  opacity: 1;
  transition: 0.5s all;
  animation: 3.5s forwards ease logo;
}

.preloader.close {
  pointer-events: none;
  opacity: 0;
}

.viewbox {
  width: 30%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  opacity: 0;
}

#progress {
  stroke-dasharray: 300 300;
  stroke-dashoffset: 300;
  animation: 3.5s forwards ease grow;
}

circle {
  pointer-events: none;
}

.scroll-indicator {
  position: absolute;
  bottom: 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
}

.scroll-indicator .arrow {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 5px;
  border-bottom: 2px solid #168bc1;
  border-right: 2px solid #168bc1;
  transform: rotate(45deg);
  transform-origin: center center;
  animation: bounce1 1.5s infinite;
  animation-fill-mode: both; 
}

.scroll-indicator .arrow:nth-child(2) {
  animation-delay: 0.2s;
}

.scroll-indicator .arrow:nth-child(3) {
  animation-delay: 0.4s;
}

@keyframes bounce1 {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}


#header .inside .burger,
#header .inside .logo,
#header .inside .header_icon {
  transform: translateY(-250%);
  transition: transform 0.6s ease;
}

body.loaded #header .inside .logo {
    transform: translate(-50%, 0);
}
body.loaded #header .inside .burger,
body.loaded #header .inside .header_icon {
  transform: translateY(0);
}

/*#header .inside  {*/
/*  transform: translateY(-110%);*/
/*  transition: transform 0.6s ease;*/
/*}*/
#main_section .txt {
    transform: translateX(-110%);
    transition: transform 0.6s ease;
}
body:has(.preloader.close) #main_section .txt {
    transform: translateX(0);
}

/*body:has(.popup_body.open) .inside {*/
/*    height: 100%;*/
/*}*/
/*body:has(.preloader.close) #header .inside  {*/
/*  transform: translateY(0);*/
/*}*/

/*.preloader{*/
/*	position: fixed;*/
/*    left: 0;*/
/*    top: 0;*/
/*    width: 100vw;*/
/*    height: 100vh;*/
/*    background-color: #fff;*/
/*    transition: 1.25s all;*/
/*    pointer-events: all;*/
/*    opacity: 1;*/
/*    z-index: 1000;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    justify-content: center;*/
/*    align-items: center;*/
    
/*    &:before{*/
/*    	content: "";*/
/*        position: relative;*/
/*        display: flex;*/
/*        width: 15vw;*/
/*        height: 200px;*/
/*        background-image: url(/files/design_files/logos/logo.svg);*/
/*        background-size: contain;*/
/*        background-repeat: no-repeat;*/
/*        background-position: center;*/
/*        transform: scale(1);*/
/*        opacity: 1;*/
/*        transition: .5s all;*/
/*        animation: 3.5s forwards ease logo;*/
/*    }*/
    
/*    &.close{*/
/*    	pointer-events: none;*/
/*    	opacity: 0;*/
/*    }*/
    
/*    .viewbox{*/
/*        width: 30%;*/
/*        position: absolute;*/
/*        top: 50%;*/
/*        left: 50%;*/
/*        transform: translate(-50%, -50%);*/
/*        pointer-events: none;*/
/*    }*/
    
/*    #progress {*/
/*        stroke-dasharray: 300 300;*/
/*        stroke-dashoffset: 300;*/
/*        animation: 3.5s forwards ease grow;*/
/*    }*/
    
/*    circle{*/
/*        pointer-events: none;*/
/*    }*/
    
/*}*/

@keyframes grow {
    
    0% {
		stroke-dashoffset: 300;
	}
	
	33.33% {
		stroke-dashoffset: 200;
	}
	
	66.66% {
		stroke-dashoffset: 100;
	}
	
	100% {
		stroke-dashoffset: 0;
	}
	
}

@keyframes logo {
    
    0% {
		transform: scale(1);
        opacity: 1;
	}
	
	40% {
		transform: scale(1.2);
        opacity: 1;
	}
	
	60% {
		transform: scale(1.1);
        opacity: 1;
	}
	
	100% {
		transform: scale(1.2);
        opacity: 1;
	}
	
}



.mobile-display{
	display: none !important;
}

/*----------/OTHER----------*/

/*----------COLOR----------*/

:root {
    --color-1: #384246;
    --color-2: #1C9DD8;
}

/*----------/COLOR----------*/
/*------------FAQ----------------*/

/*---offers---*/
 section.offers_section {
	 padding: var(--padding);
	 	 h2, h4 {
	     color: var(--color-2);
	 }
}
 section.offers_section .swiper-wrapper {
	 display: flex;
	 align-items: center;
	 justify-content: center;
}
 section.offers_section .offer_headline {
	 color: #fff !important;
}
 section.offers_section .offers_swiper {
	 display: flex;
	 grid-gap: 1rem;
	 width: 100%;
	 color: var(--basic-text-color);
}
 section.offers_section .offers_swiper .offer_slide {
	 flex: 1;
	 flex-direction: column;
	 overflow: hidden;
	 position: relative;
	 transition-timing-function: ease;
	 transition-duration: var(--transitionShort);
	 transition-property: flex, background-color;
	 display: flex;
	 pointer-events: none;
}
 section.offers_section .offers_swiper .offer_slide .offer_content {
	 position: relative;
	 background-color: #cfcfcf;
	 width: 100%;
	 height: 100%;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 border-radius: var(--border-radius);
	 pointer-events: all;
	 overflow: hidden;
}
 section.offers_section .offers_swiper .offer_slide .offer_content .offer_text {
	 position: absolute;
	 inset: 0;
	 background-color: var(--color-1);
	 border-radius: var(--border-radius);
	 padding: 1rem;
	 opacity: 0;
	 transition: opacity var(--transitionShort) ease;
	 display: grid;
	 grid-auto-columns: minmax(0, 1fr);
	 grid-gap: 1rem;
}
 section.offers_section .offers_swiper .offer_slide .offer_content .offer_text .offer_button {
	 place-self: center self-start;
}
 section.offers_section .offers_swiper .offer_slide .offer_content .offer_text .offer_text_image {
	 grid-column: 1;
	 grid-row: span 2;
	 overflow: hidden;
}
 section.offers_section .offers_swiper .offer_slide .offer_content .offer_text .offer_text_image img {
	 width: 100%;
	 height: 100%;
	 object-fit: contain;
}
 section.offers_section .offers_swiper .offer_slide .offer_content .offer_text .offer_text__content {
	 grid-column: 2;
	 grid-row: span 1;
}
 section.offers_section .offers_swiper .offer_slide:hover {
	 flex: 2;
}
 section.offers_section .offers_swiper .offer_slide:hover .offer_text {
	 opacity: 1;
}
section.offers_section .headline {
	text-align: left;
	font-size: 2.6rem;
	margin-bottom: 3rem;
}
 section.offers_section .headline h2 {
	 margin: 0;
}
/*---offers---*/
/*----------DROPDOWN_LIST----------*/
#faq {
	padding: 100px;
}
 .dropdown_list section.offers_section {
	 --item-height: 75px;
}
 .dropdown_list section.offers_section .offers_swiper {
	 height: fit-content;
	 flex-wrap: wrap;
	 grid-gap: 20px;
}
 .dropdown_list section.offers_section .offers_swiper .offer_slide {
	 background: linear-gradient(90deg, rgba(28, 157, 216, 1) 50%, rgba(143, 222, 255, 1) 125%);;
	 border-radius: 6px;
	 padding: 0px;
	 pointer-events: all;
	 max-height: var(--item-height);
	 height: fit-content;
	 cursor: pointer;
	 transition: 0.5s all;
	 min-width: calc(50% - 10px);
	 flex: 0.45;
}
 .dropdown_list section.offers_section .offers_swiper .offer_slide img {
	 display: none;
}
 .dropdown_list section.offers_section .offers_swiper .offer_slide.open {
	 max-height: 300vh;
	 cursor: initial;
	 background-color: var(--accent-text-color);
}
 .dropdown_list section.offers_section .offers_swiper .offer_slide.open .offer_headline {
	 color: #fff;
}
 .dropdown_list section.offers_section .offers_swiper .offer_slide.open .offer_headline:after {
	 transform: translate(0, -50%) rotate(135deg);
	 background-image: url("/files/design_files/icons/arrow-faq.svg");
}
 .dropdown_list section.offers_section .offers_swiper .offer_slide.open:hover .offer_headline {
	 transform: translateX(10px);
	 opacity: 1;
}
 .dropdown_list section.offers_section .offers_swiper .offer_slide.open:hover .offer_headline:after {
	 transform: translate(0, -50%) rotate(135deg);
}
 .dropdown_list section.offers_section .offers_swiper .offer_slide.open:hover .offer_headline:hover {
	 cursor: pointer;
}
 .dropdown_list section.offers_section .offers_swiper .offer_slide.open:hover .offer_headline:hover:after {
	 opacity: 0.75;
	 transform: translate(-10px, -50%) rotate(90deg);
}
 .dropdown_list section.offers_section .offers_swiper .offer_slide:hover .offer_headline {
	 transform: translateX(10px);
	 opacity: 0.75;
}
 .dropdown_list section.offers_section .offers_swiper .offer_slide:hover .offer_headline:after {
	 transform: translate(-10px, -50%) rotate(90deg);
}
 .dropdown_list section.offers_section .offers_swiper .offer_slide .offer_headline {
	 color: var(--accent-text-color);
	 margin: 0;
	 height: var(--item-height);
	 display: flex;
	 position: relative;
	 min-height: var(--item-height);
	 width: 100%;
	 align-items: center;
	 padding-left: 25px;
	 transition: 0.5s all;
	 opacity: 1;
	 font-weight: 500;
	 font-size: 18px;
	 padding-right: 100px;
}
 .dropdown_list section.offers_section .offers_swiper .offer_slide .offer_headline:after {
	 content: "";
	 position: absolute;
	 top: 50%;
	 right: 25px;
	 transform: translate(0, -50%) rotate(45deg);
	 width: 50px;
	 height: 50px;
	 background-image: url("/files/design_files/icons/arrow-faq.svg");
	 background-position: center;
	 background-repeat: no-repeat;
	 border-radius: 100%;
	 background-size: 50px;
	 transition: 0.5s all;
}
 .dropdown_list section.offers_section .offers_swiper .offer_slide .offer_content {
	 background: transparent;
}
 .dropdown_list section.offers_section .offers_swiper .offer_slide .offer_content .offer_text {
	 position: relative;
	 opacity: 1;
	 background: transparent;
	 color: #fff;
	 display: flex;
	 flex-direction: column;
	 width: 100%;
	 padding: 25px;
}
 .dropdown_list section.offers_section .offers_swiper .offer_slide .offer_content .offer_text p {
	 font-size: 16px;
	 margin: 0px;
	 line-height: 150%;
}
 .dropdown_list section.offers_section .offers_swiper .offer_slide .offer_content a {
	 /*display: none;*/
	 color: inherit;
}
/*----------/DROPDOWN_LIST----------*/
 





/*----------SCROLL----------*/

.progress_bar{
    position: fixed;
    bottom: -4px;
    left: 0;
    height: 4px;
    z-index: 3;
    background: rgb(143, 222, 255);
    width: 100%;
    transition: 0.5s all;
    
    .progress_counter{
        position: absolute;
        top: 0px;
        left: 0px;
        bottom: 0px;
        transition: 0.3s;
        background: var(--color-2);
        height: 5px;
    }
    
}

.scrolled .progress_bar{
    bottom: 0px;
}

::-webkit-scrollbar{
    width: 0px;
}

/*----------/SCROLL----------*/

/*----------FONTS----------*/

@font-face {
    font-family: "Inter"; 
    src: url("/files/assets/fonts/Inter.ttf");
}

@font-face {
    font-family: "Lobster"; 
    src: url("/files/assets/fonts/Lobster.ttf");
}

h1{
    margin: 0px;
    font-family: Lobster;
    font-weight: 100;
    font-size: 86px;
}

h2{
    margin: 0px;
    font-family: Lobster;
    font-weight: 100;
    font-size: 46px;
    /*margin-bottom: 25px;*/
}

h3{
    font-size: 32px;
    font-weight: 400;
}

h4{
    margin: 0px;
    font-family: Lobster;
    font-weight: 100;
    font-size: 28px;
    margin-bottom: 10px;
}

p, li{
    font-size: 18px !important;
    line-height: 175%;
    font-weight: 300;
}

/*----------/FONTS----------*/

.cc_div .cc-link{
    color: var(--color-2) !important;
}

.cc_div, #s-cnt .p{
    color: var(--color-1);
}

.cc_div .c-bn{
    background: var(--color-1) !important !important;
    color: var(--color-2);
}

#c-bns button:first-child, #s-bns button:first-child{
    background: var(--color-2) !important;
}
/*----------GALLERY_SECTION----------*/

SECTION#big_gallery_section{
	/*background-color: var(--color-1);*/
    padding: 100px;
    
    .title{
    	color: var(--color-2);
    	margin-bottom: 50px;
    }
    
    .gallery{
    	display: flex;
    	flex-direction: row;
    	flex-wrap: wrap;
    	grid-gap: 10px;
    	max-height: 920px;
    	overflow: hidden;
    	position: relative;
    	transition: .5s all;
    	
    	&.open{
    		max-height: 1000vh;
    		
    		.btn{
    			opacity: 0;
    			pointer-events: none;
    		}
    		
    		.gallery__item-wrap:nth-child(8n - 2) a{
    			height: calc(200% + 10px);
    		}
    		
    	}
    	
    	.btn{
    		position: absolute;
    		top: 50%;
    		left: 50%;
    		transform: translate(-50%, -50%);
    		opacity: 1;
    	}
    	
    	.gallery__item-wrap{
    		width: calc(25% - 10px);
    		height: 300px;
    		overflow: visible;

    		a{
    			width: 100%;
    			display: flex;
    			height: 100%;
    			overflow: hidden;
    			transition: .5s all;
    			
    			&:hover{
    				
    				img{
    					transform: scale(1.1);
    					opacity: .5;	
    				}
    				
    			}
    			
    			img{
    				width: 100%;
    				height: 100%;
    				object-fit: cover;
    				transform: scale(1);
    				transition: .5s all;
    				opacity: 1;
    			}
    			
    		}

    		&:nth-child(8n - 7) a{
    			height: calc(200% + 10px);
    		}
    		
    		&:nth-child(8n - 5){
    			width: calc(50% - 10px);
    		}
    		
    		&:nth-child(8n - 4){
    			margin-left: 25%;
    		}
    		
    		&:nth-child(8n - 2) a{
    			height: 100%;
    		}
            &:nth-child(8n - 2) a {
            	height: calc(200% + 10px);
            }
    		&:nth-child(8n - 1){
    			width: calc(50% - 10px);
    		}
    		
    		&:nth-child(8n){
    			margin-right: 25%;
    		}
    		
    		&:nth-last-child(-n + 3) a{
    			height: 100% !important;
    		}
    		
    	}
    	
    }
    
}

/*----------/GALLERY_SECTION----------*/
/*----------ELEMENTS----------*/

.bg{
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
}

.btn{
    text-transform: uppercase;
    font-weight: 300;
    padding: 20px 80px;
    border-radius: 100px;
    width: fit-content;
    cursor: pointer;
    transition: .5s all;
    text-decoration: none;
    text-align: center;
    align-items: center;
    justify-content: center;
    display: flex;
    color: #fff;
    position: relative;
    z-index: 1;
    
    &:hover{
        
        &:before{
            width: 100%;
            transition-delay: 0s;
        }
        
        &:after{
            transform: scale(1);
            transition-delay: .1s;
        }
        
    }
    
    &:before{
        content: "";
        position: absolute;
        height: 100%;
        width: 0px;
        border-radius: 100px;
        z-index: -1;
        transition: .5s all;
        width: 0%;
        overflow: hidden;
        display: flex;
        transition-delay: .3s;
    }
    
    &:after{
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        pointer-events: none;
        border-radius: 100px;
        outline-offset: 4px;
        transform: scale(0);
        transition: 0.6s cubic-bezier(0.97, -0.22, 0.01, 1.19);
        transition-delay: 0s;
    }
    
    &.black{
        background-color: var(--color-2);
        
        &:before{
            background-color: var(--color-1);
        }
        
        &:after{
            outline: 2px solid var(--color-2);
        }
        
    }
    
    &.blue{
        background-color: var(--color-2);
        
        &:before{
            background-color: var(--color-1);
        }
        
        &:after{
            outline: 2px solid var(--color-1);
        }
        
    }
    
}

/*----------/ELEMENTS----------*/
#Handlerinfos .certificates.wow.bounceInRight {
	align-items: center;
	justify-content: center;
}
.fancybox-image-wrapper {
	width: 100vw;
	height: fit-content;
	padding: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	grid-gap: 2em;
}
.fancybox-image-wrapper img {
  width: 100%;
  border: 10px solid #1c9dd8;
  border-radius: 6px;
}
.fancybox-image-wrapper a {
  width: 30%;
  height: fit-content;
}
#Handlerinfos .txt.wow.bounceInLeft {
	flex-direction: column;
	align-items: flex-start;
	grid-gap: 2em;
}
/*----------HEADER----------*/

#header .inside{
    position: fixed;
    z-index: 3;
    display: flex;
    flex-direction: row;
    padding: 50px 100px;
    grid-gap: 15px;
    width: 100%;
    /*height: 100%;*/
    /*transition: all 1s ease;*/
    .wrap_icons {
        display: flex;
        grid-gap: 15px;
    }
    
    .header_icon{
        background-color: #168bc1;
        width: 60px;
        height: 60px;
        border-radius: 100%;
        display: flex;
        position: relative;
        
        &:hover{
            
            &:before{
                transition-delay: 0s;
                transform: translate(-50%, -50%) scale(1);
            }
            
            &:after{
                transform: scale(1);
                transition-delay: .1s;
            }
            
            figure a img{
                filter: brightness(1);
                transform: scale(1.1);
                transition-delay: .15s;
            }
            
        }
        
        &:before{
            content: "";
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%) scale(0);
            width: 100%;
            height: 100%;
            background-color: #CCECF9;
            border-radius: 100%;
            transition: .5s all;
            transition-delay: .3s;
        }
        
        &:after{
            content: "";
            width: 100%;
            height: 100%;
            position: absolute;
            pointer-events: none;
            border-radius: 100px;
            outline-offset: 4px;
            transform: scale(0);
            transition: 0.6s cubic-bezier(0.97, -0.22, 0.01, 1.19);
            transition-delay: 0s;
            z-index: 2;
            outline: 2px solid #CCECF9;
        }
        
        figure{
            display: flex;
            width: 100%;
            height: 100%;
            
            a{
                display: flex;
                width: 100%;
                height: 100%;
                justify-content: center;
                align-items: center;
                z-index: 4;
                
                img{
                    filter: brightness(100);
                    transition: .5s all;
                    transform: scale(1);
                    width: 25px;
                    transition-delay: .15s;
                }
                
            }
            
        }
        
    }
    
}
body:has(.popup_body.open) {
        .burger{
            right: -100px;
        }
}
div#miniPopup {
	width: fit-content;
	margin: 0 auto;
	height: fit-content;
	padding: 3rem;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	&::after {
		content: '';
		position: absolute;
		inset: 0;
		z-index: -1;
		opacity: 25%;
		background-image: url('/files/design_files/textures/raute.png');
	}
	h2 {
		margin: 2rem 0 1rem;
	}
	h3 {
		margin: 1rem 0 0.25rem;
	}
}
.popup_body{
    position: fixed;
    z-index: 10;
    
    .popup_bg{
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background-color: var(--color-1);
        z-index: 1;
        opacity: 0;
        pointer-events: none;
        transition: 0.75s all;
    }
    
    &.open{
        
        .popup_bg{
            opacity: .5;
            pointer-events: all;
        }
        
        .burger{
            right: -100px;
        }
        
    }
    
    .popup{
        position: fixed;
        top: 60%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 80vw;
        padding: 50px;
        background-color: #fff;
        z-index: 14;
        height: fit-content;
        max-height: 80vh;
        opacity: 0;
        pointer-events: none;
        transition: 0.75s all;
        display: flex;
        flex-direction: column;
        border-radius: 30px;
        
        .popup_close{
            background-color: var(--color-2);
            position: absolute;
            top: 50px;
            right: 50px;
            width: 50px;
            height: 50px;
            cursor: pointer;
            transition: 0.5s all;
            transform: rotate(0deg);
            border-radius: 6px;
            
            &:hover{
                background-color: #CCECF9;
                
                &:before{
                    background-color: var(--color-2);
                    transform: translate(-50%, -50%) rotate(45deg);
                }
                
                &:after{
                    background-color: var(--color-2);
                    transform: translate(-50%, -50%) rotate(135deg);
                }
                
            }
            
            &:before{
                content: "";
                position: absolute;
                left: 50%;
                top: 50%;
                transform: translate(-50%, -50%) rotate(-45deg);
                width: 60%;
                height: 2px;
                background-color: #fff;
                transition: 0.5s all;
                border-radius: 30px;
            }
            
            &:after{
                content: "";
                position: absolute;
                left: 50%;
                top: 50%;
                transform: translate(-50%, -50%) rotate(45deg);
                width: 60%;
                height: 2px;
                background-color: #fff;
                transition: 0.5s all;
                border-radius: 30px;
            }
            
        }
        
        &.open{
            transition-delay: 0.75s;
            opacity: 1;
            pointer-events: all;
            top: 50%;
        }
        
        .txt{
            height: 100%;
            overflow-x: hidden;
            overflow-y: auto;
            padding-right: 50px;
            
            &::-webkit-scrollbar-thumb{
                background-color: var(--color-2);
                border-radius: 10px;
            }
            
            &::-webkit-scrollbar{
                width: 4px;
                background-color: #CCECF9;
                border-radius: 10px;
            }
            
            a, b, strong{
                color: var(--color-2);
            }
            
            h3{
                font-family: Lobster;
                font-weight: 100;
                color: var(--color-2);
                margin-top: 30px;
                margin-bottom: 15px;
            }
            
        }
        
        &#menu{
            background-color: transparent;
            width: 100vw;
            height: 100vh;
            max-height: 100vh;
            
            .menu_list{
                display: flex;
                flex-direction: column;
                height: 100%;
                justify-content: space-between;
                grid-gap: 10px;
                
                .scroll_to{
                    background-color: var(--color-2);
                    color: #fff;
                    width: 300px;
                    text-decoration: none;
                    font-weight: 400;
                    padding: 25px;
                    height: 100%;
                    display: flex;
                    align-items: center;
                    border-radius: 15px;
                    font-size: 18px;
                    overflow: hidden;
                    position: relative;
                    z-index: 2;
                    transition: .5s all;
                    
                    &:hover{
                        transition-delay: .25s;
                        color: var(--color-2);
                        padding-left: 40px;
                        
                        &:before{
                            left: 0%;
                            transition-delay: .25s;
                        }
                        
                        &:after{
                            left: 0%;
                            transition-delay: 0s;
                        }
                        
                    }
                    
                    &:before{
                        content: "";
                        position: absolute;
                        width: 100%;
                        height: 100%;
                        background-color: rgb(204, 236, 249);
                        left: -100%;
                        z-index: -1;
                        transition: .5s all;
                        border-radius: 15px;
                        transition-delay: 0s;
                    }
                    
                    &:after{
                        content: "";
                        position: absolute;
                        width: 100%;
                        height: 100%;
                        background-color: #fff;
                        left: -100%;
                        z-index: -2;
                        transition: .5s all;
                        border-radius: 15px;
                        transition-delay: .25s;
                    }
                    
                }
                
            }
            
        }
        
    }
    
}

header .logo{
    position: absolute;
    transform: translate(-50%, 0);
    position: fixed;
    z-index: 2;
    left: 50%;
    /*transform: translate(-50%) scale(1.2);*/
    width: 125px;
    top: 25px;
    transition: .5s all;
    opacity: 1;
    z-index: 2;
    
    &:hover{
        opacity: .75;
        transform: translate(-50%) scale(1.1);
    }
    
}

.scrolled header .logo{
    /*top: 10px;*/
    /*transform: translate(-50%) scale(1);*/
    
    &:hover{
        opacity: .75;
        transform: translate(-50%) scale(1.1);
    }
    
}

.burger{
    position: fixed;
    right: 100px;
    top: 50px;
    width: 60px;
    height: 60px;
    display: flex;
    flex-direction: column;
    /*justify-content: space-between;*/
    /*justify-content: space-evenly;*/
    cursor: pointer;
    background-color: #168bc1;
    align-items: center;
    justify-content: center;
    grid-gap: 8px;
    border-radius: 50%;
    transition: 0.5s all;
    z-index: 3;
    
    .line{
        width: 65%;
        height: 3px;
        background-color: #fff;
        transition: 0.5s all;
    }
    
}

.anchor{
    position: absolute;
    top: 0;
}

/*----------/HEADER----------*/

/*----------MAIN_SECTION----------*/

SECTION#main_section{
    min-height: 100vh;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    
    .txt{
        width: 100%;
        padding: 100px;
        color: #fff;
        text-shadow: 0px 0px 10px rgb(0 0 0 / 70%);
    }

    
}

.mengen {
      .bg {
        opacity: 0.3;
    } 
    .txt {
        color: var(--color-2) !important;
        font-family: Lobster;
        text-shadow: none !important;
    }
}
/*----------/MAIN_SECTION----------*/

/*----------INFO_SECTION----------*/

SECTION#info_section{
    padding: 100px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    grid-gap: 50px;
    
    .left_side{
        width: calc(50% - 25px);
        display: flex;
        flex-direction: column;
        justify-content: center;
        
        .title{
            color: var(--color-2); 
            margin: 0;
        }
        
        h4 {
            color: var(--color-2);
        }
        
    }
    
    .right_side{
        width: calc(50% - 25px);
        border-radius: 20px;
        overflow: hidden;
        /*min-height: 500px;*/
        
        img{
            height: 0px;
            min-height: 100%;
            width: 100%;
            object-fit: cover;
        }
        
    }
    .bottom_side {
    	display: grid;
    	grid-template-columns: 1fr 1fr;
    }
}

/*----------/INFO_SECTION----------*/

/*----------GALLERY_SECTION----------*/

SECTION#gallery_section{
    background-color: var(--color-2);
    padding: 100px;
    
    .txt{
        margin-bottom: 75px;
    }
    
    .gallery-slider{
        overflow: visible;
        position: relative;
        margin-bottom: 100px;
        
        .swiper-slide{
            border-radius: 20px;
            overflow: hidden;
            position: relative;
            transition: .5s all;
            z-index: 1;
            transform: scale(.9) translate(0, 0);
            
            &.swiper-slide-prev{
                transform: scale(.9) translate(400px, 0);
            }
            
            &.swiper-slide-active{
                transform: scale(1.2) translate(0, 0);
                z-index: 2;
            }
            
            &.swiper-slide-next{
                transform: scale(.9) translate(-400px, 0);
            }
            
        }
        
        .swiper-button{
            color: #fff;
            font-weight: 900;
            transform: scale(1);
            transition: .5s all;
            opacity: 1;
            
            &:hover{
               transform: scale(1.1);
               opacity: .75;
            }
            
            &.swiper-button-prev{
                left: 300px;
            }
            
            &.swiper-button-next{
                right: 300px;
            }
            
        }
        
        .swiper-pagination{
            position: absolute;
            bottom: -100px;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            grid-gap: 10px;
            
            .swiper-pagination-bullet{
                width: 20px;
                height: 20px;
                outline: 2px solid #fff;
                outline-offset: -2px;
                border-radius: 0px;
                opacity: 1;
                margin: 0px !important;
                transition: 0.5s all;
                position: relative;
                background-color: var(--color-2);
                
                &.swiper-pagination-bullet-active{
                    background-color: var(--color-1);
                }
                
            }
            
        }
        
    }
    
}

/*----------/GALLERY_SECTION----------*/

/*----------MENU_SECTION----------*/

SECTION#menu_section{
    padding: 100px;
    
    h2.title{
        text-align: center;
        margin-bottom: 50px;
    }
    
    .product_selector{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        grid-gap: 50px;
        justify-content: center;
        
        a{
            font-size: 24px;
            cursor: pointer;
            transition: .5s all;
            pointer-events: all;
            opacity: 1;
            color: var(--color-1);
            
            &:hover{
                color: var(--color-2);
            }
            
            &.open{
                opacity: .5;
                pointer-events: none;
            }
            
        }
        
    }
    
    .product_list{
        margin-top: 50px;
        display: flex;
        flex-direction: row;
        
        .product_table{
            display: flex;
            flex-direction: column;
            width: 0%;
            grid-gap: 15px;
            overflow: hidden;
            transition: .5s all;
            align-items: center;
            padding-bottom: 10px;
            
            &.open{
                width: 100%;
                
                .product_row{
                    display: flex;
                }
                
            }
            
            &.btn_more{
                
                .product_row{
                    padding: 0px 30px;
                    max-height: 0vh;
                    
                    &:nth-child(-n+9){
                        padding: 15px 30px;
                        max-height: 100vh;
                    }
                    
                }
                
                .table_btn{
                    transform: scale(1);
                }
                
            }
            
            .table_btn{
                transform: scale(0);
            }
            
            .btn{
                width: 350px;
                padding: 20px;
            }
            
            .product_row{
                display: none;
                flex-direction: row;
                width: 100%;
                background-color: rgba(0, 158, 224, 0.2);
                padding: 15px 30px;
                height: fit-content;
                overflow: hidden; 
                transition: .5s all;
                border-radius: 6px;
                
                &:nth-child(-n+9){
                    display: flex;
                }
                
                &.product_header_row{
                    background-color: #8FDEFF;
                    color: var(--color-2);
                    
                    .product_column{
                        text-align: center;
                        font-weight: 800;
                        font-size: 26px;
                    }
                    
                }
                
                .product_column{
                    width: 33.33%;
                    text-align: center;
                    white-space: nowrap;
                    
                    &.product_column_1{
                        text-align: left;
                    }
                    
                }
                
            }
            
        }
        
    }
    
}

/*----------/MENU_SECTION----------*/

/*----------ABOUT_US_SECTION----------*/

SECTION#about_us_section{
    padding-top: 100px;
    background-color: var(--color-2);
    
    .title {
        color: #fff;
    }
    h2.title{
        padding: 0 100px;
        margin: 0px;
        text-align: center;
    }
    
    .lists{
        
        .list{
            padding: 50px 100px;
            
            ul{
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                list-style-type: none;
                padding-left: 0px;
                grid-gap: 10px;
                
                .point{
                    width: calc(50% - 5px);
                    display: flex;
                    flex-direction: row;
                    align-items: center;
                    min-height: 80px;
                    border-radius: 10px;
                    color: #fff;
                    padding: 15px 30px;
                    grid-gap: 20px;
                    font-weight: 400;
                    line-height: 130%;
                    background: linear-gradient(90deg, rgba(28, 157, 216, 1) 50%, rgba(143, 222, 255, 1) 125%);
                    
                    &:before{
                        content: "";
                        width: 40px;
                        height: 40px;
                        display: flex;
                        background-image: url(/files/design_files/icons/check_1.svg);
                        background-size: contain;
                        background-repeat: no-repeat;
                        background-position: center;
                        min-width: 40px;
                        max-width: 40px;
                    }
                    
                }
                
            }
            
            &:nth-child(even){
                background-color: rgba(0, 158, 224, 0.2);
                
                ul .point{
                    background: linear-gradient(270deg, rgb(28, 157, 216) 25%, rgb(143, 222, 255) 125%);
                    
                    &:before{
                        background-image: url(/files/design_files/icons/check_0.svg);
                    }
                    
                }
                
            }
            
        }
        
    }
    
    .product-slider{
        padding: 100px;
        background-color: var(--color-2);
        position: relative;
        .swiper-wrapper {
            justify-content: center;
        }
        
        /*.product_2 {*/
        /*    img {*/
        /*        padding: 10%;*/
        /*        object-fit: contain;*/
        /*    }*/
        /*}*/
        .product{
            aspect-ratio: 1 / 1;
            border-radius: 20px;
            overflow: hidden;
            transition: .5s all;
            pointer-events: none;
            transform: scale(0);
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            text-align: center;
            color: #fff;
            border-radius: 50%;
            
            .bg {
                background-color: #fff;
            }
            
            .bg img{
                transition: .5s all;
                /*transform: scale(0.9);*/
            }
            
            &:hover{
                
                .bg img{
                    transform: scale(1);
                }
                
                &:before{
                    opacity: .4;
                }
                
                .product_title{
                    top: 0px;
                    opacity: 1;
                }
                
                .btn{
                    bottom: 15px;
                    opacity: 1;
                    pointer-events: all;
                }
                
            }
            
            &:before{
                content:"";
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                z-index: 1;
                background-color: var(--color-2);
                opacity: 0;
                pointer-events: none;
                transition: .5s all;
            }
            
            .product_title{
                transition: .5s all;
                position: relative;
                z-index: 2;
                top: -25px;
                opacity: 0;
                a {
                    color: inherit;
                }
            }
            
            .btn{
                position: absolute;
                bottom: 0px;
                opacity: 0;
                z-index: 2;
                pointer-events: none;
            }
            
            &.swiper-slide-visible{
                transform: scale(1) !important;
                pointer-events: all
            }
            
        }
        
        .swiper-button{
            margin: 0;
            display: flex;
            transform: translate(0, -50%);
            color: #fff;
            font-weight: 900;
            width: 30px;
            
            &.swiper-button-prev{
                left: 35px;
            }
            
            &.swiper-button-next{
                right: 35px;
            }
            
        }
        
    }
    
}

/*----------/ABOUT_US_SECTION----------*/

/*----------LOCATION_SECTION----------*/

SECTION#location_section{
    
    .locations{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        
        .location{
            width: 50%;
            aspect-ratio: 1 / 1;
            position: relative;
            padding: 50px;
            display: flex;
            align-items: flex-end;
            justify-content: flex-start;
            overflow: hidden;
            
            &:hover{
                
                .bg{
                    transform: scale(1.1);
                }
                
                &:before{
                    opacity: .5;
                }
                
            }
            
            .bg{
                transform: scale(1);
                transition: .75s all;
            }
            
            .txt{
                position: relative;
                color: #fff;
                z-index: 9;
            }
            
            .link{
                width: 100%;
                position: absolute;
                height: 100%;
                top: 0;
                left: 0;
                color: #fff;
                z-index: 10;
            }
            
            &:before{
                content: "";
                width: 100%;
                position: absolute;
                height: 100%;
                top: 0;
                left: 0;
                color: #fff;
                z-index: 8;
                opacity: 1;
                transition: .75s all;
                background: linear-gradient(180deg, rgba(56, 66, 70, 0) 0%, rgba(56, 66, 70, 1) 100%);
            }
            
        }
        
    }
    
}

/*----------/LOCATION_SECTION----------*/

/*----------CERTIFICATE_SECTION----------*/

SECTION#certificate_section{
    padding: 100px;
    background-color: var(--color-2);
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    grid-gap: 50px;
    
    h2.title{
        width: 100%;
        text-align: center;
        margin-bottom: 0px;
    }
    
    .txt{
        width: calc(50% - 25px);
        display: flex;
        /*align-items: center;*/
        flex-direction: column;
        
        p{
            font-size: 24px;
            font-weight: 400;
        }
        
    }
    &.certificate_section_disabled .wrap_bottom {
    	justify-content: center;
    }
    .wrap_bottom {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        grid-gap: 50px;
        
        align-items: center;
    }
    
    .certificates{
        width: calc(50% - 25px);
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: center;
        align-content: flex-start;
        flex-wrap: wrap;
        grid-gap: 25px;
        
        .certificate{
            width: calc(50% - 12.5px);
            
            .page{
                display: none;
                border-radius: 20px;
                overflow: hidden;
                border: 4px solid var(--color-1);
                
                img{
                    transform: scale(1);
                    transition: .5s all;
                    opacity: 1;
                }
                
                &:hover{
                    
                    img{
                        transform: scale(1.05);
                        opacity: .75;
                    }
                    
                }
                
                &.page_0{
                    display: flex;
                }
                
            }
            
        }
        
    }
    
    a {
        color: var(--color-1);
    }
    .btn {
        color: #fff;
        margin-top: 1rem;
    }
    
}

/*----------/CERTIFICATE_SECTION----------*/

/*----------CONTACT_SECTION----------*/

SECTION#contact_form{
    padding: 100px;
    
    .title{
        text-align: center;
        color: var(--color-2);
        margin-bottom: 50px;
    }
    
    .formbody{
        display: flex;
        flex-direction: column;
        grid-gap: 15px;
        width: 60%;
        left: 50%;
        position: relative;
        transform: translate(-50%);
        align-items: center;
        padding-bottom: 10px;
        
        .widget{
            background-color: #CCECF9;
            border-radius: 8px;
            display: flex;
            flex-direction: row;
            padding-left: 25px;
            width: 100%;
            transition: .5s all;
            
            &:hover{
                background-color: #8FDEFF;
            }
            
            label{
                color: var(--color-2);
                font-weight: 400;
                min-width: max-content;
                display: flex;
                align-items: center;
            }
            
            input{
                background: transparent;
                border: none;
                outline: none;
                padding: 25px;
                width: 100%;
                color: var(--color-2);
                font-weight: 600;
            }
            
        }
        
        .btn{
            margin-top: 25px;
        }
        
    }
    
}

/*----------/CONTACT_SECTION----------*/

/*----------FOOTER_SECTION----------*/

SECTION#footer_section{
    /*padding: 50px;*/
    position: relative;
    /*min-height: 100vh;*/
    display: flex;
    align-items: stretch;
    justify-content: flex-end;
    flex-direction: column;
    
    .top_info {
        display: flex;
        align-items: flex-start;
        /*align-items: center;*/
        justify-content: space-between;
        padding: 50px 100px;
        background-color: var(--color-2);
        width: 100%;
    }
    .bottom_info {
        display: flex;
        /*justify-content: center;*/
        justify-content: space-between;
        /*flex-direction: column;*/
        align-items: center;
        padding: 50px;
        background-color: var(--color-2);
        
        h4 {
            margin: 0 auto;
            color: #fff;
            font-size: 18px !important;
        }
    }
    
    .logo{
        /*position: absolute;*/
        top: 50px;
        left: 50px;
        opacity: 1;
        transform: scale(1);
        transition: .5s all;
        
        &:hover{
            opacity: .75;
            transform: scale(1.1);
        }
        
        img{
            width: 125px;
        }
        
    }
    .center_wrap {
        /*flex: 1;*/
    }
    .first, .center_wrap, .second {
        flex: 1;
    }
    .first {
        text-align: left !important;
    }
    .center_wrap .popup_btns {
        align-items: flex-end !important;
    }
    /*.second {*/
    /*    flex: 1;*/
    /*}*/
    .extra{
        /*position: absolute;*/
        bottom: 50px;
        left: 50px;
        color: var(--color-1);
        margin-bottom: 0px;
        text-align: center;

        /*flex: 0.5;*/
    }
        p, a, h4 {
            /*font-weight: 600;*/
            font-family: "Inter" !important;
            /*font-size: 24px;*/
            color: #fff;
            font-weight: 300 !important;
        }
    
    .popup_btns{
        /*position: absolute;*/
        right: 50px;
        bottom: 50px;
        display: flex;
        justify-content: center;
        /*flex-direction: row;*/
        grid-gap: 15px;
        flex-direction: column;
        align-items: center;
        
        a{
            margin: 0px;
            font-family: Lobster;
            font-weight: 100;
            font-size: 18px;
            color: #fff;
            text-decoration: none;
            cursor: pointer;
            transition: .5s all;
            
            &:hover{
                color: var(--color-1);
            }
            
        }
        
    }
    
}

/*----------/FOOTER_SECTION----------*/

/*----------RESPONSIVE----------*/

@media (max-width: 1290px){
    .zertifikate {
        .certificates {
            /*flex-direction: column !important;*/
            align-items: center;
            .certificate  {
                /*width: 100% !important;*/
                a {
                    height: 300px;
                    width: 240px;
                    margin: 0 auto;
                }
            }
        }
    }
    section#certificate_section {
    & .txt {
        p {
            font-size: 18px;
        }
    }
}
    
    SECTION#about_us_section{
        padding-top: 75px;
        
        h2.title{
            padding: 0 75px;
        }
        
        .lists .list{
            padding: 50px 75px;
        }
        
        .product-slider{
            padding: 75px;
        }
        
    }
    
    #header .inside{
        padding: 50px 75px;
    }
    
    .burger{
        right: 75px;
    }
    
section#menu_section .product_selector{
    grid-gap: 25px;
    
    a{
        font-size: 20px;
    }
    
}
    
section#gallery_section .gallery-slider .swiper-button.swiper-button-prev{
    left: 50px;
}

section#gallery_section .gallery-slider .swiper-button.swiper-button-next{
    right: 50px;
}
    
section#gallery_section .gallery-slider .swiper-slide.swiper-slide-active{
    transform: scale(1) translate(0, 0);
}
    
section#main_section .txt, SECTION#info_section, SECTION#gallery_section, SECTION#menu_section, SECTION#certificate_section, SECTION#contact_form, SECTION#big_gallery_section{
    padding: 75px;
}
    
}

@media (max-width: 989px){
    	SECTION#big_gallery_section .gallery{
		max-height: 410px;
	}
	
	SECTION#big_gallery_section .gallery .gallery__item-wrap{
		height: 200px;
	}
    .dropdown_list section.offers_section .offers_swiper {
    	flex-direction: column;
    }
    #faq {
	padding: 50px;
}

.fancybox-image-wrapper {

  padding: 50px;

}

.fancybox-image-wrapper a {
  width: 70%;
  height: fit-content;
}
    SECTION#about_us_section{
        padding-top: 50px;
        
        h2.title{
            padding: 0 50px;
        }
        
        .lists .list{
            padding: 50px 50px;
            
            ul .point{
                width: 100%;
            }
            
        }
        
        .product-slider{
            padding: 50px;
            
            .swiper-button.swiper-button-prev{
                left: 10px;
            }
            
            .swiper-button.swiper-button-next{
                right: 10px;
            }
        }
        
    }
    
    #header .inside{
        padding: 50px;
    }
    
    .burger{
        right: 50px;
    }
    
    .popup_body .popup{
        width: 90vw;
        max-height: 90vh;
    }
    
    SECTION#footer_section{
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;
        /*grid-gap: 25px;*/
        padding: 50px;
        
        .extra{
            position: relative;
            bottom: auto;
            left: auto;
        }
        
        .popup_btns{
            position: relative;
            right: auto;
            bottom: auto;
        }
        
    }
    
    section#contact_form .formbody{
        width: 100%;
    }
    
    section#certificate_section{
        
        .txt, .certificates{
            width: 100%;
        }
        
    }
    
    section#menu_section .product_list .product_table{
        display: none;
        
        &.open{
            display: flex;
        }
        
    }
    
    section#menu_section .product_list .product_table .product_row .product_column {
        white-space: pre-wrap;
        align-items: center;
        justify-content: center;
        display: flex;
    }
    
    section#menu_section .product_list .product_table .product_row.product_header_row .product_column{
        font-size: 22px;
    }
    
    section#info_section {
        
        .left_side, .right_side{
            width: 100%;
        }
        
    }
    
    section#main_section .txt, SECTION#info_section, SECTION#gallery_section, SECTION#menu_section, SECTION#certificate_section, SECTION#contact_form, SECTION#big_gallery_section{
        padding: 50px;
    }
    
}

@media (max-width: 767px){
    p, li {
        font-size: 16px;
    }
    section#info_section .bottom_side {
    	grid-template-columns: 100%;
    	grid-gap: 1rem;
    }
    .certificates {
        flex-direction: column;
        align-items: center;
        .certificate {
            width: 100% !important;
        }
    }
    section#footer_section {
    .bottom_info {
         flex-direction: column; 
    }
}
        #faq {
        padding: 10px;
    }
    section#info_section {
    .right_side {
         min-height: 300px; 
    }
}
    
    section#certificate_section {
    & .txt {
        p {
            font-size: 16px;
        }
    }
}
    
    section#footer_section .popup_btns {
        flex-direction: column;
        align-items: center !important;
    }
    
    #footer_section {
        padding: 0 !important;
    }
    #footer_section .top_info {
        grid-gap: 20px;
        align-items: center !important;
        padding: 20px !important; 
        flex-direction: column;
    }
    #footer_section .bottom_info {
        padding: 14px;
    }
    	SECTION#big_gallery_section .gallery .btn{
		    width: 80%;
	}
	
	SECTION#big_gallery_section .gallery{
		max-height: 458px;
	}
	
	SECTION#big_gallery_section .gallery .gallery__item-wrap:nth-child(3n){
		width: 100% !important;
	}
	
	SECTION#big_gallery_section .gallery{
		grid-gap: 4px;
	}
	
	SECTION#big_gallery_section .gallery .gallery__item-wrap a{
		height: 100% !important;
	}
	
	SECTION#big_gallery_section .gallery .gallery__item-wrap{
		width: calc(50% - 2px) !important;
		margin: 0px !important;
	}
    
    SECTION#about_us_section{
        padding-top: 50px;
        
        h2.title{
            padding: 0 25px;
        }
        
        .lists .list{
            padding: 50px 25px;
            
            ul .point{
                padding: 15px;
                grid-gap: 10px;
                
                &:before{
                    width: 30px;
                    height: 30px;
                    min-width: 30px;
                    max-width: 30px;
                }
                
            }
            
        }
        
        .product-slider{
            padding: 50px 25px;
            
            .swiper-button.swiper-button-prev{
                left: 10px;
            }
            
            .swiper-button.swiper-button-next{
                right: 10px;
            }
        }
        
    }
    
    #header .inside{
        position: fixed;
        bottom: 0px;
        padding: 25px;
        flex-direction: column;
        grid-gap: 10px;
        
        .header_icon{
            width: 50px;
            height: 50px;
        }
        
    }
    
    .preloader{
        
        &:before{
            width: 50vw;
        }
        
        .viewbox{
            width: 90%;
        }
        
    }
    
    .burger{
        right: 25px;
    }
    
    .popup_body .popup#menu .menu_list{
        padding-top: 75px;
        
        .scroll_to{
            width: 100%;
        }
        
    }
    
    .popup_body .popup{
        width: 100vw;
        max-height: 100vh;
        border-radius: 0px;
        padding: 25px;
        
        .popup_close{
            top: 25px;
            right: 25px;
        }
        
    }
    
    section#location_section .locations .location{
        width: 100%;
    }
    
    section#menu_section .product_list .product_table.btn_more .product_row:nth-child(-n+9){
        padding: 10px;
    }
    
    section#menu_section .product_list .product_table .product_row{
        padding: 10px;
        
        &.product_header_row{
            
            .product_column{
                font-size: 12px;
            }
            
        }
        
        .product_column{
            width: 40%;
            font-size: 12px;
            
            &.product_column_1{
                width: 20%;
            }
            
        }
        
    }
    
    h3{
        font-size: 24px;
    }
    
    h1{
        font-size: 46px;
    }
    
    header .logo{
        left: 90px;
    }
    
    section#main_section .txt, SECTION#info_section, SECTION#gallery_section, SECTION#menu_section, SECTION#certificate_section, SECTION#contact_form{
        padding: 50px 25px;
    }
    
}

/*----------/RESPONSIVE----------*/