#pojo-a11y-toolbar{position:fixed;font-size:16px !important;line-height:1.4;z-index:9999}#pojo-a11y-toolbar.pojo-a11y-toolbar-right{right:-180px;-webkit-transition:right 750ms cubic-bezier(.23, 1, .32, 1);-moz-transition:right 750ms cubic-bezier(.23, 1, .32, 1);-o-transition:right 750ms cubic-bezier(.23, 1, .32, 1);transition:right 750ms cubic-bezier(.23, 1, .32, 1)}#pojo-a11y-toolbar.pojo-a11y-toolbar-right.pojo-a11y-toolbar-open{right:0}#pojo-a11y-toolbar.pojo-a11y-toolbar-right .pojo-a11y-toolbar-toggle{right:180px}#pojo-a11y-toolbar.pojo-a11y-toolbar-left{left:-180px;-webkit-transition:left 750ms cubic-bezier(.23, 1, .32, 1);-moz-transition:left 750ms cubic-bezier(.23, 1, .32, 1);-o-transition:left 750ms cubic-bezier(.23, 1, .32, 1);transition:left 750ms cubic-bezier(.23, 1, .32, 1)}#pojo-a11y-toolbar.pojo-a11y-toolbar-left.pojo-a11y-toolbar-open{left:0}#pojo-a11y-toolbar.pojo-a11y-toolbar-left .pojo-a11y-toolbar-toggle{left:180px}#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle{position:absolute}#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a{display:inline-block;font-size:200%;line-height:0;padding:10px;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.1);box-shadow:0 0 10px 0 rgba(0,0,0,0.1)}#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a:hover,#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a:focus{-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.2);box-shadow:0 0 10px 0 rgba(0,0,0,0.2)}#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle svg{max-width:inherit}#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay{border:1px solid;font-size:100%;width:180px}#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay p.pojo-a11y-toolbar-title{display:block;line-height:2;font-weight:bold;padding:10px 15px 0;margin:0}#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay.pojo-a11y-toolbar-open .pojo-a11y-toolbar-toggle a,#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay.pojo-a11y-toolbar-open .pojo-a11y-toolbar-overlay{-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.2);box-shadow:0 0 10px 0 rgba(0,0,0,0.2)}#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items{list-style:none;margin:0;padding:10px 0}#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items.pojo-a11y-links{border-top:1px solid}#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a{display:block;padding:10px 15px;font-size:80%;line-height:1}#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active{font-weight:bold}#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a svg{padding-right:6px;display:inline-block;width:1.5em;font-style:normal;font-weight:normal;font-size:inherit;line-height:1;text-align:center;text-rendering:auto;vertical-align:middle}#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a .pojo-a11y-toolbar-text{vertical-align:middle}body.rtl #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a svg{padding-left:6px;padding-right:0}@media (max-width:767px){#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay p.pojo-a11y-toolbar-title{padding:7px 12px 0}#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items{padding:7px 0}#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a{display:block;padding:7px 12px}}body.pojo-a11y-grayscale{filter:grayscale(100%);-webkit-filter:grayscale(100%);-webkit-filter:grayscale(1);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:gray}body.pojo-a11y-high-contrast .placebo{line-height:normal}body.pojo-a11y-high-contrast *{-webkit-box-shadow:none !important;box-shadow:none !important}body.pojo-a11y-high-contrast a,body.pojo-a11y-high-contrast abbr,body.pojo-a11y-high-contrast acronym,body.pojo-a11y-high-contrast address,body.pojo-a11y-high-contrast article,body.pojo-a11y-high-contrast aside,body.pojo-a11y-high-contrast b,body.pojo-a11y-high-contrast basefont,body.pojo-a11y-high-contrast bdi,body.pojo-a11y-high-contrast big,body.pojo-a11y-high-contrast blink,body.pojo-a11y-high-contrast blockquote,body.pojo-a11y-high-contrast body,body.pojo-a11y-high-contrast button,body.pojo-a11y-high-contrast canvas,body.pojo-a11y-high-contrast caption,body.pojo-a11y-high-contrast center,body.pojo-a11y-high-contrast cite,body.pojo-a11y-high-contrast code,body.pojo-a11y-high-contrast col,body.pojo-a11y-high-contrast colgroup,body.pojo-a11y-high-contrast command,body.pojo-a11y-high-contrast dd,body.pojo-a11y-high-contrast del,body.pojo-a11y-high-contrast details,body.pojo-a11y-high-contrast dfn,body.pojo-a11y-high-contrast dir,body.pojo-a11y-high-contrast div,body.pojo-a11y-high-contrast dl,body.pojo-a11y-high-contrast dt,body.pojo-a11y-high-contrast em,body.pojo-a11y-high-contrast embed,body.pojo-a11y-high-contrast fieldset,body.pojo-a11y-high-contrast figcaption,body.pojo-a11y-high-contrast figure,body.pojo-a11y-high-contrast font,body.pojo-a11y-high-contrast footer,body.pojo-a11y-high-contrast form,body.pojo-a11y-high-contrast h1,body.pojo-a11y-high-contrast h1 a,body.pojo-a11y-high-contrast h1 a b,body.pojo-a11y-high-contrast h1 abbr,body.pojo-a11y-high-contrast h1 b,body.pojo-a11y-high-contrast h1 center,body.pojo-a11y-high-contrast h1 em,body.pojo-a11y-high-contrast h1 i,body.pojo-a11y-high-contrast h1 span,body.pojo-a11y-high-contrast h1 strong,body.pojo-a11y-high-contrast h2,body.pojo-a11y-high-contrast h2 a,body.pojo-a11y-high-contrast h2 a b,body.pojo-a11y-high-contrast h2 abbr,body.pojo-a11y-high-contrast h2 b,body.pojo-a11y-high-contrast h2 center,body.pojo-a11y-high-contrast h2 em,body.pojo-a11y-high-contrast h2 i,body.pojo-a11y-high-contrast h2 span,body.pojo-a11y-high-contrast h2 strong,body.pojo-a11y-high-contrast h3,body.pojo-a11y-high-contrast h3 a,body.pojo-a11y-high-contrast h3 a b,body.pojo-a11y-high-contrast h3 abbr,body.pojo-a11y-high-contrast h3 b,body.pojo-a11y-high-contrast h3 center,body.pojo-a11y-high-contrast h3 em,body.pojo-a11y-high-contrast h3 i,body.pojo-a11y-high-contrast h3 span,body.pojo-a11y-high-contrast h3 strong,body.pojo-a11y-high-contrast h4,body.pojo-a11y-high-contrast h4 a,body.pojo-a11y-high-contrast h4 a b,body.pojo-a11y-high-contrast h4 abbr,body.pojo-a11y-high-contrast h4 b,body.pojo-a11y-high-contrast h4 center,body.pojo-a11y-high-contrast h4 em,body.pojo-a11y-high-contrast h4 i,body.pojo-a11y-high-contrast h4 span,body.pojo-a11y-high-contrast h4 strong,body.pojo-a11y-high-contrast h5,body.pojo-a11y-high-contrast h5 a,body.pojo-a11y-high-contrast h5 a b,body.pojo-a11y-high-contrast h5 abbr,body.pojo-a11y-high-contrast h5 b,body.pojo-a11y-high-contrast h5 center,body.pojo-a11y-high-contrast h5 em,body.pojo-a11y-high-contrast h5 i,body.pojo-a11y-high-contrast h5 span,body.pojo-a11y-high-contrast h5 strong,body.pojo-a11y-high-contrast h6,body.pojo-a11y-high-contrast h6 a,body.pojo-a11y-high-contrast h6 a b,body.pojo-a11y-high-contrast h6 abbr,body.pojo-a11y-high-contrast h6 b,body.pojo-a11y-high-contrast h6 center,body.pojo-a11y-high-contrast h6 em,body.pojo-a11y-high-contrast h6 i,body.pojo-a11y-high-contrast h6 span,body.pojo-a11y-high-contrast h6 strong,body.pojo-a11y-high-contrast header,body.pojo-a11y-high-contrast hgroup,body.pojo-a11y-high-contrast html,body.pojo-a11y-high-contrast i,body.pojo-a11y-high-contrast iframe,body.pojo-a11y-high-contrast img,body.pojo-a11y-high-contrast input,body.pojo-a11y-high-contrast ins,body.pojo-a11y-high-contrast kbd,body.pojo-a11y-high-contrast label,body.pojo-a11y-high-contrast legend,body.pojo-a11y-high-contrast li,body.pojo-a11y-high-contrast listing,body.pojo-a11y-high-contrast main,body.pojo-a11y-high-contrast mark,body.pojo-a11y-high-contrast marquee,body.pojo-a11y-high-contrast menu,body.pojo-a11y-high-contrast meter,body.pojo-a11y-high-contrast multicol,body.pojo-a11y-high-contrast nav,body.pojo-a11y-high-contrast nobr,body.pojo-a11y-high-contrast object,body.pojo-a11y-high-contrast ol,body.pojo-a11y-high-contrast option,body.pojo-a11y-high-contrast output,body.pojo-a11y-high-contrast p,body.pojo-a11y-high-contrast plaintext,body.pojo-a11y-high-contrast pre,body.pojo-a11y-high-contrast progress,body.pojo-a11y-high-contrast q,body.pojo-a11y-high-contrast rb,body.pojo-a11y-high-contrast rp,body.pojo-a11y-high-contrast rt,body.pojo-a11y-high-contrast ruby,body.pojo-a11y-high-contrast s,body.pojo-a11y-high-contrast samp,body.pojo-a11y-high-contrast section,body.pojo-a11y-high-contrast select,body.pojo-a11y-high-contrast small,body.pojo-a11y-high-contrast span,body.pojo-a11y-high-contrast strike,body.pojo-a11y-high-contrast strong,body.pojo-a11y-high-contrast sub,body.pojo-a11y-high-contrast summary,body.pojo-a11y-high-contrast sup,body.pojo-a11y-high-contrast svg,body.pojo-a11y-high-contrast table,body.pojo-a11y-high-contrast tbody,body.pojo-a11y-high-contrast td,body.pojo-a11y-high-contrast text,body.pojo-a11y-high-contrast textarea,body.pojo-a11y-high-contrast th,body.pojo-a11y-high-contrast thead,body.pojo-a11y-high-contrast time,body.pojo-a11y-high-contrast tr,body.pojo-a11y-high-contrast tt,body.pojo-a11y-high-contrast u,body.pojo-a11y-high-contrast ul,body.pojo-a11y-high-contrast var,body.pojo-a11y-high-contrast video,body.pojo-a11y-high-contrast xmp{-moz-appearance:none !important;-moz-user-select:text !important;-webkit-user-select:text !important;background-image:none !important;text-shadow:none !important;user-select:text !important}body.pojo-a11y-high-contrast a,body.pojo-a11y-high-contrast abbr,body.pojo-a11y-high-contrast acronym,body.pojo-a11y-high-contrast address,body.pojo-a11y-high-contrast article,body.pojo-a11y-high-contrast aside,body.pojo-a11y-high-contrast b,body.pojo-a11y-high-contrast basefont,body.pojo-a11y-high-contrast bdi,body.pojo-a11y-high-contrast big,body.pojo-a11y-high-contrast blink,body.pojo-a11y-high-contrast blockquote,body.pojo-a11y-high-contrast body,body.pojo-a11y-high-contrast canvas,body.pojo-a11y-high-contrast caption,body.pojo-a11y-high-contrast center,body.pojo-a11y-high-contrast cite,body.pojo-a11y-high-contrast code,body.pojo-a11y-high-contrast col,body.pojo-a11y-high-contrast colgroup,body.pojo-a11y-high-contrast command,body.pojo-a11y-high-contrast dd,body.pojo-a11y-high-contrast del,body.pojo-a11y-high-contrast details,body.pojo-a11y-high-contrast dfn,body.pojo-a11y-high-contrast dir,body.pojo-a11y-high-contrast div,body.pojo-a11y-high-contrast dl,body.pojo-a11y-high-contrast dt,body.pojo-a11y-high-contrast em,body.pojo-a11y-high-contrast embed,body.pojo-a11y-high-contrast fieldset,body.pojo-a11y-high-contrast figcaption,body.pojo-a11y-high-contrast figure,body.pojo-a11y-high-contrast font,body.pojo-a11y-high-contrast footer,body.pojo-a11y-high-contrast form,body.pojo-a11y-high-contrast h1,body.pojo-a11y-high-contrast h1 a,body.pojo-a11y-high-contrast h1 a b,body.pojo-a11y-high-contrast h1 abbr,body.pojo-a11y-high-contrast h1 b,body.pojo-a11y-high-contrast h1 center,body.pojo-a11y-high-contrast h1 em,body.pojo-a11y-high-contrast h1 i,body.pojo-a11y-high-contrast h1 span,body.pojo-a11y-high-contrast h1 strong,body.pojo-a11y-high-contrast h2,body.pojo-a11y-high-contrast h2 a,body.pojo-a11y-high-contrast h2 a b,body.pojo-a11y-high-contrast h2 abbr,body.pojo-a11y-high-contrast h2 b,body.pojo-a11y-high-contrast h2 center,body.pojo-a11y-high-contrast h2 em,body.pojo-a11y-high-contrast h2 i,body.pojo-a11y-high-contrast h2 span,body.pojo-a11y-high-contrast h2 strong,body.pojo-a11y-high-contrast h3,body.pojo-a11y-high-contrast h3 a,body.pojo-a11y-high-contrast h3 a b,body.pojo-a11y-high-contrast h3 abbr,body.pojo-a11y-high-contrast h3 b,body.pojo-a11y-high-contrast h3 center,body.pojo-a11y-high-contrast h3 em,body.pojo-a11y-high-contrast h3 i,body.pojo-a11y-high-contrast h3 span,body.pojo-a11y-high-contrast h3 strong,body.pojo-a11y-high-contrast h4,body.pojo-a11y-high-contrast h4 a,body.pojo-a11y-high-contrast h4 a b,body.pojo-a11y-high-contrast h4 abbr,body.pojo-a11y-high-contrast h4 b,body.pojo-a11y-high-contrast h4 center,body.pojo-a11y-high-contrast h4 em,body.pojo-a11y-high-contrast h4 i,body.pojo-a11y-high-contrast h4 span,body.pojo-a11y-high-contrast h4 strong,body.pojo-a11y-high-contrast h5,body.pojo-a11y-high-contrast h5 a,body.pojo-a11y-high-contrast h5 a b,body.pojo-a11y-high-contrast h5 abbr,body.pojo-a11y-high-contrast h5 b,body.pojo-a11y-high-contrast h5 center,body.pojo-a11y-high-contrast h5 em,body.pojo-a11y-high-contrast h5 i,body.pojo-a11y-high-contrast h5 span,body.pojo-a11y-high-contrast h5 strong,body.pojo-a11y-high-contrast h6,body.pojo-a11y-high-contrast h6 a,body.pojo-a11y-high-contrast h6 a b,body.pojo-a11y-high-contrast h6 abbr,body.pojo-a11y-high-contrast h6 b,body.pojo-a11y-high-contrast h6 center,body.pojo-a11y-high-contrast h6 em,body.pojo-a11y-high-contrast h6 i,body.pojo-a11y-high-contrast h6 span,body.pojo-a11y-high-contrast h6 strong,body.pojo-a11y-high-contrast header,body.pojo-a11y-high-contrast hgroup,body.pojo-a11y-high-contrast html,body.pojo-a11y-high-contrast i,body.pojo-a11y-high-contrast iframe,body.pojo-a11y-high-contrast input,body.pojo-a11y-high-contrast ins,body.pojo-a11y-high-contrast kbd,body.pojo-a11y-high-contrast label,body.pojo-a11y-high-contrast legend,body.pojo-a11y-high-contrast li,body.pojo-a11y-high-contrast listing,body.pojo-a11y-high-contrast main,body.pojo-a11y-high-contrast mark,body.pojo-a11y-high-contrast marquee,body.pojo-a11y-high-contrast menu,body.pojo-a11y-high-contrast meter,body.pojo-a11y-high-contrast multicol,body.pojo-a11y-high-contrast nav:not(#pojo-a11y-toolbar),body.pojo-a11y-high-contrast nobr,body.pojo-a11y-high-contrast object,body.pojo-a11y-high-contrast ol,body.pojo-a11y-high-contrast option,body.pojo-a11y-high-contrast output,body.pojo-a11y-high-contrast p,body.pojo-a11y-high-contrast plaintext,body.pojo-a11y-high-contrast pre,body.pojo-a11y-high-contrast progress,body.pojo-a11y-high-contrast q,body.pojo-a11y-high-contrast rb,body.pojo-a11y-high-contrast rp,body.pojo-a11y-high-contrast rt,body.pojo-a11y-high-contrast ruby,body.pojo-a11y-high-contrast s,body.pojo-a11y-high-contrast samp,body.pojo-a11y-high-contrast section,body.pojo-a11y-high-contrast small,body.pojo-a11y-high-contrast span,body.pojo-a11y-high-contrast strike,body.pojo-a11y-high-contrast strong,body.pojo-a11y-high-contrast sub,body.pojo-a11y-high-contrast summary,body.pojo-a11y-high-contrast sup,body.pojo-a11y-high-contrast svg,body.pojo-a11y-high-contrast table,body.pojo-a11y-high-contrast tbody,body.pojo-a11y-high-contrast td,body.pojo-a11y-high-contrast text,body.pojo-a11y-high-contrast textarea,body.pojo-a11y-high-contrast th,body.pojo-a11y-high-contrast thead,body.pojo-a11y-high-contrast time,body.pojo-a11y-high-contrast tr,body.pojo-a11y-high-contrast tt,body.pojo-a11y-high-contrast u,body.pojo-a11y-high-contrast ul,body.pojo-a11y-high-contrast var,body.pojo-a11y-high-contrast video,body.pojo-a11y-high-contrast xmp{background:black !important;background-color:black !important}body.pojo-a11y-high-contrast a,body.pojo-a11y-high-contrast article,body.pojo-a11y-high-contrast aside,body.pojo-a11y-high-contrast basefont,body.pojo-a11y-high-contrast bdi,body.pojo-a11y-high-contrast big,body.pojo-a11y-high-contrast blink,body.pojo-a11y-high-contrast blockquote,body.pojo-a11y-high-contrast body,body.pojo-a11y-high-contrast button,body.pojo-a11y-high-contrast canvas,body.pojo-a11y-high-contrast caption,body.pojo-a11y-high-contrast center,body.pojo-a11y-high-contrast code,body.pojo-a11y-high-contrast col,body.pojo-a11y-high-contrast colgroup,body.pojo-a11y-high-contrast command,body.pojo-a11y-high-contrast dd,body.pojo-a11y-high-contrast del,body.pojo-a11y-high-contrast details,body.pojo-a11y-high-contrast dir,body.pojo-a11y-high-contrast div,body.pojo-a11y-high-contrast dl,body.pojo-a11y-high-contrast dt,body.pojo-a11y-high-contrast embed,body.pojo-a11y-high-contrast fieldset,body.pojo-a11y-high-contrast figcaption,body.pojo-a11y-high-contrast figure,body.pojo-a11y-high-contrast font,body.pojo-a11y-high-contrast footer,body.pojo-a11y-high-contrast form,body.pojo-a11y-high-contrast header,body.pojo-a11y-high-contrast hgroup,body.pojo-a11y-high-contrast html,body.pojo-a11y-high-contrast iframe,body.pojo-a11y-high-contrast img,body.pojo-a11y-high-contrast input,body.pojo-a11y-high-contrast ins,body.pojo-a11y-high-contrast kbd,body.pojo-a11y-high-contrast label,body.pojo-a11y-high-contrast legend,body.pojo-a11y-high-contrast li,body.pojo-a11y-high-contrast listing,body.pojo-a11y-high-contrast main,body.pojo-a11y-high-contrast mark,body.pojo-a11y-high-contrast marquee,body.pojo-a11y-high-contrast menu,body.pojo-a11y-high-contrast meter,body.pojo-a11y-high-contrast multicol,body.pojo-a11y-high-contrast nav,body.pojo-a11y-high-contrast nobr,body.pojo-a11y-high-contrast object,body.pojo-a11y-high-contrast ol,body.pojo-a11y-high-contrast option,body.pojo-a11y-high-contrast output,body.pojo-a11y-high-contrast p,body.pojo-a11y-high-contrast plaintext,body.pojo-a11y-high-contrast pre,body.pojo-a11y-high-contrast progress,body.pojo-a11y-high-contrast q,body.pojo-a11y-high-contrast rb,body.pojo-a11y-high-contrast rp,body.pojo-a11y-high-contrast rt,body.pojo-a11y-high-contrast ruby,body.pojo-a11y-high-contrast s,body.pojo-a11y-high-contrast samp,body.pojo-a11y-high-contrast section,body.pojo-a11y-high-contrast select,body.pojo-a11y-high-contrast small,body.pojo-a11y-high-contrast span,body.pojo-a11y-high-contrast strike,body.pojo-a11y-high-contrast sub,body.pojo-a11y-high-contrast summary,body.pojo-a11y-high-contrast sup,body.pojo-a11y-high-contrast svg,body.pojo-a11y-high-contrast table,body.pojo-a11y-high-contrast tbody,body.pojo-a11y-high-contrast td,body.pojo-a11y-high-contrast text,body.pojo-a11y-high-contrast textarea,body.pojo-a11y-high-contrast th,body.pojo-a11y-high-contrast thead,body.pojo-a11y-high-contrast time,body.pojo-a11y-high-contrast tr,body.pojo-a11y-high-contrast tt,body.pojo-a11y-high-contrast ul,body.pojo-a11y-high-contrast var,body.pojo-a11y-high-contrast video,body.pojo-a11y-high-contrast xmp{color:white !important}body.pojo-a11y-high-contrast abbr,body.pojo-a11y-high-contrast acronym,body.pojo-a11y-high-contrast b,body.pojo-a11y-high-contrast b span,body.pojo-a11y-high-contrast h1 b,body.pojo-a11y-high-contrast h1 strong,body.pojo-a11y-high-contrast h2 b,body.pojo-a11y-high-contrast h2 strong,body.pojo-a11y-high-contrast h3 b,body.pojo-a11y-high-contrast h3 strong,body.pojo-a11y-high-contrast h4 b,body.pojo-a11y-high-contrast h4 strong,body.pojo-a11y-high-contrast h5 b,body.pojo-a11y-high-contrast h5 strong,body.pojo-a11y-high-contrast h6 b,body.pojo-a11y-high-contrast h6 strong,body.pojo-a11y-high-contrast strong,body.pojo-a11y-high-contrast strong span{color:yellow !important}body.pojo-a11y-high-contrast address,body.pojo-a11y-high-contrast address span,body.pojo-a11y-high-contrast cite,body.pojo-a11y-high-contrast cite span,body.pojo-a11y-high-contrast dfn,body.pojo-a11y-high-contrast dfn span,body.pojo-a11y-high-contrast em,body.pojo-a11y-high-contrast em span,body.pojo-a11y-high-contrast h1 em,body.pojo-a11y-high-contrast h1 i,body.pojo-a11y-high-contrast h2 em,body.pojo-a11y-high-contrast h2 i,body.pojo-a11y-high-contrast h3 em,body.pojo-a11y-high-contrast h3 i,body.pojo-a11y-high-contrast h4 em,body.pojo-a11y-high-contrast h4 i,body.pojo-a11y-high-contrast h5 em,body.pojo-a11y-high-contrast h5 i,body.pojo-a11y-high-contrast h6 em,body.pojo-a11y-high-contrast h6 i,body.pojo-a11y-high-contrast i,body.pojo-a11y-high-contrast i span,body.pojo-a11y-high-contrast u,body.pojo-a11y-high-contrast u span{color:#FFFF80 !important}body.pojo-a11y-high-contrast dt{border-top:thin solid grey !important}body.pojo-a11y-high-contrast h1,body.pojo-a11y-high-contrast h1 a,body.pojo-a11y-high-contrast h1 a b,body.pojo-a11y-high-contrast h1 abbr,body.pojo-a11y-high-contrast h1 center,body.pojo-a11y-high-contrast h1 span,body.pojo-a11y-high-contrast h2,body.pojo-a11y-high-contrast h2 a,body.pojo-a11y-high-contrast h2 a b,body.pojo-a11y-high-contrast h2 abbr,body.pojo-a11y-high-contrast h2 center,body.pojo-a11y-high-contrast h2 span,body.pojo-a11y-high-contrast h3,body.pojo-a11y-high-contrast h3 a,body.pojo-a11y-high-contrast h3 a b,body.pojo-a11y-high-contrast h3 abbr,body.pojo-a11y-high-contrast h3 center,body.pojo-a11y-high-contrast h3 span,body.pojo-a11y-high-contrast h4,body.pojo-a11y-high-contrast h4 a,body.pojo-a11y-high-contrast h4 a b,body.pojo-a11y-high-contrast h4 abbr,body.pojo-a11y-high-contrast h4 center,body.pojo-a11y-high-contrast h4 span,body.pojo-a11y-high-contrast h5,body.pojo-a11y-high-contrast h5 a,body.pojo-a11y-high-contrast h5 a b,body.pojo-a11y-high-contrast h5 abbr,body.pojo-a11y-high-contrast h5 center,body.pojo-a11y-high-contrast h5 span,body.pojo-a11y-high-contrast h6,body.pojo-a11y-high-contrast h6 a,body.pojo-a11y-high-contrast h6 a b,body.pojo-a11y-high-contrast h6 abbr,body.pojo-a11y-high-contrast h6 center,body.pojo-a11y-high-contrast h6 span{color:#40C090 !important}body.pojo-a11y-high-contrast img{background:#808080 !important;background-color:#808080 !important}body.pojo-a11y-high-contrast abbr,body.pojo-a11y-high-contrast acronym{border-bottom:1px dotted !important}body.pojo-a11y-high-contrast :focus{outline:thin dotted !important}body.pojo-a11y-high-contrast a.button,body.pojo-a11y-high-contrast a.button abbr,body.pojo-a11y-high-contrast a.button acronym,body.pojo-a11y-high-contrast a.button b,body.pojo-a11y-high-contrast a.button basefont,body.pojo-a11y-high-contrast a.button big,body.pojo-a11y-high-contrast a.button br,body.pojo-a11y-high-contrast a.button code,body.pojo-a11y-high-contrast a.button div,body.pojo-a11y-high-contrast a.button em,body.pojo-a11y-high-contrast a.button font,body.pojo-a11y-high-contrast a.button h1,body.pojo-a11y-high-contrast a.button h2,body.pojo-a11y-high-contrast a.button h3,body.pojo-a11y-high-contrast a.button h4,body.pojo-a11y-high-contrast a.button h5,body.pojo-a11y-high-contrast a.button h6,body.pojo-a11y-high-contrast a.button i,body.pojo-a11y-high-contrast a.button kbd,body.pojo-a11y-high-contrast a.button rb,body.pojo-a11y-high-contrast a.button rp,body.pojo-a11y-high-contrast a.button rt,body.pojo-a11y-high-contrast a.button ruby,body.pojo-a11y-high-contrast a.button samp,body.pojo-a11y-high-contrast a.button small,body.pojo-a11y-high-contrast a.button span,body.pojo-a11y-high-contrast a.button strong,body.pojo-a11y-high-contrast a.button tt,body.pojo-a11y-high-contrast a.button u,body.pojo-a11y-high-contrast a.button var,body.pojo-a11y-high-contrast a:link,body.pojo-a11y-high-contrast a:link abbr,body.pojo-a11y-high-contrast a:link acronym,body.pojo-a11y-high-contrast a:link b,body.pojo-a11y-high-contrast a:link basefont,body.pojo-a11y-high-contrast a:link big,body.pojo-a11y-high-contrast a:link br,body.pojo-a11y-high-contrast a:link code,body.pojo-a11y-high-contrast a:link div,body.pojo-a11y-high-contrast a:link em,body.pojo-a11y-high-contrast a:link font,body.pojo-a11y-high-contrast a:link h1,body.pojo-a11y-high-contrast a:link h2,body.pojo-a11y-high-contrast a:link h3,body.pojo-a11y-high-contrast a:link h4,body.pojo-a11y-high-contrast a:link h5,body.pojo-a11y-high-contrast a:link h6,body.pojo-a11y-high-contrast a:link i,body.pojo-a11y-high-contrast a:link kbd,body.pojo-a11y-high-contrast a:link rb,body.pojo-a11y-high-contrast a:link rp,body.pojo-a11y-high-contrast a:link rt,body.pojo-a11y-high-contrast a:link ruby,body.pojo-a11y-high-contrast a:link samp,body.pojo-a11y-high-contrast a:link small,body.pojo-a11y-high-contrast a:link span,body.pojo-a11y-high-contrast a:link strong,body.pojo-a11y-high-contrast a:link tt,body.pojo-a11y-high-contrast a:link u,body.pojo-a11y-high-contrast a:link var,body.pojo-a11y-high-contrast div#secondaryNav div#documentNavigation ul.navigationTabs li.tabItem{color:#0080FF !important}body.pojo-a11y-high-contrast button,body.pojo-a11y-high-contrast input,body.pojo-a11y-high-contrast textarea,body.pojo-a11y-high-contrast select,body.pojo-a11y-high-contrast table,body.pojo-a11y-high-contrast td,body.pojo-a11y-high-contrast th,body.pojo-a11y-high-contrast tr,body.pojo-a11y-high-contrast tt{border:1px solid #ffffff !important}body.pojo-a11y-high-contrast button{background:#600040 !important;background-color:#600040 !important}body.pojo-a11y-high-contrast select{-webkit-appearance:listbox !important;background:#600060 !important;background-color:#600060 !important}body.pojo-a11y-high-contrast a:visited,body.pojo-a11y-high-contrast a:visited abbr,body.pojo-a11y-high-contrast a:visited acronym,body.pojo-a11y-high-contrast a:visited b,body.pojo-a11y-high-contrast a:visited basefont,body.pojo-a11y-high-contrast a:visited big,body.pojo-a11y-high-contrast a:visited br,body.pojo-a11y-high-contrast a:visited code,body.pojo-a11y-high-contrast a:visited div,body.pojo-a11y-high-contrast a:visited em,body.pojo-a11y-high-contrast a:visited font,body.pojo-a11y-high-contrast a:visited h1,body.pojo-a11y-high-contrast a:visited h2,body.pojo-a11y-high-contrast a:visited h3,body.pojo-a11y-high-contrast a:visited h4,body.pojo-a11y-high-contrast a:visited h5,body.pojo-a11y-high-contrast a:visited h6,body.pojo-a11y-high-contrast a:visited i,body.pojo-a11y-high-contrast a:visited kbd,body.pojo-a11y-high-contrast a:visited rb,body.pojo-a11y-high-contrast a:visited rp,body.pojo-a11y-high-contrast a:visited rt,body.pojo-a11y-high-contrast a:visited ruby,body.pojo-a11y-high-contrast a:visited samp,body.pojo-a11y-high-contrast a:visited small,body.pojo-a11y-high-contrast a:visited span,body.pojo-a11y-high-contrast a:visited strong,body.pojo-a11y-high-contrast a:visited tt,body.pojo-a11y-high-contrast a:visited u,body.pojo-a11y-high-contrast a:visited var,body.pojo-a11y-high-contrast div#secondaryNav div#documentNavigation ul.navigationTabs li.tabItem.active{color:#00FFFF !important}body.pojo-a11y-high-contrast ::selection,body.pojo-a11y-high-contrast ::-moz-selection{background:#4080c0 !important;background-color:#4080c0 !important}body.pojo-a11y-high-contrast a.button:hover,body.pojo-a11y-high-contrast a.button:hover abbr,body.pojo-a11y-high-contrast a.button:hover acronym,body.pojo-a11y-high-contrast a.button:hover b,body.pojo-a11y-high-contrast a.button:hover basefont,body.pojo-a11y-high-contrast a.button:hover big,body.pojo-a11y-high-contrast a.button:hover br,body.pojo-a11y-high-contrast a.button:hover code,body.pojo-a11y-high-contrast a.button:hover div,body.pojo-a11y-high-contrast a.button:hover em,body.pojo-a11y-high-contrast a.button:hover font,body.pojo-a11y-high-contrast a.button:hover h1,body.pojo-a11y-high-contrast a.button:hover h2,body.pojo-a11y-high-contrast a.button:hover h3,body.pojo-a11y-high-contrast a.button:hover h4,body.pojo-a11y-high-contrast a.button:hover h5,body.pojo-a11y-high-contrast a.button:hover h6,body.pojo-a11y-high-contrast a.button:hover i,body.pojo-a11y-high-contrast a.button:hover kbd,body.pojo-a11y-high-contrast a.button:hover rb,body.pojo-a11y-high-contrast a.button:hover rp,body.pojo-a11y-high-contrast a.button:hover rt,body.pojo-a11y-high-contrast a.button:hover ruby,body.pojo-a11y-high-contrast a.button:hover samp,body.pojo-a11y-high-contrast a.button:hover small,body.pojo-a11y-high-contrast a.button:hover span,body.pojo-a11y-high-contrast a.button:hover strong,body.pojo-a11y-high-contrast a.button:hover tt,body.pojo-a11y-high-contrast a.button:hover u,body.pojo-a11y-high-contrast a.button:hover var,body.pojo-a11y-high-contrast a:link:hover,body.pojo-a11y-high-contrast a:link:hover abbr,body.pojo-a11y-high-contrast a:link:hover acronym,body.pojo-a11y-high-contrast a:link:hover b,body.pojo-a11y-high-contrast a:link:hover basefont,body.pojo-a11y-high-contrast a:link:hover big,body.pojo-a11y-high-contrast a:link:hover br,body.pojo-a11y-high-contrast a:link:hover code,body.pojo-a11y-high-contrast a:link:hover div,body.pojo-a11y-high-contrast a:link:hover em,body.pojo-a11y-high-contrast a:link:hover font,body.pojo-a11y-high-contrast a:link:hover h1,body.pojo-a11y-high-contrast a:link:hover h2,body.pojo-a11y-high-contrast a:link:hover h3,body.pojo-a11y-high-contrast a:link:hover h4,body.pojo-a11y-high-contrast a:link:hover h5,body.pojo-a11y-high-contrast a:link:hover h6,body.pojo-a11y-high-contrast a:link:hover i,body.pojo-a11y-high-contrast a:link:hover kbd,body.pojo-a11y-high-contrast a:link:hover rb,body.pojo-a11y-high-contrast a:link:hover rp,body.pojo-a11y-high-contrast a:link:hover rt,body.pojo-a11y-high-contrast a:link:hover ruby,body.pojo-a11y-high-contrast a:link:hover samp,body.pojo-a11y-high-contrast a:link:hover small,body.pojo-a11y-high-contrast a:link:hover span,body.pojo-a11y-high-contrast a:link:hover strong,body.pojo-a11y-high-contrast a:link:hover tt,body.pojo-a11y-high-contrast a:link:hover u,body.pojo-a11y-high-contrast a:link:hover var,body.pojo-a11y-high-contrast a:visited:hover,body.pojo-a11y-high-contrast a:visited:hover abbr,body.pojo-a11y-high-contrast a:visited:hover acronym,body.pojo-a11y-high-contrast a:visited:hover b,body.pojo-a11y-high-contrast a:visited:hover basefont,body.pojo-a11y-high-contrast a:visited:hover big,body.pojo-a11y-high-contrast a:visited:hover br,body.pojo-a11y-high-contrast a:visited:hover code,body.pojo-a11y-high-contrast a:visited:hover div,body.pojo-a11y-high-contrast a:visited:hover em,body.pojo-a11y-high-contrast a:visited:hover font,body.pojo-a11y-high-contrast a:visited:hover h1,body.pojo-a11y-high-contrast a:visited:hover h2,body.pojo-a11y-high-contrast a:visited:hover h3,body.pojo-a11y-high-contrast a:visited:hover h4,body.pojo-a11y-high-contrast a:visited:hover h5,body.pojo-a11y-high-contrast a:visited:hover h6,body.pojo-a11y-high-contrast a:visited:hover i,body.pojo-a11y-high-contrast a:visited:hover kbd,body.pojo-a11y-high-contrast a:visited:hover rb,body.pojo-a11y-high-contrast a:visited:hover rp,body.pojo-a11y-high-contrast a:visited:hover rt,body.pojo-a11y-high-contrast a:visited:hover ruby,body.pojo-a11y-high-contrast a:visited:hover samp,body.pojo-a11y-high-contrast a:visited:hover small,body.pojo-a11y-high-contrast a:visited:hover span,body.pojo-a11y-high-contrast a:visited:hover strong,body.pojo-a11y-high-contrast a:visited:hover tt,body.pojo-a11y-high-contrast a:visited:hover u,body.pojo-a11y-high-contrast a:visited:hover var{background:#400000 !important;background-color:#400000 !important}body.pojo-a11y-high-contrast body>input#site+div#wrapper span.mk,body.pojo-a11y-high-contrast body>input#site+div#wrapper span.mk b,body.pojo-a11y-high-contrast input[type=reset]{background:#400060 !important;background-color:#400060 !important}body.pojo-a11y-high-contrast div[role="button"],body.pojo-a11y-high-contrast input[type=button],body.pojo-a11y-high-contrast input[type=submit]{background:#600040 !important;background-color:#600040 !important}body.pojo-a11y-high-contrast input[type=search]{-webkit-appearance:textfield !important}body.pojo-a11y-high-contrast html button[disabled],body.pojo-a11y-high-contrast html input[disabled],body.pojo-a11y-high-contrast html select[disabled],body.pojo-a11y-high-contrast html textarea[disabled]{background:#404040 !important;background-color:#404040 !important}body.pojo-a11y-high-contrast .menu li a span.label{text-transform:none !important}body.pojo-a11y-high-contrast .menu li a span.label,body.pojo-a11y-high-contrast div.jwplayer span.jwcontrolbar,body.pojo-a11y-high-contrast div.jwplayer span.jwcontrols{display:inline !important}body.pojo-a11y-high-contrast a:link.new,body.pojo-a11y-high-contrast a:link.new i,body.pojo-a11y-high-contrast a:link.new b,body.pojo-a11y-high-contrast span.Apple-style-span{color:#FFFF40 !important}body.pojo-a11y-high-contrast body.mediawiki img.tex{background:white !important;background-color:white !important;border:white solid 3px !important}body.pojo-a11y-high-contrast text>tspan:first-letter,body.pojo-a11y-high-contrast text>tspan:first-line{background:inherit !important;background-color:inherit !important;color:inherit !important}body.pojo-a11y-high-contrast div.sbtc div.sbsb_a li.sbsb_d div,body.pojo-a11y-high-contrast table.gssb_c tr.gssb_i a,body.pojo-a11y-high-contrast table.gssb_c tr.gssb_i b,body.pojo-a11y-high-contrast table.gssb_c tr.gssb_i span,body.pojo-a11y-high-contrast table.gssb_c tr.gssb_i td{background:#003050 !important;background-color:#003050 !important}body.pojo-a11y-high-contrast img[width="18"][height="18"]{height:18px !important;width:18px !important}body.pojo-a11y-high-contrast a>span.iconHelp:empty:after{content:"Help" !important}body.pojo-a11y-high-contrast div#gmap,body.pojo-a11y-high-contrast div#gmap *{background:initial !important}body.pojo-a11y-negative-contrast,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar){background:#000 !important;color:#ffffff !important}body.pojo-a11y-negative-contrast a,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) a,body.pojo-a11y-negative-contrast b,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) b,body.pojo-a11y-negative-contrast blockquote,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) blockquote,body.pojo-a11y-negative-contrast button,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) button,body.pojo-a11y-negative-contrast canvas,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) canvas,body.pojo-a11y-negative-contrast caption,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) caption,body.pojo-a11y-negative-contrast center,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) center,body.pojo-a11y-negative-contrast cite,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) cite,body.pojo-a11y-negative-contrast code,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) code,body.pojo-a11y-negative-contrast col,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) col,body.pojo-a11y-negative-contrast colgroup,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) colgroup,body.pojo-a11y-negative-contrast dd,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) dd,body.pojo-a11y-negative-contrast details,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) details,body.pojo-a11y-negative-contrast dfn,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) dfn,body.pojo-a11y-negative-contrast dir,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) dir,body.pojo-a11y-negative-contrast div,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) div,body.pojo-a11y-negative-contrast dl,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) dl,body.pojo-a11y-negative-contrast dt,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) dt,body.pojo-a11y-negative-contrast em,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) em,body.pojo-a11y-negative-contrast embed,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) embed,body.pojo-a11y-negative-contrast fieldset,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) fieldset,body.pojo-a11y-negative-contrast figcaption,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) figcaption,body.pojo-a11y-negative-contrast figure,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) figure,body.pojo-a11y-negative-contrast font,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) font,body.pojo-a11y-negative-contrast footer,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) footer,body.pojo-a11y-negative-contrast form,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) form,body.pojo-a11y-negative-contrast header,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) header,body.pojo-a11y-negative-contrast i,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) i,body.pojo-a11y-negative-contrast iframe,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) iframe,body.pojo-a11y-negative-contrast img,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) img,body.pojo-a11y-negative-contrast input,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) input,body.pojo-a11y-negative-contrast kbd,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) kbd,body.pojo-a11y-negative-contrast label,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) label,body.pojo-a11y-negative-contrast legend,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) legend,body.pojo-a11y-negative-contrast li,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) li,body.pojo-a11y-negative-contrast mark,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) mark,body.pojo-a11y-negative-contrast menu,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) menu,body.pojo-a11y-negative-contrast meter,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) meter,body.pojo-a11y-negative-contrast nav,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) nav,body.pojo-a11y-negative-contrast nobr,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) nobr,body.pojo-a11y-negative-contrast object,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) object,body.pojo-a11y-negative-contrast ol,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) ol,body.pojo-a11y-negative-contrast option,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) option,body.pojo-a11y-negative-contrast pre,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) pre,body.pojo-a11y-negative-contrast progress,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) progress,body.pojo-a11y-negative-contrast q,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) q,body.pojo-a11y-negative-contrast s,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) s,body.pojo-a11y-negative-contrast section,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) section,body.pojo-a11y-negative-contrast select,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) select,body.pojo-a11y-negative-contrast small,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) small,body.pojo-a11y-negative-contrast span,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) span,body.pojo-a11y-negative-contrast strike,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) strike,body.pojo-a11y-negative-contrast strong,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) strong,body.pojo-a11y-negative-contrast sub,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) sub,body.pojo-a11y-negative-contrast summary,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) summary,body.pojo-a11y-negative-contrast sup,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) sup,body.pojo-a11y-negative-contrast table,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) table,body.pojo-a11y-negative-contrast td,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) td,body.pojo-a11y-negative-contrast textarea,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) textarea,body.pojo-a11y-negative-contrast th,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) th,body.pojo-a11y-negative-contrast time,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) time,body.pojo-a11y-negative-contrast tr,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) tr,body.pojo-a11y-negative-contrast tt,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) tt,body.pojo-a11y-negative-contrast u,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) u,body.pojo-a11y-negative-contrast ul,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) ul,body.pojo-a11y-negative-contrast var,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) var,body.pojo-a11y-negative-contrast a span,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) a span,body.pojo-a11y-negative-contrast strong,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) strong{color:yellow !important}body.pojo-a11y-negative-contrast button,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) button,body.pojo-a11y-negative-contrast input,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) input,body.pojo-a11y-negative-contrast textarea,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) textarea,body.pojo-a11y-negative-contrast select,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) select,body.pojo-a11y-negative-contrast table,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) table,body.pojo-a11y-negative-contrast td,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) td,body.pojo-a11y-negative-contrast th,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) th,body.pojo-a11y-negative-contrast tr,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) tr,body.pojo-a11y-negative-contrast tt,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) tt{border:1px solid #ffffff !important}body.pojo-a11y-negative-contrast div#gmap,body.pojo-a11y-negative-contrast div#gmap *{background:initial !important}body.pojo-a11y-light-background,body.pojo-a11y-light-background *:not(#pojo-a11y-toolbar):not(.pojo-a11y-toolbar-link){background:#fff !important;color:#000 !important}body.pojo-a11y-light-background div#gmap,body.pojo-a11y-light-background div#gmap *{background:initial !important}body.pojo-a11y-resize-font-200,body.pojo-a11y-resize-font-200 p:not(.pojo-a11y-toolbar-title),body.pojo-a11y-resize-font-200 li:not(.pojo-a11y-toolbar-item),body.pojo-a11y-resize-font-200 label,body.pojo-a11y-resize-font-200 input,body.pojo-a11y-resize-font-200 select,body.pojo-a11y-resize-font-200 textarea,body.pojo-a11y-resize-font-200 legend,body.pojo-a11y-resize-font-200 code,body.pojo-a11y-resize-font-200 pre,body.pojo-a11y-resize-font-200 dd,body.pojo-a11y-resize-font-200 dt,body.pojo-a11y-resize-font-200 span,body.pojo-a11y-resize-font-200 blockquote{font-size:200% !important}body.pojo-a11y-resize-font-200 h1,body.pojo-a11y-resize-font-200 h2,body.pojo-a11y-resize-font-200 h3,body.pojo-a11y-resize-font-200 h4,body.pojo-a11y-resize-font-200 h5,body.pojo-a11y-resize-font-200 h6,body.pojo-a11y-resize-font-200 h1 span,body.pojo-a11y-resize-font-200 h2 span,body.pojo-a11y-resize-font-200 h3 span,body.pojo-a11y-resize-font-200 h4 span,body.pojo-a11y-resize-font-200 h5 span,body.pojo-a11y-resize-font-200 h6 span{font-size:266% !important}body.pojo-a11y-resize-font-190,body.pojo-a11y-resize-font-190 p:not(.pojo-a11y-toolbar-title),body.pojo-a11y-resize-font-190 li:not(.pojo-a11y-toolbar-item),body.pojo-a11y-resize-font-190 label,body.pojo-a11y-resize-font-190 input,body.pojo-a11y-resize-font-190 select,body.pojo-a11y-resize-font-190 textarea,body.pojo-a11y-resize-font-190 legend,body.pojo-a11y-resize-font-190 code,body.pojo-a11y-resize-font-190 pre,body.pojo-a11y-resize-font-190 dd,body.pojo-a11y-resize-font-190 dt,body.pojo-a11y-resize-font-190 span,body.pojo-a11y-resize-font-190 blockquote{font-size:190% !important}body.pojo-a11y-resize-font-190 h1,body.pojo-a11y-resize-font-190 h2,body.pojo-a11y-resize-font-190 h3,body.pojo-a11y-resize-font-190 h4,body.pojo-a11y-resize-font-190 h5,body.pojo-a11y-resize-font-190 h6,body.pojo-a11y-resize-font-190 h1 span,body.pojo-a11y-resize-font-190 h2 span,body.pojo-a11y-resize-font-190 h3 span,body.pojo-a11y-resize-font-190 h4 span,body.pojo-a11y-resize-font-190 h5 span,body.pojo-a11y-resize-font-190 h6 span{font-size:252.70000000000002% !important}body.pojo-a11y-resize-font-180,body.pojo-a11y-resize-font-180 p:not(.pojo-a11y-toolbar-title),body.pojo-a11y-resize-font-180 li:not(.pojo-a11y-toolbar-item),body.pojo-a11y-resize-font-180 label,body.pojo-a11y-resize-font-180 input,body.pojo-a11y-resize-font-180 select,body.pojo-a11y-resize-font-180 textarea,body.pojo-a11y-resize-font-180 legend,body.pojo-a11y-resize-font-180 code,body.pojo-a11y-resize-font-180 pre,body.pojo-a11y-resize-font-180 dd,body.pojo-a11y-resize-font-180 dt,body.pojo-a11y-resize-font-180 span,body.pojo-a11y-resize-font-180 blockquote{font-size:180% !important}body.pojo-a11y-resize-font-180 h1,body.pojo-a11y-resize-font-180 h2,body.pojo-a11y-resize-font-180 h3,body.pojo-a11y-resize-font-180 h4,body.pojo-a11y-resize-font-180 h5,body.pojo-a11y-resize-font-180 h6,body.pojo-a11y-resize-font-180 h1 span,body.pojo-a11y-resize-font-180 h2 span,body.pojo-a11y-resize-font-180 h3 span,body.pojo-a11y-resize-font-180 h4 span,body.pojo-a11y-resize-font-180 h5 span,body.pojo-a11y-resize-font-180 h6 span{font-size:239.4% !important}body.pojo-a11y-resize-font-170,body.pojo-a11y-resize-font-170 p:not(.pojo-a11y-toolbar-title),body.pojo-a11y-resize-font-170 li:not(.pojo-a11y-toolbar-item),body.pojo-a11y-resize-font-170 label,body.pojo-a11y-resize-font-170 input,body.pojo-a11y-resize-font-170 select,body.pojo-a11y-resize-font-170 textarea,body.pojo-a11y-resize-font-170 legend,body.pojo-a11y-resize-font-170 code,body.pojo-a11y-resize-font-170 pre,body.pojo-a11y-resize-font-170 dd,body.pojo-a11y-resize-font-170 dt,body.pojo-a11y-resize-font-170 span,body.pojo-a11y-resize-font-170 blockquote{font-size:170% !important}body.pojo-a11y-resize-font-170 h1,body.pojo-a11y-resize-font-170 h2,body.pojo-a11y-resize-font-170 h3,body.pojo-a11y-resize-font-170 h4,body.pojo-a11y-resize-font-170 h5,body.pojo-a11y-resize-font-170 h6,body.pojo-a11y-resize-font-170 h1 span,body.pojo-a11y-resize-font-170 h2 span,body.pojo-a11y-resize-font-170 h3 span,body.pojo-a11y-resize-font-170 h4 span,body.pojo-a11y-resize-font-170 h5 span,body.pojo-a11y-resize-font-170 h6 span{font-size:226.10000000000002% !important}body.pojo-a11y-resize-font-160,body.pojo-a11y-resize-font-160 p:not(.pojo-a11y-toolbar-title),body.pojo-a11y-resize-font-160 li:not(.pojo-a11y-toolbar-item),body.pojo-a11y-resize-font-160 label,body.pojo-a11y-resize-font-160 input,body.pojo-a11y-resize-font-160 select,body.pojo-a11y-resize-font-160 textarea,body.pojo-a11y-resize-font-160 legend,body.pojo-a11y-resize-font-160 code,body.pojo-a11y-resize-font-160 pre,body.pojo-a11y-resize-font-160 dd,body.pojo-a11y-resize-font-160 dt,body.pojo-a11y-resize-font-160 span,body.pojo-a11y-resize-font-160 blockquote{font-size:160% !important}body.pojo-a11y-resize-font-160 h1,body.pojo-a11y-resize-font-160 h2,body.pojo-a11y-resize-font-160 h3,body.pojo-a11y-resize-font-160 h4,body.pojo-a11y-resize-font-160 h5,body.pojo-a11y-resize-font-160 h6,body.pojo-a11y-resize-font-160 h1 span,body.pojo-a11y-resize-font-160 h2 span,body.pojo-a11y-resize-font-160 h3 span,body.pojo-a11y-resize-font-160 h4 span,body.pojo-a11y-resize-font-160 h5 span,body.pojo-a11y-resize-font-160 h6 span{font-size:212.8% !important}body.pojo-a11y-resize-font-150,body.pojo-a11y-resize-font-150 p:not(.pojo-a11y-toolbar-title),body.pojo-a11y-resize-font-150 li:not(.pojo-a11y-toolbar-item),body.pojo-a11y-resize-font-150 label,body.pojo-a11y-resize-font-150 input,body.pojo-a11y-resize-font-150 select,body.pojo-a11y-resize-font-150 textarea,body.pojo-a11y-resize-font-150 legend,body.pojo-a11y-resize-font-150 code,body.pojo-a11y-resize-font-150 pre,body.pojo-a11y-resize-font-150 dd,body.pojo-a11y-resize-font-150 dt,body.pojo-a11y-resize-font-150 span,body.pojo-a11y-resize-font-150 blockquote{font-size:150% !important}body.pojo-a11y-resize-font-150 h1,body.pojo-a11y-resize-font-150 h2,body.pojo-a11y-resize-font-150 h3,body.pojo-a11y-resize-font-150 h4,body.pojo-a11y-resize-font-150 h5,body.pojo-a11y-resize-font-150 h6,body.pojo-a11y-resize-font-150 h1 span,body.pojo-a11y-resize-font-150 h2 span,body.pojo-a11y-resize-font-150 h3 span,body.pojo-a11y-resize-font-150 h4 span,body.pojo-a11y-resize-font-150 h5 span,body.pojo-a11y-resize-font-150 h6 span{font-size:199.5% !important}body.pojo-a11y-resize-font-140,body.pojo-a11y-resize-font-140 p:not(.pojo-a11y-toolbar-title),body.pojo-a11y-resize-font-140 li:not(.pojo-a11y-toolbar-item),body.pojo-a11y-resize-font-140 label,body.pojo-a11y-resize-font-140 input,body.pojo-a11y-resize-font-140 select,body.pojo-a11y-resize-font-140 textarea,body.pojo-a11y-resize-font-140 legend,body.pojo-a11y-resize-font-140 code,body.pojo-a11y-resize-font-140 pre,body.pojo-a11y-resize-font-140 dd,body.pojo-a11y-resize-font-140 dt,body.pojo-a11y-resize-font-140 span,body.pojo-a11y-resize-font-140 blockquote{font-size:140% !important}body.pojo-a11y-resize-font-140 h1,body.pojo-a11y-resize-font-140 h2,body.pojo-a11y-resize-font-140 h3,body.pojo-a11y-resize-font-140 h4,body.pojo-a11y-resize-font-140 h5,body.pojo-a11y-resize-font-140 h6,body.pojo-a11y-resize-font-140 h1 span,body.pojo-a11y-resize-font-140 h2 span,body.pojo-a11y-resize-font-140 h3 span,body.pojo-a11y-resize-font-140 h4 span,body.pojo-a11y-resize-font-140 h5 span,body.pojo-a11y-resize-font-140 h6 span{font-size:186.20000000000002% !important}body.pojo-a11y-resize-font-130,body.pojo-a11y-resize-font-130 p:not(.pojo-a11y-toolbar-title),body.pojo-a11y-resize-font-130 li:not(.pojo-a11y-toolbar-item),body.pojo-a11y-resize-font-130 label,body.pojo-a11y-resize-font-130 input,body.pojo-a11y-resize-font-130 select,body.pojo-a11y-resize-font-130 textarea,body.pojo-a11y-resize-font-130 legend,body.pojo-a11y-resize-font-130 code,body.pojo-a11y-resize-font-130 pre,body.pojo-a11y-resize-font-130 dd,body.pojo-a11y-resize-font-130 dt,body.pojo-a11y-resize-font-130 span,body.pojo-a11y-resize-font-130 blockquote{font-size:130% !important}body.pojo-a11y-resize-font-130 h1,body.pojo-a11y-resize-font-130 h2,body.pojo-a11y-resize-font-130 h3,body.pojo-a11y-resize-font-130 h4,body.pojo-a11y-resize-font-130 h5,body.pojo-a11y-resize-font-130 h6,body.pojo-a11y-resize-font-130 h1 span,body.pojo-a11y-resize-font-130 h2 span,body.pojo-a11y-resize-font-130 h3 span,body.pojo-a11y-resize-font-130 h4 span,body.pojo-a11y-resize-font-130 h5 span,body.pojo-a11y-resize-font-130 h6 span{font-size:172.9% !important}body.pojo-a11y-resize-font-120,body.pojo-a11y-resize-font-120 p:not(.pojo-a11y-toolbar-title),body.pojo-a11y-resize-font-120 li:not(.pojo-a11y-toolbar-item),body.pojo-a11y-resize-font-120 label,body.pojo-a11y-resize-font-120 input,body.pojo-a11y-resize-font-120 select,body.pojo-a11y-resize-font-120 textarea,body.pojo-a11y-resize-font-120 legend,body.pojo-a11y-resize-font-120 code,body.pojo-a11y-resize-font-120 pre,body.pojo-a11y-resize-font-120 dd,body.pojo-a11y-resize-font-120 dt,body.pojo-a11y-resize-font-120 span,body.pojo-a11y-resize-font-120 blockquote{font-size:120% !important}body.pojo-a11y-resize-font-120 h1,body.pojo-a11y-resize-font-120 h2,body.pojo-a11y-resize-font-120 h3,body.pojo-a11y-resize-font-120 h4,body.pojo-a11y-resize-font-120 h5,body.pojo-a11y-resize-font-120 h6,body.pojo-a11y-resize-font-120 h1 span,body.pojo-a11y-resize-font-120 h2 span,body.pojo-a11y-resize-font-120 h3 span,body.pojo-a11y-resize-font-120 h4 span,body.pojo-a11y-resize-font-120 h5 span,body.pojo-a11y-resize-font-120 h6 span{font-size:159.60000000000002% !important}body.pojo-a11y-links-underline a,body.pojo-a11y-links-underline a *{text-decoration:underline !important}body.pojo-a11y-readable-font,body.pojo-a11y-readable-font *:not(i):not(span){font-family:Verdana,Arial,Helvetica,sans-serif !important}.pojo-skip-link{position:absolute;top:-1000em}.pojo-skip-link:focus{left:50px;top:50px;height:auto;width:200px;display:block;font-size:14px;font-weight:700;text-align:center;padding:15px 23px 14px;background-color:#F1F1F1;color:#21759B;z-index:100000;line-height:normal;text-decoration:none;box-shadow:0 0 2px 2px rgba(0,0,0,0.6)}body.rtl .pojo-skip-link:focus{right:50px;left:auto}#pojo-a11y-toolbar *,#pojo-a11y-toolbar ::before,#pojo-a11y-toolbar ::after{box-sizing:border-box}.pojo-a11y-visible-phone{display:none !important}.pojo-a11y-visible-tablet{display:none !important}.pojo-a11y-hidden-desktop{display:none !important}.pojo-a11y-visible-desktop{display:inherit !important}@media (min-width:768px) and (max-width:1024px){.pojo-a11y-hidden-desktop{display:inherit !important}.pojo-a11y-visible-desktop{display:none !important}.pojo-a11y-visible-tablet{display:inherit !important}.pojo-a11y-hidden-tablet{display:none !important}}@media (max-width:767px){.pojo-a11y-hidden-desktop{display:inherit !important}.pojo-a11y-visible-desktop{display:none !important}.pojo-a11y-visible-phone{display:inherit !important}.pojo-a11y-hidden-phone{display:none !important}}.pojo-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}button {
background: transparent;
border: 0;
border-radius: 0;
box-shadow: none;
padding: 0;
font-size: inherit;
line-height: inherit;
font-weight: inherit;
color: inherit;
font-family: inherit;
}
.bg-image img,
.bg-image picture,
.bg-image picture img, .covered, .cover-bg {
height: 100%;
left: 0;
position: absolute;
width: 100%;
top: 0;
pointer-events: none;
}
.covered-pointer {
height: 100%;
left: 0;
position: absolute;
width: 100%;
top: 0;
}
.d-flex-cc,
.d-flex-center-center {
display: flex;
align-items: center;
justify-content: center;
}
body {
font-size: 16px;
line-height: 1.5;
}
.text--title-48 {
line-height: 1.2;
font-weight: 500;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.vertical-title, .text--70 {
font-size: 70px;
line-height: 1;
}
@media only screen and (max-width: 1439px) {
.vertical-title, .text--70 {
font-size: 60px;
}
}
@media only screen and (max-width: 1022px) {
.vertical-title, .text--70 {
font-size: 40px;
}
}
.text--48, .text--title-48 {
font-size: 48px;
line-height: 1.2;
}
@media only screen and (max-width: 1439px) {
.text--48, .text--title-48 {
font-size: 42px;
}
}
@media only screen and (max-width: 1200px) {
.text--48, .text--title-48 {
font-size: 36px;
}
}
@media only screen and (max-width: 1022px) {
.text--48, .text--title-48 {
font-size: 32px;
}
}
.text--40 {
font-size: 40px;
line-height: 1;
letter-spacing: -0.04em;
}
@media only screen and (max-width: 1439px) {
.text--40 {
font-size: 32px;
}
}
@media only screen and (max-width: 1022px) {
.text--40 {
font-size: 30px;
}
}
.text--36 {
font-size: 36px;
line-height: 1;
letter-spacing: -0.02em;
}
.text--20 {
font-size: 20px;
}
.text--18 {
font-size: 18px;
}
.text--17 {
font-size: 17px;
line-height: 1.2;
}
.text--16 {
font-size: 16px;
letter-spacing: 0.33px;
}
.text--15 {
font-size: 15px;
line-height: 1.2;
}
.text--14 {
font-size: 14px;
}
.text--13 {
font-size: 13px;
}
.text--12 {
font-size: 12px;
}
.text--10 {
font-size: 10px;
}
a:focus-visible,
button:focus-visible,
input:focus-visible,
.btn:focus-visible,
.focus-visible:focus-visible,
.focus-within:focus-visible {
outline-color: var(--color-focus);
outline-style: solid;
outline-offset: 10px;
outline-width: 2px;
transition: outline-offset 0.2s linear;
}
.text *,
.title *,
.title-main * {
color: inherit;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
text-transform: inherit;
text-align: inherit;
font-style: inherit;
font-family: inherit;
}
.overflow-backface {
overflow: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
}
.bg-video {
position: absolute;
min-width: 100%;
min-height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
background-color: #000;
}
:root {
--color-white: #fff;
--color-black: #000;
--color-font-color: #4a4a4a;
--color-yellow: #ffd300;
--color-blue: #007ac3;
--color-green-light: #96d4b4;
--color-green-light-2: #119d3a;
--color-green-light-3: #8dc63f;
--color-primary: #8dc63f;
--color-green: #8dc63f;
--color-primary-hover: #81b735;
--color-primary-light: #ddfbb3;
--color-primary-dark: #22b24c;
--color-primary-dark-2: #595959;
--color-gray-dark: #304659;
--color-gray-50: rgba(255, 255, 255, 0.8);
--color-gray-98: #f9f9f9;
--color-gray-100: rgba(255, 255, 255, 0.4);
--color-gray-150: #f5f5f5;
--color-gray-200: #d7d7d7;
--color-gray-300: #757575;
--color-gray-400: #757575;
--color-gray-500: #737373;
--color-gray-600: #4a4a4a;
--color-gray-700: #404040;
--color-gray-800: #262626;
--color-gray-900: #171717;
--color-gray-950: #0a0a0a;
--color-red: #ed0530;
--color-red-50: rgba(237, 5, 48, 0.05);
--color-jhl: #8dc63f;
--color-jhl-hover: #22b24c;
--color-jhl-light: #ddfbb3;
--color-energetika: #0066b3;
--color-energetika-hover: #01589b;
--color-energetika-light: #a9c9e1;
--color-vokasnaga: #0071b3;
--color-vokasnaga-hover: #006caa;
--color-vokasnaga-light: #addcf8;
--color-lpp: #1e7b4b;
--color-lpp-hover: #176e41;
--color-lpp-light: #ffffff;
--color-focus: rgba(0, 0, 0, 0.5);
--color-validation-failed: #e60000;
--color-blue-info: #0469e3;
--color-red-info: #bb0202;
--color-card-brown: #A06729;
--color-card-brown-hover: #925E26;
--font-primary: aktiv-grotesk, sans-serif;
--easing-default: cubic-bezier(0.16, 1, 0.3, 1);
--easing-slow: cubic-bezier(0.4, 0, 0.2, 1);
--shadow-default: 0px 3px 6px 0px rgba(0, 0, 0, 0.0196078431), 0px 11px 11px 0px rgba(0, 0, 0, 0.0196078431), 0px 25px 15px 0px rgba(0, 0, 0, 0.0117647059), 0px 44px 18px 0px rgba(0, 0, 0, 0), 0px 69px 19px 0px rgba(0, 0, 0, 0);
}
.theme-energetika {
--color-primary: #0066b3;
--color-primary-hover: #01589b;
--color-primary-light: #a9c9e1;
}
.theme-vokasnaga {
--color-primary: #0071b3;
--color-primary-hover: #006caa;
--color-primary-light: #addcf8;
}
.theme-lpp {
--color-primary: #1e7b4b;
--color-primary-hover: #176e41;
--color-primary-light: #ffffff;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
html {
font-family: sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
display: block;
}
body {
margin: 0;
text-align: left;
}
[tabindex="-1"]:focus {
outline: 0 !important;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 0;
margin-bottom: 1rem;
}
p {
margin-top: 0;
margin-bottom: 1rem;
}
abbr[title],
abbr[data-original-title] {
text-decoration: underline;
cursor: help;
border-bottom: 0;
text-decoration-skip-ink: none;
}
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit;
}
ol,
ul,
dl {
margin-top: 0;
margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0;
}
dt {
font-weight: 700;
}
dd {
margin-bottom: 0.5rem;
margin-left: 0;
}
blockquote {
margin: 0 0 1rem;
}
b,
strong {
font-weight: 700;
}
small {
font-size: 80%;
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
a {
text-decoration: none;
background-color: transparent;
}
a:hover, a:focus {
text-decoration: none;
}
a:not([href]):not([tabindex]) {
text-decoration: none;
}
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
outline: 0;
}
pre,
code,
kbd,
samp {
font-family: monospace;
font-size: 1em;
}
pre {
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
}
figure {
margin: 0 0 1rem;
}
img {
vertical-align: middle;
border-style: none;
}
svg {
overflow: hidden;
vertical-align: middle;
}
table {
border-collapse: collapse;
}
caption {
padding-top: 8px;
padding-bottom: 8px;
text-align: left;
caption-side: bottom;
}
th {
text-align: inherit;
}
label {
display: inline-block;
margin-bottom: 1rem;
}
button {
border-radius: 0;
text-transform: none;
cursor: pointer;
-webkit-appearance: button;
}
input,
select,
optgroup,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
select {
word-wrap: normal;
text-transform: none;
}
input {
overflow: visible;
}
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
padding: 0;
border-style: none;
}
input[type=radio],
input[type=checkbox] {
box-sizing: border-box;
padding: 0;
}
input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
-webkit-appearance: listbox;
}
textarea {
overflow: auto;
resize: vertical;
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
legend {
display: block;
width: 100%;
max-width: 100%;
padding: 0;
margin-bottom: 0.5rem;
font-size: 1.5rem;
line-height: inherit;
color: inherit;
white-space: normal;
}
progress {
vertical-align: baseline;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
}
[type=search] {
outline-offset: -2px;
-webkit-appearance: none;
}
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
}
output {
display: inline-block;
}
summary {
display: list-item;
cursor: pointer;
}
template {
display: none;
}
[hidden] {
display: none !important;
}
@media (min-width: 320px) {
.text-xs-center {
text-align: center;
}
.text-xs-left {
text-align: left;
}
.text-xs-right {
text-align: right;
}
.d-xs-none {
display: none !important;
}
.d-xs-inline-block {
display: inline-block !important;
}
.d-xs-block {
display: block !important;
}
.d-xs-flex {
display: flex !important;
}
.d-xs-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 768px) {
.text-sm-center {
text-align: center;
}
.text-sm-left {
text-align: left;
}
.text-sm-right {
text-align: right;
}
.d-sm-none {
display: none !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-flex {
display: flex !important;
}
.d-sm-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 1023px) {
.text-md-center {
text-align: center;
}
.text-md-left {
text-align: left;
}
.text-md-right {
text-align: right;
}
.d-md-none {
display: none !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
.d-md-flex {
display: flex !important;
}
.d-md-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 1201px) {
.text-lg-center {
text-align: center;
}
.text-lg-left {
text-align: left;
}
.text-lg-right {
text-align: right;
}
.d-lg-none {
display: none !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-flex {
display: flex !important;
}
.d-lg-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 1439px) {
.text-xl-center {
text-align: center;
}
.text-xl-left {
text-align: left;
}
.text-xl-right {
text-align: right;
}
.d-xl-none {
display: none !important;
}
.d-xl-inline-block {
display: inline-block !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-flex {
display: flex !important;
}
.d-xl-inline-flex {
display: inline-flex !important;
}
}
.container-fluid {
margin-right: auto;
margin-left: auto;
padding-right: 2rem;
padding-left: 2rem;
}
.container {
display: block;
margin: 0 auto;
max-width: calc(100% - 32px);
padding: 0;
width: 100%;
}
.row {
box-sizing: border-box;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex: 0 1 auto;
-webkit-box-flex: 0;
flex: 0 1 auto;
-ms-flex-direction: row;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -8px;
margin-right: -8px;
}
.row.reverse {
-ms-flex-direction: row-reverse;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
flex-direction: row-reverse;
}
.col.reverse {
-ms-flex-direction: column-reverse;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
flex-direction: column-reverse;
}
.col-xs,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
box-sizing: border-box;
-ms-flex: 0 0 auto;
-webkit-box-flex: 0;
flex: 0 0 auto;
}
[class*=col-] {
padding-left: 8px;
padding-right: 8px;
}
.col-xs {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-xs-1 {
-ms-flex-preferred-size: 8.333%;
flex-basis: 8.333%;
max-width: 8.333%;
}
.col-xs-2 {
-ms-flex-preferred-size: 16.666667%;
flex-basis: 16.666667%;
max-width: 16.666667%;
}
.col-xs-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-xs-4 {
-ms-flex-preferred-size: 33.333%;
flex-basis: 33.333%;
max-width: 33.333%;
}
.col-xs-5 {
-ms-flex-preferred-size: 41.667%;
flex-basis: 41.667%;
max-width: 41.667%;
}
.col-xs-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-xs-7 {
-ms-flex-preferred-size: 58.333%;
flex-basis: 58.333%;
max-width: 58.333%;
}
.col-xs-8 {
-ms-flex-preferred-size: 66.667%;
flex-basis: 66.667%;
max-width: 66.667%;
}
.col-xs-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-xs-10 {
-ms-flex-preferred-size: 83.333%;
flex-basis: 83.333%;
max-width: 83.333%;
}
.col-xs-11 {
-ms-flex-preferred-size: 91.667%;
flex-basis: 91.667%;
max-width: 91.667%;
}
.col-xs-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-xs-offset-1 {
margin-left: 8.333%;
}
.col-xs-offset-2 {
margin-left: 16.666667%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-4 {
margin-left: 33.333%;
}
.col-xs-offset-5 {
margin-left: 41.667%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-7 {
margin-left: 58.333%;
}
.col-xs-offset-8 {
margin-left: 66.667%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-10 {
margin-left: 83.333%;
}
.col-xs-offset-11 {
margin-left: 91.667%;
}
.start-xs {
-ms-flex-pack: start;
-webkit-box-pack: start;
justify-content: flex-start;
text-align: start;
}
.center-xs {
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
}
.end-xs {
-ms-flex-pack: end;
-webkit-box-pack: end;
justify-content: flex-end;
text-align: end;
}
.top-xs {
-ms-flex-align: start;
-webkit-box-align: start;
align-items: flex-start;
}
.middle-xs {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
}
.bottom-xs {
-ms-flex-align: end;
-webkit-box-align: end;
align-items: flex-end;
}
.around-xs {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-xs {
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
}
.first-xs {
-ms-flex-order: -1;
-webkit-box-ordinal-group: 0;
order: -1;
}
.last-xs {
-ms-flex-order: 1;
-webkit-box-ordinal-group: 2;
order: 1;
}
@media only screen and (min-width: 768px) {
.row {
margin-left: -8px;
margin-right: -8px;
}
.container {
max-width: calc(100% - 32px);
}
.col-sm,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12 {
box-sizing: border-box;
-ms-flex: 0 0 auto;
-webkit-box-flex: 0;
flex: 0 0 auto;
}
[class*=col-] {
padding-left: 8px;
padding-right: 8px;
}
.col-sm {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-sm-1 {
-ms-flex-preferred-size: 8.333%;
flex-basis: 8.333%;
max-width: 8.333%;
}
.col-sm-2 {
-ms-flex-preferred-size: 16.666667%;
flex-basis: 16.666667%;
max-width: 16.666667%;
}
.col-sm-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-sm-4 {
-ms-flex-preferred-size: 33.333%;
flex-basis: 33.333%;
max-width: 33.333%;
}
.col-sm-5 {
-ms-flex-preferred-size: 41.667%;
flex-basis: 41.667%;
max-width: 41.667%;
}
.col-sm-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-sm-7 {
-ms-flex-preferred-size: 58.333%;
flex-basis: 58.333%;
max-width: 58.333%;
}
.col-sm-8 {
-ms-flex-preferred-size: 66.667%;
flex-basis: 66.667%;
max-width: 66.667%;
}
.col-sm-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-sm-10 {
-ms-flex-preferred-size: 83.333%;
flex-basis: 83.333%;
max-width: 83.333%;
}
.col-sm-11 {
-ms-flex-preferred-size: 91.667%;
flex-basis: 91.667%;
max-width: 91.667%;
}
.col-sm-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-sm-offset-0 {
margin-left: 0;
}
.col-sm-offset-1 {
margin-left: 8.333%;
}
.col-sm-offset-2 {
margin-left: 16.666667%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-4 {
margin-left: 33.333%;
}
.col-sm-offset-5 {
margin-left: 41.667%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-7 {
margin-left: 58.333%;
}
.col-sm-offset-8 {
margin-left: 66.667%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-10 {
margin-left: 83.333%;
}
.col-sm-offset-11 {
margin-left: 91.667%;
}
.start-sm {
-ms-flex-pack: start;
-webkit-box-pack: start;
justify-content: flex-start;
text-align: start;
}
.center-sm {
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
}
.end-sm {
-ms-flex-pack: end;
-webkit-box-pack: end;
justify-content: flex-end;
text-align: end;
}
.top-sm {
-ms-flex-align: start;
-webkit-box-align: start;
align-items: flex-start;
}
.middle-sm {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
}
.bottom-sm {
-ms-flex-align: end;
-webkit-box-align: end;
align-items: flex-end;
}
.around-sm {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-sm {
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
}
.first-sm {
-ms-flex-order: -1;
-webkit-box-ordinal-group: 0;
order: -1;
}
.last-sm {
-ms-flex-order: 1;
-webkit-box-ordinal-group: 2;
order: 1;
}
}
@media only screen and (min-width: 1023px) {
.row {
margin-left: -10px;
margin-right: -10px;
}
.container {
max-width: 990px;
padding-left: 10px;
padding-right: 10px;
}
.col-md,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12 {
box-sizing: border-box;
-ms-flex: 0 0 auto;
-webkit-box-flex: 0;
flex: 0 0 auto;
}
[class*=col-] {
padding-left: 10px;
padding-right: 10px;
}
.col-md {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-md-1 {
-ms-flex-preferred-size: 8.333%;
flex-basis: 8.333%;
max-width: 8.333%;
}
.col-md-2 {
-ms-flex-preferred-size: 16.666667%;
flex-basis: 16.666667%;
max-width: 16.666667%;
}
.col-md-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-md-4 {
-ms-flex-preferred-size: 33.333%;
flex-basis: 33.333%;
max-width: 33.333%;
}
.col-md-5 {
-ms-flex-preferred-size: 41.667%;
flex-basis: 41.667%;
max-width: 41.667%;
}
.col-md-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-md-7 {
-ms-flex-preferred-size: 58.333%;
flex-basis: 58.333%;
max-width: 58.333%;
}
.col-md-8 {
-ms-flex-preferred-size: 66.667%;
flex-basis: 66.667%;
max-width: 66.667%;
}
.col-md-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-md-10 {
-ms-flex-preferred-size: 83.333%;
flex-basis: 83.333%;
max-width: 83.333%;
}
.col-md-11 {
-ms-flex-preferred-size: 91.667%;
flex-basis: 91.667%;
max-width: 91.667%;
}
.col-md-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-md-offset-0 {
margin-left: 0;
}
.col-md-offset-1 {
margin-left: 8.333%;
}
.col-md-offset-2 {
margin-left: 16.666667%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-4 {
margin-left: 33.333%;
}
.col-md-offset-5 {
margin-left: 41.667%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-7 {
margin-left: 58.333%;
}
.col-md-offset-8 {
margin-left: 66.667%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-10 {
margin-left: 83.333%;
}
.col-md-offset-11 {
margin-left: 91.667%;
}
.start-md {
-ms-flex-pack: start;
-webkit-box-pack: start;
justify-content: flex-start;
text-align: start;
}
.center-md {
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
}
.end-md {
-ms-flex-pack: end;
-webkit-box-pack: end;
justify-content: flex-end;
text-align: end;
}
.top-md {
-ms-flex-align: start;
-webkit-box-align: start;
align-items: flex-start;
}
.middle-md {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
}
.bottom-md {
-ms-flex-align: end;
-webkit-box-align: end;
align-items: flex-end;
}
.around-md {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-md {
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
}
.first-md {
-ms-flex-order: -1;
-webkit-box-ordinal-group: 0;
order: -1;
}
.last-md {
-ms-flex-order: 1;
-webkit-box-ordinal-group: 2;
order: 1;
}
}
@media only screen and (min-width: 1201px) {
.row {
margin-left: -15px;
margin-right: -15px;
}
.container {
max-width: 1240px;
padding-left: 15px;
padding-right: 15px;
}
.col-lg,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
box-sizing: border-box;
-ms-flex: 0 0 auto;
-webkit-box-flex: 0;
flex: 0 0 auto;
}
[class*=col-] {
padding-left: 15px;
padding-right: 15px;
}
.col-lg {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-lg-1 {
-ms-flex-preferred-size: 8.333%;
flex-basis: 8.333%;
max-width: 8.333%;
}
.col-lg-2 {
-ms-flex-preferred-size: 16.666667%;
flex-basis: 16.666667%;
max-width: 16.666667%;
}
.col-lg-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-lg-4 {
-ms-flex-preferred-size: 33.333%;
flex-basis: 33.333%;
max-width: 33.333%;
}
.col-lg-5 {
-ms-flex-preferred-size: 41.667%;
flex-basis: 41.667%;
max-width: 41.667%;
}
.col-lg-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-lg-7 {
-ms-flex-preferred-size: 58.333%;
flex-basis: 58.333%;
max-width: 58.333%;
}
.col-lg-8 {
-ms-flex-preferred-size: 66.667%;
flex-basis: 66.667%;
max-width: 66.667%;
}
.col-lg-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-lg-10 {
-ms-flex-preferred-size: 83.333%;
flex-basis: 83.333%;
max-width: 83.333%;
}
.col-lg-11 {
-ms-flex-preferred-size: 91.667%;
flex-basis: 91.667%;
max-width: 91.667%;
}
.col-lg-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-lg-offset-0 {
margin-left: 0;
}
.col-lg-offset-1 {
margin-left: 8.333%;
}
.col-lg-offset-2 {
margin-left: 16.666667%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-4 {
margin-left: 33.333%;
}
.col-lg-offset-5 {
margin-left: 41.667%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-7 {
margin-left: 58.333%;
}
.col-lg-offset-8 {
margin-left: 66.667%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-10 {
margin-left: 83.333%;
}
.col-lg-offset-11 {
margin-left: 91.667%;
}
.start-lg {
-ms-flex-pack: start;
-webkit-box-pack: start;
justify-content: flex-start;
text-align: start;
}
.center-lg {
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
}
.end-lg {
-ms-flex-pack: end;
-webkit-box-pack: end;
justify-content: flex-end;
text-align: end;
}
.top-lg {
-ms-flex-align: start;
-webkit-box-align: start;
align-items: flex-start;
}
.middle-lg {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
}
.bottom-lg {
-ms-flex-align: end;
-webkit-box-align: end;
align-items: flex-end;
}
.around-lg {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-lg {
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
}
.first-lg {
-ms-flex-order: -1;
-webkit-box-ordinal-group: 0;
order: -1;
}
.last-lg {
-ms-flex-order: 1;
-webkit-box-ordinal-group: 2;
order: 1;
}
}
@media only screen and (min-width: 1440px) {
.row {
margin-left: -15px;
margin-right: -15px;
}
.container {
max-width: 1260px;
padding-left: 15px;
padding-right: 15px;
}
.col-xl,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12 {
box-sizing: border-box;
-ms-flex: 0 0 auto;
-webkit-box-flex: 0;
flex: 0 0 auto;
}
[class*=col-] {
padding-left: 15px;
padding-right: 15px;
}
.col-xl {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-xl-1 {
-ms-flex-preferred-size: 8.333%;
flex-basis: 8.333%;
max-width: 8.333%;
}
.col-xl-2 {
-ms-flex-preferred-size: 16.666667%;
flex-basis: 16.666667%;
max-width: 16.666667%;
}
.col-xl-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-xl-4 {
-ms-flex-preferred-size: 33.333%;
flex-basis: 33.333%;
max-width: 33.333%;
}
.col-xl-5 {
-ms-flex-preferred-size: 41.667%;
flex-basis: 41.667%;
max-width: 41.667%;
}
.col-xl-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-xl-7 {
-ms-flex-preferred-size: 58.333%;
flex-basis: 58.333%;
max-width: 58.333%;
}
.col-xl-8 {
-ms-flex-preferred-size: 66.667%;
flex-basis: 66.667%;
max-width: 66.667%;
}
.col-xl-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-xl-10 {
-ms-flex-preferred-size: 83.333%;
flex-basis: 83.333%;
max-width: 83.333%;
}
.col-xl-11 {
-ms-flex-preferred-size: 91.667%;
flex-basis: 91.667%;
max-width: 91.667%;
}
.col-xl-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-xl-offset-0 {
margin-left: 0;
}
.col-xl-offset-1 {
margin-left: 8.333%;
}
.col-xl-offset-2 {
margin-left: 16.666667%;
}
.col-xl-offset-3 {
margin-left: 25%;
}
.col-xl-offset-4 {
margin-left: 33.333%;
}
.col-xl-offset-5 {
margin-left: 41.667%;
}
.col-xl-offset-6 {
margin-left: 50%;
}
.col-xl-offset-7 {
margin-left: 58.333%;
}
.col-xl-offset-8 {
margin-left: 66.667%;
}
.col-xl-offset-9 {
margin-left: 75%;
}
.col-xl-offset-10 {
margin-left: 83.333%;
}
.col-xl-offset-11 {
margin-left: 91.667%;
}
.start-xl {
-ms-flex-pack: start;
-webkit-box-pack: start;
justify-content: flex-start;
text-align: start;
}
.center-xl {
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
}
.end-xl {
-ms-flex-pack: end;
-webkit-box-pack: end;
justify-content: flex-end;
text-align: end;
}
.top-xl {
-ms-flex-align: start;
-webkit-box-align: start;
align-items: flex-start;
}
.middle-xl {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
}
.bottom-xl {
-ms-flex-align: end;
-webkit-box-align: end;
align-items: flex-end;
}
.around-xl {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-xl {
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
}
.first-xl {
-ms-flex-order: -1;
-webkit-box-ordinal-group: 0;
order: -1;
}
.last-xl {
-ms-flex-order: 1;
-webkit-box-ordinal-group: 2;
order: 1;
}
}
:focus {
outline: none;
}
a,
button,
input,
.btn,
.focus-visible,
.focus-within {
outline-offset: 10px;
}
input:focus-visible {
outline-offset: 2px;
}
.pojo-a11y-toolbar-left {
top: initial !important;
bottom: 80px;
}
.pojo-a11y-toolbar-left .pojo-a11y-toolbar-toggle {
bottom: 0;
}
body #pojo-a11y-toolbar {
top: initial !important;
}
body.pojo-a11y-grayscale {
filter: none !important;
}
body.pojo-a11y-grayscale:after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
pointer-events: none;
backdrop-filter: grayscale(100%);
z-index: 10000;
}
body.pojo-a11y-resize-font-130, body.pojo-a11y-resize-font-130 p:not(.pojo-a11y-toolbar-title), body.pojo-a11y-resize-font-130 li:not(.pojo-a11y-toolbar-item), body.pojo-a11y-resize-font-130 label, body.pojo-a11y-resize-font-130 input, body.pojo-a11y-resize-font-130 select, body.pojo-a11y-resize-font-130 textarea, body.pojo-a11y-resize-font-130 legend, body.pojo-a11y-resize-font-130 code, body.pojo-a11y-resize-font-130 pre, body.pojo-a11y-resize-font-130 dd, body.pojo-a11y-resize-font-130 dt, body.pojo-a11y-resize-font-130 span, body.pojo-a11y-resize-font-130 blockquote {
font-size: 102% !important;
}
body.pojo-a11y-resize-font-130 h1, body.pojo-a11y-resize-font-130 h2, body.pojo-a11y-resize-font-130 h3, body.pojo-a11y-resize-font-130 h4, body.pojo-a11y-resize-font-130 h5, body.pojo-a11y-resize-font-130 h6, body.pojo-a11y-resize-font-130 h1 span, body.pojo-a11y-resize-font-130 h2 span, body.pojo-a11y-resize-font-130 h3 span, body.pojo-a11y-resize-font-130 h4 span, body.pojo-a11y-resize-font-130 h5 span, body.pojo-a11y-resize-font-130 h6 span {
font-size: 104% !important;
}
body.pojo-a11y-resize-font-140, body.pojo-a11y-resize-font-140 p:not(.pojo-a11y-toolbar-title), body.pojo-a11y-resize-font-140 li:not(.pojo-a11y-toolbar-item), body.pojo-a11y-resize-font-140 label, body.pojo-a11y-resize-font-140 input, body.pojo-a11y-resize-font-140 select, body.pojo-a11y-resize-font-140 textarea, body.pojo-a11y-resize-font-140 legend, body.pojo-a11y-resize-font-140 code, body.pojo-a11y-resize-font-140 pre, body.pojo-a11y-resize-font-140 dd, body.pojo-a11y-resize-font-140 dt, body.pojo-a11y-resize-font-140 span, body.pojo-a11y-resize-font-140 blockquote {
font-size: 104% !important;
}
body.pojo-a11y-resize-font-140 h1, body.pojo-a11y-resize-font-140 h2, body.pojo-a11y-resize-font-140 h3, body.pojo-a11y-resize-font-140 h4, body.pojo-a11y-resize-font-140 h5, body.pojo-a11y-resize-font-140 h6, body.pojo-a11y-resize-font-140 h1 span, body.pojo-a11y-resize-font-140 h2 span, body.pojo-a11y-resize-font-140 h3 span, body.pojo-a11y-resize-font-140 h4 span, body.pojo-a11y-resize-font-140 h5 span, body.pojo-a11y-resize-font-140 h6 span {
font-size: 106% !important;
}
body.pojo-a11y-resize-font-150, body.pojo-a11y-resize-font-150 p:not(.pojo-a11y-toolbar-title), body.pojo-a11y-resize-font-150 li:not(.pojo-a11y-toolbar-item), body.pojo-a11y-resize-font-150 label, body.pojo-a11y-resize-font-150 input, body.pojo-a11y-resize-font-150 select, body.pojo-a11y-resize-font-150 textarea, body.pojo-a11y-resize-font-150 legend, body.pojo-a11y-resize-font-150 code, body.pojo-a11y-resize-font-150 pre, body.pojo-a11y-resize-font-150 dd, body.pojo-a11y-resize-font-150 dt, body.pojo-a11y-resize-font-150 span, body.pojo-a11y-resize-font-150 blockquote {
font-size: 106% !important;
}
body.pojo-a11y-resize-font-150 h1, body.pojo-a11y-resize-font-150 h2, body.pojo-a11y-resize-font-150 h3, body.pojo-a11y-resize-font-150 h4, body.pojo-a11y-resize-font-150 h5, body.pojo-a11y-resize-font-150 h6, body.pojo-a11y-resize-font-150 h1 span, body.pojo-a11y-resize-font-150 h2 span, body.pojo-a11y-resize-font-150 h3 span, body.pojo-a11y-resize-font-150 h4 span, body.pojo-a11y-resize-font-150 h5 span, body.pojo-a11y-resize-font-150 h6 span {
font-size: 108% !important;
}
body.pojo-a11y-resize-font-160, body.pojo-a11y-resize-font-160 p:not(.pojo-a11y-toolbar-title), body.pojo-a11y-resize-font-160 li:not(.pojo-a11y-toolbar-item), body.pojo-a11y-resize-font-160 label, body.pojo-a11y-resize-font-160 input, body.pojo-a11y-resize-font-160 select, body.pojo-a11y-resize-font-160 textarea, body.pojo-a11y-resize-font-160 legend, body.pojo-a11y-resize-font-160 code, body.pojo-a11y-resize-font-160 pre, body.pojo-a11y-resize-font-160 dd, body.pojo-a11y-resize-font-160 dt, body.pojo-a11y-resize-font-160 span, body.pojo-a11y-resize-font-160 blockquote {
font-size: 108% !important;
}
body.pojo-a11y-resize-font-160 h1, body.pojo-a11y-resize-font-160 h2, body.pojo-a11y-resize-font-160 h3, body.pojo-a11y-resize-font-160 h4, body.pojo-a11y-resize-font-160 h5, body.pojo-a11y-resize-font-160 h6, body.pojo-a11y-resize-font-160 h1 span, body.pojo-a11y-resize-font-160 h2 span, body.pojo-a11y-resize-font-160 h3 span, body.pojo-a11y-resize-font-160 h4 span, body.pojo-a11y-resize-font-160 h5 span, body.pojo-a11y-resize-font-160 h6 span {
font-size: 110% !important;
}
body.pojo-a11y-resize-font-170, body.pojo-a11y-resize-font-170 p:not(.pojo-a11y-toolbar-title), body.pojo-a11y-resize-font-170 li:not(.pojo-a11y-toolbar-item), body.pojo-a11y-resize-font-170 label, body.pojo-a11y-resize-font-170 input, body.pojo-a11y-resize-font-170 select, body.pojo-a11y-resize-font-170 textarea, body.pojo-a11y-resize-font-170 legend, body.pojo-a11y-resize-font-170 code, body.pojo-a11y-resize-font-170 pre, body.pojo-a11y-resize-font-170 dd, body.pojo-a11y-resize-font-170 dt, body.pojo-a11y-resize-font-170 span, body.pojo-a11y-resize-font-170 blockquote {
font-size: 110% !important;
}
body.pojo-a11y-resize-font-170 h1, body.pojo-a11y-resize-font-170 h2, body.pojo-a11y-resize-font-170 h3, body.pojo-a11y-resize-font-170 h4, body.pojo-a11y-resize-font-170 h5, body.pojo-a11y-resize-font-170 h6, body.pojo-a11y-resize-font-170 h1 span, body.pojo-a11y-resize-font-170 h2 span, body.pojo-a11y-resize-font-170 h3 span, body.pojo-a11y-resize-font-170 h4 span, body.pojo-a11y-resize-font-170 h5 span, body.pojo-a11y-resize-font-170 h6 span {
font-size: 112% !important;
}
body.pojo-a11y-resize-font-180, body.pojo-a11y-resize-font-180 p:not(.pojo-a11y-toolbar-title), body.pojo-a11y-resize-font-180 li:not(.pojo-a11y-toolbar-item), body.pojo-a11y-resize-font-180 label, body.pojo-a11y-resize-font-180 input, body.pojo-a11y-resize-font-180 select, body.pojo-a11y-resize-font-180 textarea, body.pojo-a11y-resize-font-180 legend, body.pojo-a11y-resize-font-180 code, body.pojo-a11y-resize-font-180 pre, body.pojo-a11y-resize-font-180 dd, body.pojo-a11y-resize-font-180 dt, body.pojo-a11y-resize-font-180 span, body.pojo-a11y-resize-font-180 blockquote {
font-size: 112% !important;
}
body.pojo-a11y-resize-font-180 h1, body.pojo-a11y-resize-font-180 h2, body.pojo-a11y-resize-font-180 h3, body.pojo-a11y-resize-font-180 h4, body.pojo-a11y-resize-font-180 h5, body.pojo-a11y-resize-font-180 h6, body.pojo-a11y-resize-font-180 h1 span, body.pojo-a11y-resize-font-180 h2 span, body.pojo-a11y-resize-font-180 h3 span, body.pojo-a11y-resize-font-180 h4 span, body.pojo-a11y-resize-font-180 h5 span, body.pojo-a11y-resize-font-180 h6 span {
font-size: 114% !important;
}
body.pojo-a11y-resize-font-190, body.pojo-a11y-resize-font-190 p:not(.pojo-a11y-toolbar-title), body.pojo-a11y-resize-font-190 li:not(.pojo-a11y-toolbar-item), body.pojo-a11y-resize-font-190 label, body.pojo-a11y-resize-font-190 input, body.pojo-a11y-resize-font-190 select, body.pojo-a11y-resize-font-190 textarea, body.pojo-a11y-resize-font-190 legend, body.pojo-a11y-resize-font-190 code, body.pojo-a11y-resize-font-190 pre, body.pojo-a11y-resize-font-190 dd, body.pojo-a11y-resize-font-190 dt, body.pojo-a11y-resize-font-190 span, body.pojo-a11y-resize-font-190 blockquote {
font-size: 114% !important;
}
body.pojo-a11y-resize-font-190 h1, body.pojo-a11y-resize-font-190 h2, body.pojo-a11y-resize-font-190 h3, body.pojo-a11y-resize-font-190 h4, body.pojo-a11y-resize-font-190 h5, body.pojo-a11y-resize-font-190 h6, body.pojo-a11y-resize-font-190 h1 span, body.pojo-a11y-resize-font-190 h2 span, body.pojo-a11y-resize-font-190 h3 span, body.pojo-a11y-resize-font-190 h4 span, body.pojo-a11y-resize-font-190 h5 span, body.pojo-a11y-resize-font-190 h6 span {
font-size: 116% !important;
}
body.pojo-a11y-resize-font-200, body.pojo-a11y-resize-font-200 p:not(.pojo-a11y-toolbar-title), body.pojo-a11y-resize-font-200 li:not(.pojo-a11y-toolbar-item), body.pojo-a11y-resize-font-200 label, body.pojo-a11y-resize-font-200 input, body.pojo-a11y-resize-font-200 select, body.pojo-a11y-resize-font-200 textarea, body.pojo-a11y-resize-font-200 legend, body.pojo-a11y-resize-font-200 code, body.pojo-a11y-resize-font-200 pre, body.pojo-a11y-resize-font-200 dd, body.pojo-a11y-resize-font-200 dt, body.pojo-a11y-resize-font-200 span, body.pojo-a11y-resize-font-200 blockquote {
font-size: 116% !important;
}
body.pojo-a11y-resize-font-200 h1, body.pojo-a11y-resize-font-200 h2, body.pojo-a11y-resize-font-200 h3, body.pojo-a11y-resize-font-200 h4, body.pojo-a11y-resize-font-200 h5, body.pojo-a11y-resize-font-200 h6, body.pojo-a11y-resize-font-200 h1 span, body.pojo-a11y-resize-font-200 h2 span, body.pojo-a11y-resize-font-200 h3 span, body.pojo-a11y-resize-font-200 h4 span, body.pojo-a11y-resize-font-200 h5 span, body.pojo-a11y-resize-font-200 h6 span {
font-size: 118% !important;
}
body.pojo-a11y-high-contrast .stretched-link, body.pojo-a11y-negative-contrast .stretched-link, body.pojo-a11y-light-background .stretched-link {
background-color: transparent !important;
}
body.pojo-a11y-high-contrast {
background-color: #000 !important;
}
body.pojo-a11y-high-contrast *:not(#pojo-a11y-toolbar) button {
background: transparent !important;
background-color: transparent !important;
border: 0 !important;
}
body.pojo-a11y-negative-contrast {
background-color: #000 !important;
}
body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) button {
background: transparent !important;
background-color: transparent !important;
border: 0 !important;
}
body.pojo-a11y-light-background *:not(#pojo-a11y-toolbar) button {
background: transparent !important;
background-color: transparent !important;
border: 0 !important;
}
body.pojo-a11y-light-background *:not(#pojo-a11y-toolbar):not(.pojo-a11y-toolbar-link) .link .icon::before {
background-color: currentColor !important;
}
.animate-fade.is-visible {
opacity: 1;
transition: opacity 250ms linear;
}
.animate-fade.is-hidden {
opacity: 0;
transition: opacity 250ms linear;
pointer-events: none;
}
.mt-240 {
margin-top: 240px;
}
@media only screen and (max-width: 1439px) {
.mt-240 {
margin-top: 200px;
}
}
@media only screen and (max-width: 1200px) {
.mt-240 {
margin-top: 160px;
}
}
@media only screen and (max-width: 1022px) {
.mt-240 {
margin-top: 128px;
}
}
.mt-160 {
margin-top: 160px;
}
@media only screen and (max-width: 1200px) {
.mt-160 {
margin-top: 120px;
}
}
@media only screen and (max-width: 1022px) {
.mt-160 {
margin-top: 80px;
}
}
@media only screen and (max-width: 767px) {
.mt-160 {
margin-top: 60px;
}
}
.mt-150 {
margin-top: 150px;
}
@media only screen and (max-width: 1200px) {
.mt-150 {
margin-top: 120px;
}
}
@media only screen and (max-width: 1022px) {
.mt-150 {
margin-top: 80px;
}
}
@media only screen and (max-width: 767px) {
.mt-150 {
margin-top: 60px;
}
}
.mt-128 {
margin-top: 128px;
}
@media only screen and (max-width: 1200px) {
.mt-128 {
margin-top: 80px;
}
}
.mt-120 {
margin-top: 120px;
}
@media only screen and (max-width: 1439px) {
.mt-120 {
margin-top: 100px;
}
}
@media only screen and (max-width: 1200px) {
.mt-120 {
margin-top: 80px;
}
}
@media only screen and (max-width: 767px) {
.mt-120 {
margin-top: 60px;
}
}
.mt-100 {
margin-top: 100px;
}
@media only screen and (max-width: 1200px) {
.mt-100 {
margin-top: 80px;
}
}
@media only screen and (max-width: 767px) {
.mt-100 {
margin-top: 60px;
}
}
.mt-96 {
margin-top: 96px;
}
@media only screen and (max-width: 1200px) {
.mt-96 {
margin-top: 80px;
}
}
@media only screen and (max-width: 767px) {
.mt-96 {
margin-top: 64px;
}
}
.mt-90 {
margin-top: 90px;
}
@media only screen and (max-width: 1200px) {
.mt-90 {
margin-top: 60px;
}
}
@media only screen and (max-width: 767px) {
.mt-90 {
margin-top: 40px;
}
}
.mt-80 {
margin-top: 80px;
}
@media only screen and (max-width: 1200px) {
.mt-80 {
margin-top: 50px;
}
}
@media only screen and (max-width: 1022px) {
.mt-80 {
margin-top: 40px;
}
}
.mt-70 {
margin-top: 70px;
}
@media only screen and (max-width: 1200px) {
.mt-70 {
margin-top: 50px;
}
}
@media only screen and (max-width: 1022px) {
.mt-70 {
margin-top: 40px;
}
}
.mt-64 {
margin-top: 64px;
}
@media only screen and (max-width: 1200px) {
.mt-64 {
margin-top: 48px;
}
}
.mt-60 {
margin-top: 60px;
}
@media only screen and (max-width: 1200px) {
.mt-60 {
margin-top: 40px;
}
}
@media only screen and (max-width: 1022px) {
.mt-60 {
margin-top: 30px;
}
}
.mt-50 {
margin-top: 50px;
}
@media only screen and (max-width: 1200px) {
.mt-50 {
margin-top: 40px;
}
}
@media only screen and (max-width: 1022px) {
.mt-50 {
margin-top: 30px;
}
}
.mt-44 {
margin-top: 44px;
}
@media only screen and (max-width: 1022px) {
.mt-44 {
margin-top: 32px;
}
}
.mt-40 {
margin-top: 40px;
}
@media only screen and (max-width: 1200px) {
.mt-40 {
margin-top: 30px;
}
}
@media only screen and (max-width: 1022px) {
.mt-40 {
margin-top: 20px;
}
}
.mt-32 {
margin-top: 32px;
}
@media only screen and (max-width: 1200px) {
.mt-32 {
margin-top: 20px;
}
}
.mt-30 {
margin-top: 30px;
}
@media only screen and (max-width: 1200px) {
.mt-30 {
margin-top: 20px;
}
}
.mt-24 {
margin-top: 24px;
}
@media only screen and (max-width: 1200px) {
.mt-24 {
margin-top: 15px;
}
}
.mt-20 {
margin-top: 20px;
}
@media only screen and (max-width: 767px) {
.mt-20 {
margin-top: 12px;
}
}
.mt-16 {
margin-top: 16px;
}
@media only screen and (max-width: 767px) {
.mt-16 {
margin-top: 8px;
}
}
.mt-12 {
margin-top: 12px;
}
.mb-240 {
margin-bottom: 240px;
}
@media only screen and (max-width: 1439px) {
.mb-240 {
margin-bottom: 200px;
}
}
@media only screen and (max-width: 1200px) {
.mb-240 {
margin-bottom: 160px;
}
}
@media only screen and (max-width: 1022px) {
.mb-240 {
margin-bottom: 128px;
}
}
.mb-160 {
margin-bottom: 160px;
}
@media only screen and (max-width: 1200px) {
.mb-160 {
margin-bottom: 120px;
}
}
@media only screen and (max-width: 1022px) {
.mb-160 {
margin-bottom: 80px;
}
}
@media only screen and (max-width: 767px) {
.mb-160 {
margin-bottom: 60px;
}
}
.mb-150 {
margin-bottom: 150px;
}
@media only screen and (max-width: 1200px) {
.mb-150 {
margin-bottom: 120px;
}
}
@media only screen and (max-width: 1022px) {
.mb-150 {
margin-bottom: 80px;
}
}
@media only screen and (max-width: 767px) {
.mb-150 {
margin-bottom: 60px;
}
}
.mb-128 {
margin-bottom: 128px;
}
@media only screen and (max-width: 1200px) {
.mb-128 {
margin-bottom: 80px;
}
}
.mb-120 {
margin-bottom: 120px;
}
@media only screen and (max-width: 1200px) {
.mb-120 {
margin-bottom: 80px;
}
}
@media only screen and (max-width: 767px) {
.mb-120 {
margin-bottom: 60px;
}
}
.mb-100 {
margin-bottom: 100px;
}
@media only screen and (max-width: 1200px) {
.mb-100 {
margin-bottom: 80px;
}
}
@media only screen and (max-width: 767px) {
.mb-100 {
margin-bottom: 60px;
}
}
.mb-96 {
margin-bottom: 96px;
}
@media only screen and (max-width: 1200px) {
.mb-96 {
margin-bottom: 70px;
}
}
@media only screen and (max-width: 767px) {
.mb-96 {
margin-bottom: 64px;
}
}
.mb-90 {
margin-bottom: 90px;
}
@media only screen and (max-width: 1200px) {
.mb-90 {
margin-bottom: 60px;
}
}
@media only screen and (max-width: 767px) {
.mb-90 {
margin-bottom: 40px;
}
}
.mb-80 {
margin-bottom: 80px;
}
@media only screen and (max-width: 1200px) {
.mb-80 {
margin-bottom: 50px;
}
}
@media only screen and (max-width: 1022px) {
.mb-80 {
margin-bottom: 40px;
}
}
.mb-70 {
margin-bottom: 70px;
}
@media only screen and (max-width: 1200px) {
.mb-70 {
margin-bottom: 50px;
}
}
@media only screen and (max-width: 1022px) {
.mb-70 {
margin-bottom: 40px;
}
}
.mb-64 {
margin-bottom: 64px;
}
@media only screen and (max-width: 1200px) {
.mb-64 {
margin-bottom: 48px;
}
}
.mb-60 {
margin-bottom: 60px;
}
@media only screen and (max-width: 1200px) {
.mb-60 {
margin-bottom: 40px;
}
}
@media only screen and (max-width: 1022px) {
.mb-60 {
margin-bottom: 30px;
}
}
.mb-50 {
margin-bottom: 50px;
}
@media only screen and (max-width: 1200px) {
.mb-50 {
margin-bottom: 40px;
}
}
@media only screen and (max-width: 1022px) {
.mb-50 {
margin-bottom: 30px;
}
}
.mb-44 {
margin-bottom: 44px;
}
@media only screen and (max-width: 1200px) {
.mb-44 {
margin-bottom: 32px;
}
}
.mb-40 {
margin-bottom: 40px;
}
@media only screen and (max-width: 1200px) {
.mb-40 {
margin-bottom: 30px;
}
}
@media only screen and (max-width: 1022px) {
.mb-40 {
margin-bottom: 20px;
}
}
.mb-32 {
margin-bottom: 32px;
}
@media only screen and (max-width: 1200px) {
.mb-32 {
margin-bottom: 20px;
}
}
.mb-30 {
margin-bottom: 30px;
}
@media only screen and (max-width: 1200px) {
.mb-30 {
margin-bottom: 20px;
}
}
.mb-24 {
margin-bottom: 24px;
}
@media only screen and (max-width: 1200px) {
.mb-24 {
margin-bottom: 15px;
}
}
.mb-20 {
margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
.mb-20 {
margin-bottom: 12px;
}
}
.mb-16 {
margin-bottom: 16px;
}
@media only screen and (max-width: 767px) {
.mb-16 {
margin-bottom: 8px;
}
}
.mb-12 {
margin-bottom: 12px;
}
.mb-0 {
margin-bottom: 0px;
}  :root {
--swiper-theme-color: #007aff; }
:host {
position: relative;
display: block;
margin-left: auto;
margin-right: auto;
z-index: 1;
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0; z-index: 1;
display: block;
}
.swiper-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
touch-action: pan-y;
}
.swiper-vertical {
touch-action: pan-x;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
display: block;
}
.swiper-slide-invisible-blank {
visibility: hidden;
} .swiper-autoheight,
.swiper-autoheight .swiper-slide {
height: auto;
}
.swiper-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
transform: translateZ(0);
backface-visibility: hidden;
} .swiper-3d.swiper-css-mode .swiper-wrapper {
perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
transform-style: preserve-3d;
}
.swiper-3d {
perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
transform-style: preserve-3d;
} .swiper-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none; -ms-overflow-style: none; }
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
content: "";
flex-shrink: 0;
order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
scroll-snap-align: center center;
scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after);
}  .swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
} .swiper-virtual .swiper-slide {
-webkit-backface-visibility: hidden;
transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
content: "";
position: absolute;
left: 0;
top: 0;
pointer-events: none;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
height: 1px;
width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
width: 1px;
height: var(--swiper-virtual-size);
}
:root {
--swiper-navigation-size: 44px; }
.swiper-button-prev,
.swiper-button-next {
position: absolute;
width: var(--swiper-navigation-size);
height: var(--swiper-navigation-size);
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
opacity: 0;
cursor: auto;
pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
display: none !important;
}
.swiper-button-prev svg,
.swiper-button-next svg {
width: 100%;
height: 100%;
object-fit: contain;
transform-origin: center;
fill: currentColor;
pointer-events: none;
}
.swiper-button-lock {
display: none;
}
.swiper-button-prev,
.swiper-button-next {
top: var(--swiper-navigation-top-offset, 50%);
margin-top: calc(0px - var(--swiper-navigation-size) / 2);
}
.swiper-button-prev {
left: var(--swiper-navigation-sides-offset, 4px);
right: auto;
}
.swiper-button-prev .swiper-navigation-icon {
transform: rotate(180deg);
}
.swiper-button-next {
right: var(--swiper-navigation-sides-offset, 4px);
left: auto;
}
.swiper-horizontal .swiper-button-prev,
.swiper-horizontal .swiper-button-next,
.swiper-horizontal ~ .swiper-button-prev,
.swiper-horizontal ~ .swiper-button-next {
top: var(--swiper-navigation-top-offset, 50%);
margin-top: calc(0px - var(--swiper-navigation-size) / 2);
margin-left: 0;
}
.swiper-horizontal .swiper-button-prev, .swiper-horizontal ~ .swiper-button-prev, .swiper-horizontal.swiper-rtl .swiper-button-next, .swiper-horizontal.swiper-rtl ~ .swiper-button-next {
left: var(--swiper-navigation-sides-offset, 4px);
right: auto;
}
.swiper-horizontal .swiper-button-next, .swiper-horizontal ~ .swiper-button-next, .swiper-horizontal.swiper-rtl .swiper-button-prev, .swiper-horizontal.swiper-rtl ~ .swiper-button-prev {
right: var(--swiper-navigation-sides-offset, 4px);
left: auto;
}
.swiper-horizontal .swiper-button-prev .swiper-navigation-icon, .swiper-horizontal ~ .swiper-button-prev .swiper-navigation-icon, .swiper-horizontal.swiper-rtl .swiper-button-next .swiper-navigation-icon, .swiper-horizontal.swiper-rtl ~ .swiper-button-next .swiper-navigation-icon {
transform: rotate(180deg);
}
.swiper-horizontal.swiper-rtl .swiper-button-prev .swiper-navigation-icon, .swiper-horizontal.swiper-rtl ~ .swiper-button-prev .swiper-navigation-icon {
transform: rotate(0deg);
}
.swiper-vertical .swiper-button-prev,
.swiper-vertical .swiper-button-next,
.swiper-vertical ~ .swiper-button-prev,
.swiper-vertical ~ .swiper-button-next {
left: var(--swiper-navigation-top-offset, 50%);
right: auto;
margin-left: calc(0px - var(--swiper-navigation-size) / 2);
margin-top: 0;
}
.swiper-vertical .swiper-button-prev,
.swiper-vertical ~ .swiper-button-prev {
top: var(--swiper-navigation-sides-offset, 4px);
bottom: auto;
}
.swiper-vertical .swiper-button-prev .swiper-navigation-icon,
.swiper-vertical ~ .swiper-button-prev .swiper-navigation-icon {
transform: rotate(-90deg);
}
.swiper-vertical .swiper-button-next,
.swiper-vertical ~ .swiper-button-next {
bottom: var(--swiper-navigation-sides-offset, 4px);
top: auto;
}
.swiper-vertical .swiper-button-next .swiper-navigation-icon,
.swiper-vertical ~ .swiper-button-next .swiper-navigation-icon {
transform: rotate(90deg);
}
:root { }
.swiper-pagination {
position: absolute;
text-align: center;
transition: 300ms opacity;
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
display: none !important;
} .swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
bottom: var(--swiper-pagination-bottom, 8px);
top: var(--swiper-pagination-top, auto);
left: 0;
width: 100%;
} .swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(0.33);
position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(0.33);
}
.swiper-pagination-bullet {
width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
display: inline-block;
border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
background: var(--swiper-pagination-bullet-inactive-color, #000);
opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button .swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet:only-child {
display: none !important;
}
.swiper-pagination-bullet-active {
opacity: var(--swiper-pagination-bullet-opacity, 1);
background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
right: var(--swiper-pagination-right, 8px);
left: var(--swiper-pagination-left, auto);
top: 50%;
transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: 200ms transform, 200ms top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform, 200ms left;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform, 200ms right;
} .swiper-pagination-fraction {
color: var(--swiper-pagination-fraction-color, inherit);
} .swiper-pagination-progressbar {
background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
width: 100%;
height: var(--swiper-pagination-progressbar-size, 4px);
left: 0;
top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
width: var(--swiper-pagination-progressbar-size, 4px);
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-lock {
display: none;
}
:root { }
.swiper-scrollbar {
border-radius: var(--swiper-scrollbar-border-radius, 10px);
position: relative;
touch-action: none;
background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}
.swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled {
display: none !important;
}
.swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
position: absolute;
left: var(--swiper-scrollbar-sides-offset, 1%);
bottom: var(--swiper-scrollbar-bottom, 4px);
top: var(--swiper-scrollbar-top, auto);
z-index: 50;
height: var(--swiper-scrollbar-size, 4px);
width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-vertical > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-vertical {
position: absolute;
left: var(--swiper-scrollbar-left, auto);
right: var(--swiper-scrollbar-right, 4px);
top: var(--swiper-scrollbar-sides-offset, 1%);
z-index: 50;
width: var(--swiper-scrollbar-size, 4px);
height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
border-radius: var(--swiper-scrollbar-border-radius, 10px);
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-scrollbar-lock {
display: none;
} .swiper-zoom-container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
max-width: 100%;
max-height: 100%;
object-fit: contain;
} .swiper-slide-zoomed {
cursor: move;
touch-action: none;
} .swiper .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-thumbs .swiper-slide-thumb-active { }
.swiper-free-mode > .swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-grid > .swiper-wrapper {
flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
flex-wrap: wrap;
flex-direction: column;
}
.swiper-fade.swiper-free-mode .swiper-slide {
transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
pointer-events: none;
transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-fade .swiper-slide-active {
pointer-events: auto;
}
.swiper-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper.swiper-cube {
overflow: visible;
}
.swiper-cube .swiper-slide {
pointer-events: none;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible;
}
.swiper-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
opacity: 0.6;
z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
content: "";
background: #000;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
filter: blur(50px);
}
.swiper-cube .swiper-slide-next + .swiper-slide {
pointer-events: auto;
visibility: visible;
} .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right {
z-index: 0;
backface-visibility: hidden;
} .swiper.swiper-flip {
overflow: visible;
}
.swiper-flip .swiper-slide {
pointer-events: none;
backface-visibility: hidden;
z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
} .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right {
z-index: 0;
backface-visibility: hidden;
} .swiper-creative .swiper-slide {
backface-visibility: hidden;
overflow: hidden;
transition-property: transform, opacity, height;
}
.swiper.swiper-cards {
overflow: visible;
}
.swiper-cards .swiper-slide {
transform-origin: center bottom;
backface-visibility: hidden;
overflow: hidden;
}   :root {
--f-button-width: 40px;
--f-button-height: 40px;
--f-button-border: 0;
--f-button-border-radius: 0;
--f-button-color: #374151;
--f-button-bg: #f8f8f8;
--f-button-shadow: none;
--f-button-transition: all .15s ease;
--f-button-transform: none;
--f-button-outline-width: 1px;
--f-button-outline-color: rgba(0, 0, 0, .7);
--f-button-svg-width: 20px;
--f-button-svg-height: 20px;
--f-button-svg-stroke-width: 1.5;
--f-button-svg-fill: none;
--f-button-svg-filter: none;
--f-button-svg-opacity: 1;
--f-button-svg-disabled-opacity: .5;
--f-button-svg-transition: opacity .15s ease;
--f-button-svg-transform: none;
}
.f-button {
width: var(--f-button-width);
height: var(--f-button-height);
border: var(--f-button-border);
border-radius: var(--f-button-border-radius);
color: var(--f-button-color);
background: var(--f-button-bg);
box-shadow: var(--f-button-shadow);
transform: var(--f-button-transform);
transition: var(--f-button-transition);
backdrop-filter: var(--f-button-backdrop-filter);
display: flex;
justify-content: center;
align-items: center;
box-sizing: content-box;
position: relative;
margin: 0;
padding: 0;
pointer-events: all;
cursor: pointer;
overflow: hidden;
}
@media (hover: hover) {
.f-button:hover:not([aria-disabled]) {
color: var(--f-button-hover-color, var(--f-button-color));
background-color: var(--f-button-hover-bg, var(--f-button-bg));
}
}
.f-button:active:not([aria-disabled]) {
color: var(--f-button-active-color, var(--f-button-hover-color, var(--f-button-color)));
background-color: var(--f-button-active-bg, var(--f-button-hover-bg, var(--f-button-bg)));
}
.f-button:focus {
outline: none;
}
.f-button:focus-visible {
outline: var(--f-button-outline-width) solid var(--f-button-outline-color);
outline-offset: var(--f-button-outline-offset);
}
.f-button svg {
width: var(--f-button-svg-width);
height: var(--f-button-svg-height);
transform: var(--f-button-svg-transform);
fill: var(--f-button-svg-fill);
filter: var(--f-button-svg-filter);
opacity: var(--f-button-svg-opacity, 1);
transition: var(--f-button-svg-transition);
stroke: currentColor;
stroke-width: var(--f-button-svg-stroke-width);
stroke-linecap: round;
stroke-linejoin: round;
pointer-events: none;
}
.f-button[aria-disabled] {
cursor: default;
}
.f-button[aria-disabled] svg {
opacity: var(--f-button-svg-disabled-opacity);
}
[data-panzoom-action=toggleFS] g:first-child {
display: flex;
}
[data-panzoom-action=toggleFS] g:last-child {
display: none;
}
.in-fullscreen [data-panzoom-action=toggleFS] g:first-child {
display: none;
}
.in-fullscreen [data-panzoom-action=toggleFS] g:last-child {
display: flex;
}
[data-autoplay-action=toggle] svg g:first-child {
display: flex;
}
[data-autoplay-action=toggle] svg g:last-child {
display: none;
}
.has-autoplay [data-autoplay-action=toggle] svg g:first-child {
display: none;
}
.has-autoplay [data-autoplay-action=toggle] svg g:last-child {
display: flex;
}
:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:first-child {
display: none;
}
:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:last-child {
display: flex;
}
:root {
--f-spinner-color-1: rgba(0, 0, 0, .1);
--f-spinner-color-2: rgba(17, 24, 28, .8);
--f-spinner-width: 50px;
--f-spinner-height: 50px;
--f-spinner-border-radius: 50%;
--f-spinner-border-width: 4px;
}
.f-spinner {
position: absolute;
top: 50%;
left: 50%;
margin: 0;
padding: 0;
width: var(--f-spinner-width);
height: var(--f-spinner-height);
translate: -50% -50%;
border: var(--f-spinner-border-width) solid var(--f-spinner-color-1);
border-top-color: var(--f-spinner-color-2);
border-radius: var(--f-spinner-border-radius);
animation: f-spinner 0.75s linear infinite, f-fadeIn 0.2s ease 0.2s both;
}
@keyframes f-spinner {
to {
rotate: 360deg;
}
}
.f-panzoom, .f-zoomable {
position: relative;
overflow: hidden;
display: flex;
align-items: center;
flex-direction: column;
}
.f-panzoom:before, .f-panzoom:after, .f-zoomable:before, .f-zoomable:after {
display: block;
content: "";
}
.f-panzoom:not(.has-controls):before, .f-zoomable:not(.has-controls):before {
margin-bottom: auto;
}
.f-panzoom:after, .f-zoomable:after {
margin-top: auto;
}
.f-panzoom.in-fullscreen, .f-zoomable.in-fullscreen {
position: fixed;
top: 0;
left: 0;
margin: 0 !important;
width: 100% !important;
height: 100% !important;
max-width: none !important;
max-height: none !important;
aspect-ratio: unset !important;
z-index: 9999;
}
.f-panzoom__wrapper {
position: relative;
min-width: 0;
min-height: 0;
max-width: 100%;
max-height: 100%;
}
.f-panzoom__wrapper.will-zoom-out {
cursor: zoom-out;
}
.f-panzoom__wrapper.can-drag {
cursor: move;
cursor: grab;
}
.f-panzoom__wrapper.will-zoom-in {
cursor: zoom-in;
}
.f-panzoom__wrapper.is-dragging {
cursor: move;
cursor: grabbing;
}
.f-panzoom__wrapper.has-error {
display: none;
}
.f-panzoom__content {
display: block;
min-width: 0;
min-height: 0;
max-width: 100%;
max-height: 100%;
}
.f-panzoom__content.is-lazyloading, .f-panzoom__content.has-lazyerror {
visibility: hidden;
}
img.f-panzoom__content {
width: auto;
height: auto;
vertical-align: top;
object-fit: contain;
transition: none;
user-select: none;
}
.f-panzoom__wrapper > .f-panzoom__content {
visibility: hidden;
}
.f-panzoom__viewport {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
}
.f-panzoom__viewport > .f-panzoom__content {
width: 100%;
height: 100%;
object-fit: fill;
}
picture.f-panzoom__content img {
vertical-align: top;
width: 100%;
height: auto;
max-height: 100%;
object-fit: contain;
transition: none;
user-select: none;
}
.f-panzoom__protected {
position: absolute;
inset: 0;
z-index: 1;
user-select: none;
}
html.with-panzoom-in-fullscreen {
overflow: hidden;
}
.f-fadeIn {
animation: var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;
z-index: 2;
}
.f-fadeOut {
animation: var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;
z-index: 1;
}
@keyframes f-fadeIn {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes f-fadeOut {
to {
opacity: 0;
}
}
.f-crossfadeIn {
animation: var(--f-transition-duration, 0.2s) ease both f-crossfadeIn;
z-index: 2;
}
.f-crossfadeOut {
animation: calc(var(--f-transition-duration, 0.2s) * 0.2) ease calc(var(--f-transition-duration, 0.2s) * 0.8) both f-crossfadeOut;
z-index: 1;
}
@keyframes f-crossfadeIn {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes f-crossfadeOut {
to {
opacity: 0;
}
}
.is-horizontal .f-slideIn.from-next {
animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNextX;
}
.is-horizontal .f-slideIn.from-prev {
animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrevX;
}
.is-horizontal .f-slideOut.to-next {
animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNextX;
}
.is-horizontal .f-slideOut.to-prev {
animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrevX;
}
@keyframes f-slideInPrevX {
0% {
transform: translate(calc(100% + var(--f-carousel-gap, 0)));
}
to {
transform: translateZ(0);
}
}
@keyframes f-slideInNextX {
0% {
transform: translate(calc(-100% - var(--f-carousel-gap, 0)));
}
to {
transform: translateZ(0);
}
}
@keyframes f-slideOutNextX {
to {
transform: translate(calc(-100% - var(--f-carousel-gap, 0)));
}
}
@keyframes f-slideOutPrevX {
to {
transform: translate(calc(100% + var(--f-carousel-gap, 0)));
}
}
.is-vertical .f-slideIn.from-next {
animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNextY;
}
.is-vertical .f-slideIn.from-prev {
animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrevY;
}
.is-vertical .f-slideOut.to-next {
animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNextY;
}
.is-vertical .f-slideOut.to-prev {
animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrevY;
}
@keyframes f-slideInPrevY {
0% {
transform: translateY(calc(100% + var(--f-carousel-gap, 0)));
}
to {
transform: translateZ(0);
}
}
@keyframes f-slideInNextY {
0% {
transform: translateY(calc(-100% - var(--f-carousel-gap, 0)));
}
to {
transform: translateZ(0);
}
}
@keyframes f-slideOutNextY {
to {
transform: translateY(calc(-100% - var(--f-carousel-gap, 0)));
}
}
@keyframes f-slideOutPrevY {
to {
transform: translateY(calc(100% + var(--f-carousel-gap, 0)));
}
}
.f-zoomInUp {
animation: var(--f-transition-duration, 0.3s) ease both f-zoomInUp;
}
.f-zoomOutDown {
animation: var(--f-transition-duration, 0.3s) ease both f-zoomOutDown;
}
@keyframes f-zoomInUp {
0% {
transform: scale(var(--f-zoomInUp-scale, 0.975)) translate3d(var(--f-zoomInUp-x, 0), var(--f-zoomInUp-y, 16px), 0);
opacity: var(--f-zoomInUp-opacity, 0);
}
to {
transform: scale(1) translateZ(0);
opacity: 1;
}
}
@keyframes f-zoomOutDown {
to {
transform: scale(var(--f-zoomOutDown-scale, 0.975)) translate3d(var(--f-zoomOutDown-x, 0), var(--f-zoomOutDown-y, 16px), 0);
opacity: 0;
}
}
.f-throwOutUp {
animation: var(--f-throwOutUp-duration, 0.2s) ease-out both f-throwOutUp;
}
.f-throwOutDown {
animation: var(--f-throwOutDown-duration, 0.2s) ease-out both f-throwOutDown;
}
@keyframes f-throwOutUp {
to {
transform: translate3d(0, calc(var(--f-throwOutUp-y, 150px) * -1), 0);
opacity: 0;
}
}
@keyframes f-throwOutDown {
to {
transform: translate3d(0, var(--f-throwOutDown-y, 150px), 0);
opacity: 0;
}
}
.has-iframe .f-html, .has-pdf .f-html, .has-gmap .f-html {
width: 100%;
height: 100%;
min-height: 1px;
overflow: visible;
}
.has-pdf .f-html, .has-gmap .f-html {
padding: 0;
}
.f-html {
position: relative;
box-sizing: border-box;
margin: var(--f-html-margin, 0);
padding: var(--f-html-padding, 2rem);
color: var(--f-html-color, currentColor);
background: var(--f-html-bg);
}
.f-html.is-error {
text-align: center;
}
.f-iframe {
display: block;
margin: 0;
border: 0;
height: 100%;
width: 100%;
}
.f-caption {
align-self: center;
flex-shrink: 0;
margin: var(--f-caption-margin);
padding: var(--f-caption-padding, 16px 8px);
max-width: 100%;
max-height: calc(80vh - 100px);
overflow: auto;
overflow-wrap: anywhere;
line-height: var(--f-caption-line-height);
color: var(--f-caption-color);
background: var(--f-caption-bg);
font: var(--f-caption-font);
}
.has-html5video .f-html, .has-youtube .f-html, .has-vimeo .f-html {
padding: 0;
width: 100%;
height: 100%;
min-height: 1px;
overflow: visible;
max-width: var(--f-video-width, 960px);
max-height: var(--f-video-height, 540px);
aspect-ratio: var(--f-video-aspect-ratio);
background: var(--f-video-bg, rgba(0, 0, 0, 0.9));
}
.f-html5video {
border: 0;
display: block;
height: 100%;
width: 100%;
background: transparent;
}
.f-button.is-arrow {
--f-button-width: var(--f-arrow-width, 46px);
--f-button-height: var(--f-arrow-height, 46px);
--f-button-svg-width: var(--f-arrow-svg-width, 24px);
--f-button-svg-height: var(--f-arrow-svg-height, 24px);
--f-button-svg-stroke-width: var(--f-arrow-svg-stroke-width, 1.75);
--f-button-border-radius: var(--f-arrow-border-radius, unset);
--f-button-bg: var(--f-arrow-bg, transparent);
--f-button-hover-bg: var(--f-arrow-hover-bg, var(--f-arrow-bg));
--f-button-active-bg: var(--f-arrow-active-bg, var(--f-arrow-hover-bg));
--f-button-shadow: var(--f-arrow-shadow);
--f-button-color: var(--f-arrow-color);
--f-button-hover-color: var(--f-arrow-hover-color, var(--f-arrow-color));
--f-button-active-color: var( --f-arrow-active-color, var(--f-arrow-hover-color) );
overflow: visible;
}
.f-button.is-arrow.is-prev, .f-button.is-arrow.is-next {
position: absolute;
transform: translate(0);
z-index: 20;
}
.is-horizontal .f-button.is-arrow.is-prev, .is-horizontal .f-button.is-arrow.is-next {
inset: 50% auto auto;
transform: translateY(-50%);
}
.is-horizontal.is-ltr .f-button.is-arrow.is-prev {
left: var(--f-arrow-pos, 0);
}
.is-horizontal.is-ltr .f-button.is-arrow.is-next {
right: var(--f-arrow-pos, 0);
}
.is-horizontal.is-rtl .f-button.is-arrow.is-prev {
right: var(--f-arrow-pos, 0);
transform: translateY(-50%) rotateY(180deg);
}
.is-horizontal.is-rtl .f-button.is-arrow.is-next {
left: var(--f-arrow-pos, 0);
transform: translateY(-50%) rotateY(180deg);
}
.is-vertical.is-ltr .f-button.is-arrow.is-prev, .is-vertical.is-rtl .f-button.is-arrow.is-prev {
top: var(--f-arrow-pos, 0);
right: auto;
bottom: auto;
left: 50%;
transform: translate(-50%);
}
.is-vertical.is-ltr .f-button.is-arrow.is-next, .is-vertical.is-rtl .f-button.is-arrow.is-next {
top: auto;
right: auto;
bottom: var(--f-arrow-pos, 0);
left: 50%;
transform: translate(-50%);
}
.is-vertical .f-button.is-arrow.is-prev svg, .is-vertical .f-button.is-arrow.is-next svg {
transform: rotate(90deg);
}
.f-carousel__toolbar {
display: grid;
grid-template-columns: 1fr auto 1fr;
margin: var(--f-toolbar-margin, 0);
padding: var(--f-toolbar-padding, 8px);
line-height: var(--f-toolbar-line-height);
background: var(--f-toolbar-bg, none);
box-shadow: var(--f-toolbar-shadow, none);
backdrop-filter: var(--f-toolbar-backdrop-filter);
position: relative;
z-index: 20;
color: var(--f-toolbar-color, currentColor);
font-size: var(--f-toolbar-font-size, 17px);
font-weight: var(--f-toolbar-font-weight, inherit);
font-family: var(--f-toolbar-font, -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif);
text-shadow: var(--f-toolbar-text-shadow);
text-align: center;
font-variant-numeric: tabular-nums;
-webkit-font-smoothing: subpixel-antialiased;
white-space: nowrap;
pointer-events: none;
}
.f-carousel__toolbar.is-absolute {
position: absolute;
top: 0;
left: 0;
right: 0;
}
.f-carousel__toolbar .f-button:focus-visible {
position: relative;
z-index: 1;
}
.f-carousel__toolbar__column {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-content: flex-start;
gap: var(--f-toolbar-gap, 0);
}
.f-carousel__toolbar__column.is-left {
display: flex;
justify-self: flex-start;
justify-content: flex-start;
}
.f-carousel__toolbar__column.is-middle {
display: flex;
justify-content: center;
}
.f-carousel__toolbar__column.is-right {
display: flex;
justify-self: flex-end;
justify-content: flex-end;
flex-flow: nowrap;
}
.f-carousel__toolbar__column {
pointer-events: none;
}
.f-carousel__toolbar__column > * {
pointer-events: all;
}
.f-counter {
position: relative;
display: flex;
flex-direction: row;
cursor: default;
user-select: none;
margin: var(--f-counter-margin, 0);
padding: var(--f-counter-padding, 4px);
line-height: var(--f-counter-line-height);
background: var(--f-counter-bg);
border-radius: var(--f-counter-border-radius);
}
.f-counter span {
padding: 0 var(--f-counter-gap, 4px);
}
:root {
--f-thumbs-gap: 8px;
--f-thumbs-margin: 0;
--f-thumbs-padding-x: 8px;
--f-thumbs-padding-y: 8px;
--f-thumbs-bg: transparent;
--f-thumbs-transition: max-height .3s ease, max-width .3s ease, padding .3s ease;
--f-thumbs-z-index: 1;
--f-thumbs-viewport-padding-x: 0px;
--f-thumbs-viewport-padding-y: 0px;
--f-thumb-width: 94px;
--f-thumb-height: 76px;
--f-thumb-clip-width: 46px;
--f-thumb-extra-gap: 16px;
--f-thumb-opacity: 1;
--f-thumb-transition: opacity .3s ease, transform .15s ease;
--f-thumb-border: none;
--f-thumb-border-radius: 4px;
--f-thumb-shadow: none;
--f-thumb-bg: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .05));
--f-thumb-focus-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;
--f-thumb-selected-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;
--f-thumb-border-transition: all .1s ease;
--f-thumb-img-width: 100%;
--f-thumb-img-height: 100%;
--f-thumb-img-fit: cover;
--f-thumb-img-position: 50% 20%;
}
.f-thumbs {
--f-carousel-slide-width: var(--f-thumb-width);
--f-carousel-slide-height: var(--f-thumb-height);
--f-carousel-gap: var(--f-thumbs-gap);
position: relative;
box-sizing: border-box;
flex-shrink: 0;
margin: var(--f-thumbs-margin);
padding: var(--f-thumbs-padding-y) var(--f-thumbs-padding-x);
overflow: hidden;
background: var(--f-thumbs-bg);
-webkit-tap-highlight-color: transparent;
user-select: none;
transition: var(--f-thumbs-transition);
z-index: var(--f-thumbs-z-index);
}
.f-thumbs.is-horizontal {
max-height: calc(var(--f-carousel-slide-height) + var(--f-thumbs-padding-y) * 2);
}
.f-thumbs.is-horizontal.is-hidden {
max-height: 0;
--f-thumbs-padding-y: 0;
}
.f-thumbs.is-vertical {
max-width: calc(var(--f-carousel-slide-width) + var(--f-thumbs-padding-x) * 2);
}
.f-thumbs.is-vertical.is-hidden {
max-width: 0;
--f-thumbs-padding-x: 0;
}
.f-thumbs.is-scrollable.is-hidden {
max-height: 0;
--f-thumbs-padding-y: 0;
}
.f-thumbs.is-ltr {
direction: ltr;
}
.f-thumbs.is-rtl {
direction: rtl;
}
.f-thumbs img {
display: block;
width: var(--f-thumb-img-width);
height: var(--f-thumb-img-height);
object-fit: var(--f-thumb-img-fit);
object-position: var(--f-thumb-img-position);
pointer-events: none;
border-radius: inherit;
color: transparent;
}
.f-thumbs img[data-lazy-src] {
visibility: hidden;
}
.f-thumbs img.has-lazyerror {
display: none;
}
.f-thumbs__viewport {
box-sizing: border-box;
height: 100%;
padding: var(--f-thumbs-viewport-padding-y) var(--f-thumbs-viewport-padding-x);
overflow: visible;
display: grid;
}
.f-thumbs__slide {
position: relative;
box-sizing: border-box;
grid-area: 1/1;
width: var(--f-carousel-slide-width);
height: var(--f-carousel-slide-height);
margin: 0;
padding: 0;
display: flex;
align-items: center;
flex-direction: column;
cursor: pointer;
overflow: visible;
}
.f-thumbs__slide:hover button {
opacity: var(--f-thumb-hover-opacity, 1);
transform: var(--f-thumb-hover-transform, none);
}
.f-thumbs__slide:hover button:after {
border: var(--f-thumb-hover-border, none);
box-shadow: var(--f-thumb-hover-shadow, var(--f-thumb-shadow));
}
.f-thumbs__slide button {
all: unset;
display: block;
margin: auto;
padding: 0;
position: relative;
overflow: visible;
width: 100%;
height: 100%;
outline: none;
transition: var(--f-thumb-transition);
border-radius: var(--f-thumb-border-radius);
opacity: var(--f-thumb-opacity);
transform: var(--f-thumb-transform);
background: var(--f-thumb-bg);
}
.f-thumbs__slide button:after {
content: "";
position: absolute;
inset: 0;
z-index: 1;
transition: var(--f-thumb-border-transition);
border-radius: inherit;
border: var(--f-thumb-border);
box-shadow: var(--f-thumb-shadow);
}
.f-thumbs__slide button:focus-within {
opacity: var(--f-thumb-focus-opacity, 1);
transform: var(--f-thumb-focus-transform, none);
}
.f-thumbs__slide button:focus-within:after {
border: var(--f-thumb-focus-border, none);
box-shadow: var(--f-thumb-focus-shadow, var(--f-thumb-shadow));
}
.f-thumbs__slide:active {
opacity: var(--f-thumb-active-opacity, 1);
transform: var(--f-thumb-active-transform, none);
}
.f-thumbs__slide:active:after {
border: var(--f-thumb-active-border, none);
box-shadow: var(--f-thumb-active-shadow, var(--f-thumb-shadow));
}
.f-thumbs__slide.is-selected {
z-index: 2;
}
.f-thumbs__slide.is-selected button {
opacity: var(--f-thumb-selected-opacity, 1);
transform: var(--f-thumb-selected-transform, none);
}
.f-thumbs__slide.is-selected button:after {
border: var(--f-thumb-selected-border, none);
box-shadow: var(--f-thumb-selected-shadow, var(--f-thumb-shadow));
}
.f-thumbs.is-modern {
--f-carousel-slide-width: calc( var(--f-thumb-clip-width) + var(--f-thumbs-gap) );
--f-carousel-slide-height: var(--f-thumb-height);
--f-carousel-gap: 0;
--width-diff: calc((var(--f-thumb-width) - var(--f-thumb-clip-width)));
}
.f-thumbs.is-modern .f-thumbs__viewport {
width: calc(100% + var(--f-carousel-slide-width) * 2 + var(--f-thumbs-padding-x));
margin-inline: calc((var(--f-carousel-slide-width) + var(--f-thumbs-padding-x)) * -1);
}
.f-thumbs.is-modern .f-thumbs__slide {
--clip-shift: calc((var(--width-diff) * .5) * var(--progress));
--clip-path: inset( 0 var(--clip-shift) round var(--f-thumb-border-radius, 0) );
padding: 0;
overflow: visible;
left: var(--shift, 0);
will-change: left;
transition: left var(--f-transition-duration) var(--f-transition-easing);
}
.f-thumbs.is-modern .f-thumbs__slide button {
display: block;
margin-inline: 50%;
width: var(--f-thumb-width);
clip-path: var(--clip-path);
border: none;
box-shadow: none;
transition: clip-path var(--f-transition-duration) var(--f-transition-easing), opacity var(--f-thumb-transition-duration, 0.2s) var(--f-thumb-transition-easing, ease);
}
.f-thumbs.is-modern .f-thumbs__slide button:after {
display: none;
}
.f-thumbs.is-modern .f-thumbs__slide:focus:not(:focus-visible) {
outline: none;
}
.f-thumbs.is-modern .f-thumbs__slide:focus-within:not(.is-selected) button:before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: var(--clip-shift);
bottom: 0;
right: var(--clip-shift);
transition: border var(--f-transition-duration) var(--f-transition-easing), box-shadow var(--f-transition-duration) var(--f-transition-easing);
border-radius: inherit;
border: var(--f-thumb-focus-border, none);
box-shadow: var(--f-thumb-focus-shadow, none);
}
.f-thumbs.is-modern {
--f-transition-duration: .25s;
--f-transition-easing: ease-out;
}
.f-thumbs.is-modern.is-syncing {
--f-transition-duration: 0s;
}
.f-thumbs.is-scrollable .f-thumbs__viewport {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(var(--f-thumb-width), 1fr));
grid-auto-rows: var(--f-thumb-height);
gap: var(--f-thumbs-gap);
overflow: auto;
overscroll-behavior: contain;
user-select: none;
}
.f-thumbs.is-scrollable .f-thumbs__viewport .f-thumbs__slide {
grid-area: auto;
display: block;
position: relative;
max-width: 100%;
width: var(--f-thumb-width);
height: var(--f-thumb-height);
cursor: pointer;
outline: none;
}
:root {
--f-progressbar-height: 3px;
--f-progressbar-color: var(--f-carousel-theme-color, #575ad6);
--f-progressbar-opacity: 1;
--f-progressbar-z-index: 30;
}
.f-progressbar {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: var(--f-progressbar-z-index);
height: var(--f-progressbar-height);
transform: scaleX(0);
transform-origin: 0;
opacity: var(--f-progressbar-opacity);
background: var(--f-progressbar-color);
user-select: none;
pointer-events: none;
animation-name: f-progressbar;
animation-play-state: running;
animation-timing-function: linear;
}
.f-progressbar:empty {
display: block;
}
button > .f-progressbar {
--f-progressbar-height: 100%;
--f-progressbar-opacity: .2;
}
@keyframes f-progressbar {
0% {
transform: scaleX(0);
}
to {
transform: scaleX(1);
}
}
[data-fullscreen-action=toggle] svg g:first-child {
display: flex;
}
[data-fullscreen-action=toggle] svg g:last-child {
display: none;
}
:fullscreen [data-fullscreen-action=toggle] svg g:first-child {
display: none;
}
:fullscreen [data-fullscreen-action=toggle] svg g:last-child {
display: flex;
}
.in-fullscreen-mode > .f-carousel {
flex: 1;
min-width: 0 !important;
min-height: 0 !important;
}
html.with-fancybox {
width: auto;
overflow: visible;
scroll-behavior: auto;
}
html.with-fancybox body.hide-scrollbar {
width: auto;
margin-right: calc(var(--f-body-margin, 0px) + var(--f-scrollbar-compensate, 0px));
overflow: hidden !important;
overscroll-behavior-y: none;
}
.fancybox__dialog {
position: fixed;
inset: 0;
z-index: 1050;
width: 100%;
height: 100vh;
max-height: unset;
max-width: unset;
padding: 0;
margin: 0;
border: 0;
overflow: hidden;
background: transparent;
touch-action: none;
overscroll-behavior: contain;
}
.fancybox__dialog:focus {
outline: none;
}
.fancybox__dialog::backdrop {
opacity: 0;
}
@supports (height: 100dvh) {
.fancybox__dialog {
height: 100dvh;
}
}
.fancybox__dialog *:empty {
display: block;
}
.fancybox__container {
--fancybox-color: #dbdbdb;
--fancybox-backdrop-bg: rgba(24, 24, 27, .95);
--f-toolbar-margin: 0;
--f-toolbar-padding: 8px;
--f-toolbar-gap: 0;
--f-toolbar-color: #ddd;
--f-toolbar-font-size: 16px;
--f-toolbar-font-weight: 500;
--f-toolbar-font: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif;
--f-toolbar-line-height: var(--f-button-height);
--f-toolbar-text-shadow: 1px 1px 1px rgba(0, 0, 0, .75);
--f-toolbar-shadow: none;
--f-toolbar-bg: none;
--f-counter-margin: 0;
--f-counter-padding: 0px 10px;
--f-counter-gap: 4px;
--f-counter-line-height: var(--f-button-height);
--f-carousel-gap: 17px;
--f-carousel-slide-width: 100%;
--f-carousel-slide-height: 100%;
--f-carousel-slide-padding: 0;
--f-carousel-slide-bg: unset;
--f-html-color: #222;
--f-html-bg: #fff;
--f-error-color: #fff;
--f-error-bg: #333;
--f-caption-margin: 0;
--f-caption-padding: 16px 8px;
--f-caption-color: var(--fancybox-color, #dbdbdb);
--f-caption-bg: transparent;
--f-caption-font: inherit;
--f-caption-line-height: 1.375;
--f-spinner-color-1: rgba(255, 255, 255, .2);
--f-spinner-color-2: rgba(255, 255, 255, .8);
--f-spinner-width: 50px;
--f-spinner-height: 50px;
--f-spinner-border-radius: 50%;
--f-spinner-border-width: 4px;
--f-progressbar-color: rgba(255, 255, 255);
--f-button-width: 46px;
--f-button-height: 46px;
--f-button-color: #ddd;
--f-button-hover-color: #fff;
--f-button-outline-width: 1px;
--f-button-outline-color: rgba(255, 255, 255, .75);
--f-button-outline-offset: 0px;
--f-button-bg: rgba(54, 54, 54, .75);
--f-button-border: 0;
--f-button-border-radius: 0;
--f-button-shadow: none;
--f-button-transition: all .2s ease;
--f-button-transform: none;
--f-button-svg-width: 24px;
--f-button-svg-height: 24px;
--f-button-svg-stroke-width: 1.75;
--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, .01)), drop-shadow(1px 2px 1px rgba(24, 24, 27, .05));
--f-button-svg-fill: none;
--f-button-svg-disabled-opacity: .5;
--f-arrow-pos: 32px;
--f-arrow-width: 50px;
--f-arrow-height: 50px;
--f-arrow-svg-width: 24px;
--f-arrow-svg-height: 24px;
--f-arrow-svg-stroke-width: 2.5;
--f-arrow-border-radius: 50%;
--f-arrow-bg: rgba(54, 54, 54, .65);
--f-arrow-color: #ddd;
--f-arrow-hover-color: #fff;
--f-close-button-width: 30px;
--f-close-button-height: 30px;
--f-close-button-svg-width: 24px;
--f-close-button-svg-height: 24px;
--f-close-button-svg-stroke-width: 1.75;
--f-close-border-radius: 4px;
--f-close-button-color: #fff;
--f-close-button-hover-color: #fff;
--f-close-button-bg: transparent;
--f-close-button-hover-bg: transparent;
--f-close-button-active-bg: transparent;
--f-thumbs-margin: 0px;
--f-thumbs-padding-x: 8px;
--f-thumbs-padding-y: 8px;
--f-thumbs-bg: none;
--f-thumb-transition: all .2s ease;
--f-thumb-width: 94px;
--f-thumb-height: 76px;
--f-thumb-opacity: 1;
--f-thumb-border: none;
--f-thumb-shadow: none;
--f-thumb-transform: none;
--f-thumb-focus-opacity: 1;
--f-thumb-focus-border: none;
--f-thumb-focus-shadow: inset 0 0 0 2px rgba(255, 255, 255, .65);
--f-thumb-focus-transform: none;
--f-thumb-hover-opacity: 1;
--f-thumb-hover-border: none;
--f-thumb-hover-transform: none;
--f-thumb-active-opacity: var(--f-thumb-hover-opacity);
--f-thumb-active-border: var(--f-thumb-hover-border);
--f-thumb-active-transform: var(--f-thumb-hover-transform);
--f-thumb-selected-opacity: 1;
--f-thumb-selected-border: none;
--f-thumb-selected-shadow: inset 0 0 0 2px #fff;
--f-thumb-selected-transform: none;
--f-scrollbar-width: 7px;
--f-scrollbar-track-bg: #444;
--f-scrollbar-track-border-radius: 10px;
--f-scrollbar-track-shadow: inset 0 0 6px rgba(0, 0, 0, .2);
--f-scrollbar-thumb-bg: #ddd;
--f-scrollbar-thumb-border-radius: 10px;
}
.fancybox__container[theme=light] {
--fancybox-color: #222;
--fancybox-backdrop-bg: rgba(255, 255, 255, .97);
--f-toolbar-color: var(--fancybox-color, #222);
--f-toolbar-text-shadow: none;
--f-toolbar-font-weight: 400;
--f-html-color: var(--fancybox-color, #222);
--f-html-bg: #fff;
--f-error-color: #555;
--f-error-bg: #fff;
--f-video-bg: #fff;
--f-caption-color: #333;
--f-spinner-color-1: rgba(0, 0, 0, .2);
--f-spinner-color-2: rgba(0, 0, 0, .8);
--f-spinner-border-width: 3.5px;
--f-progressbar-color: rgba(111, 111, 116);
--f-button-color: #333;
--f-button-hover-color: #000;
--f-button-outline-color: rgba(0, 0, 0, .85);
--f-button-bg: rgba(255, 255, 255, .85);
--f-button-svg-stroke-width: 1.3;
--f-button-svg-filter: none;
--f-arrow-bg: rgba(255, 255, 255, .85);
--f-arrow-color: #333;
--f-arrow-hover-color: #000;
--f-arrow-svg-stroke-width: 1.3;
--f-close-button-color: #555;
--f-close-button-hover-color: #000;
--f-thumb-bg: linear-gradient(#ebeff2, #e2e8f0);
--f-thumb-focus-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #888;
--f-thumb-selected-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #000;
--f-scrollbar-track-bg: #ddd;
--f-scrollbar-thumb-bg: #444;
}
.fancybox__container {
position: absolute;
inset: 0;
overflow: hidden;
display: flex;
flex-direction: column;
}
.fancybox__container:focus {
outline: none;
}
.fancybox__container.has-vertical-thumbs {
flex-direction: row-reverse;
}
.fancybox__container.has-vertical-thumbs:not(.is-closing) .fancybox__viewport {
overflow-x: clip;
overflow-y: visible;
}
.fancybox__container > *:not(.fancybox__carousel), .fancybox__container .fancybox__carousel > *:not(.fancybox__viewport), .fancybox__container .fancybox__carousel > .fancybox__viewport > .fancybox__slide:not(.is-selected), .fancybox__container .fancybox__carousel > .fancybox__viewport > .fancybox__slide.is-selected > *:not(.f-html, .f-panzoom__wrapper, .f-spinner) {
opacity: var(--f-drag-opacity, 1);
}
.fancybox__container:not(.is-ready, .is-hiding) {
visibility: hidden;
}
.fancybox__container.is-revealing > *:not(.fancybox__carousel), .fancybox__container.is-revealing .fancybox__carousel > *:not(.fancybox__viewport), .fancybox__container.is-revealing .fancybox__carousel > .fancybox__viewport > .fancybox__slide:not(.is-selected), .fancybox__container.is-revealing .fancybox__carousel > .fancybox__viewport > .fancybox__slide.is-selected > *:not(.f-html, .f-panzoom__wrapper, .f-spinner) {
animation: var(--f-interface-enter-duration, 0.35s) ease none f-fadeIn;
}
.fancybox__container.is-hiding > *:not(.fancybox__carousel), .fancybox__container.is-hiding .fancybox__carousel > *:not(.fancybox__viewport), .fancybox__container.is-hiding .fancybox__carousel > .fancybox__viewport > .fancybox__slide.is-selected > *:not(.f-html, .f-panzoom__wrapper) {
animation: var(--f-interface-exit-duration, 0.35s) ease forwards f-fadeOut;
}
.fancybox__container.is-hiding .fancybox__carousel .fancybox__slide:not(.is-selected) {
opacity: 0;
}
.fancybox__container.is-hiding {
pointer-events: none;
}
.fancybox__container.is-idle .f-carousel__toolbar {
pointer-events: none;
opacity: 0;
}
.fancybox__container.is-idle .f-button.is-arrow {
opacity: 0;
}
.fancybox__container.is-idle.is-ready .f-carousel__toolbar {
pointer-events: none;
animation: 0.15s ease-out both f-fadeOut;
}
.fancybox__container.is-idle.is-ready .f-button.is-arrow {
animation: 0.15s ease-out both f-fadeOut;
}
.fancybox__backdrop {
position: fixed;
inset: 0;
z-index: -1;
background: var(--fancybox-backdrop-bg);
}
.fancybox__carousel {
flex: 1;
display: flex;
flex-direction: column;
min-height: 0;
min-width: 0;
position: relative;
z-index: 10;
overflow-y: visible;
overflow-x: clip;
}
.fancybox__carousel.is-vertical {
--f-carousel-slide-height: 100%;
}
.fancybox__carousel.is-ltr {
direction: ltr;
}
.fancybox__carousel.is-rtl {
direction: rtl;
}
.fancybox__carousel > .f-button.is-arrow:before {
position: absolute;
content: "";
inset: -30px;
z-index: 1;
}
.fancybox__viewport {
display: grid;
flex: 1;
min-height: 0;
min-width: 0;
position: relative;
overflow: visible;
transform: translate3d(0, var(--f-drag-offset, 0), 0);
}
.fancybox__viewport.is-draggable {
cursor: move;
cursor: grab;
}
.fancybox__viewport.is-dragging {
cursor: move;
cursor: grabbing;
}
.fancybox__viewport [data-selectable], .fancybox__viewport [contenteditable] {
cursor: auto;
}
.fancybox__slide {
box-sizing: border-box;
position: relative;
grid-area: 1/1;
display: flex;
align-items: center;
flex-direction: column;
width: var(--f-carousel-slide-width);
height: var(--f-carousel-slide-height);
min-width: 0;
min-height: 0;
max-width: 100%;
margin: 0;
padding: var(--f-carousel-slide-padding);
background: var(--f-carousel-slide-bg);
backface-visibility: hidden;
transform: translateZ(0);
will-change: transform;
}
.fancybox__slide:before, .fancybox__slide:after {
display: block;
content: "";
}
.fancybox__slide:before {
margin-bottom: auto;
}
.fancybox__slide:after {
margin-top: auto;
}
.fancybox__slide.is-selected {
z-index: 1;
}
.fancybox__slide.f-zoomable {
overflow: visible;
}
.fancybox__slide.has-error {
--f-html-color: var(--f-error-color, --f-html-color);
--f-html-bg: var(--f-error-bg, --f-html-bg);
}
.fancybox__slide.has-html {
overflow: auto;
padding: 8px;
}
.fancybox__slide.has-close-btn {
padding-top: 34px;
}
.fancybox__slide.has-controls:before {
margin: 0;
}
.fancybox__slide .f-spinner {
cursor: pointer;
}
.fancybox__container.is-closing .f-caption, .fancybox__slide.is-loading .f-caption {
visibility: hidden;
}
.fancybox__container.is-closing .fancybox__carousel {
overflow: visible;
}
.f-button.is-close-button {
--f-button-width: var(--f-close-button-width);
--f-button-height: var(--f-close-button-height);
--f-button-border-radius: var(--f-close-border-radius);
--f-button-color: var(--f-close-button-color);
--f-button-hover-color: var(--f-close-button-hover-color);
--f-button-bg: var(--f-close-button-bg);
--f-button-hover-bg: var(--f-close-button-hover-bg);
--f-button-active-bg: var(--f-close-button-active-bg);
--f-button-svg-width: var(--f-close-button-svg-width);
--f-button-svg-height: var(--f-close-button-svg-height);
--f-button-svg-stroke-width: var(--f-close-button-svg-stroke-width);
position: absolute;
top: calc((var(--f-button-height) + 2px) * -1);
right: 0;
z-index: 10;
}
.fancybox__thumbs {
flex: 0 1 100%;
}
.fancybox__thumbs.is-scrollable {
--f-thumbs-cols: 1;
--f-thumbs-gap: 8px;
--f-thumbs-transition: none;
--f-thumbs-padding-x: 4px;
--f-thumbs-padding-y: 8px;
--f-thumbs-viewport-padding-x: 4px;
--f-thumbs-viewport-padding-y: 0px;
max-width: calc(var(--f-thumb-width) * var(--f-thumbs-cols) + var(--f-thumbs-gap) * (var(--f-thumbs-cols) - 1) + var(--f-thumbs-padding-x) * 2 + var(--f-thumbs-viewport-padding-x) * 2);
}
.fancybox__thumbs.is-scrollable ::-webkit-scrollbar {
width: var(--f-scrollbar-width);
}
.fancybox__thumbs.is-scrollable ::-webkit-scrollbar-track {
background: var(--f-scrollbar-track-bg);
border-radius: var(--f-scrollbar-track-border-radius);
box-shadow: var(--f-scrollbar-track-shadow);
}
.fancybox__thumbs.is-scrollable ::-webkit-scrollbar-thumb {
background: var(--f-scrollbar-thumb-bg);
border-radius: var(--f-scrollbar-thumb-border-radius);
}
.fancybox__thumbs.is-scrollable.is-hidden {
max-width: 0;
--f-thumbs-padding-x: 0;
max-height: unset;
--f-thumbs-padding-y: unset;
}
.fancybox__thumbs.is-scrollable .f-thumbs__viewport {
overflow-x: hidden !important;
grid-template-columns: repeat(auto-fill, calc((100% - var(--f-thumbs-gap) * (var(--f-thumbs-cols) - 1)) / var(--f-thumbs-cols))) !important;
}  .flatpickr-calendar {
background: transparent;
opacity: 0;
display: none;
text-align: center;
visibility: hidden;
padding: 0;
-webkit-animation: none;
animation: none;
direction: ltr;
border: 0;
font-size: 14px;
line-height: 24px;
border-radius: 5px;
position: absolute;
width: 307.875px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-touch-action: manipulation;
touch-action: manipulation;
background: #fff;
-webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
}
.flatpickr-calendar.open,
.flatpickr-calendar.inline {
opacity: 1;
max-height: 640px;
visibility: visible;
}
.flatpickr-calendar.open {
display: inline-block;
z-index: 99999;
}
.flatpickr-calendar.animate.open {
-webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.flatpickr-calendar.inline {
display: block;
position: relative;
top: 2px;
}
.flatpickr-calendar.static {
position: absolute;
top: calc(100% + 2px);
}
.flatpickr-calendar.static.open {
z-index: 999;
display: block;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
-webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
border-bottom: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.flatpickr-calendar .hasWeeks .dayContainer {
border-left: 0;
}
.flatpickr-calendar.hasTime .flatpickr-time {
height: 40px;
border-top: 1px solid #e6e6e6;
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
height: auto;
}
.flatpickr-calendar:before,
.flatpickr-calendar:after {
position: absolute;
display: block;
pointer-events: none;
border: solid transparent;
content: "";
height: 0;
width: 0;
left: 22px;
}
.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.arrowRight:before,
.flatpickr-calendar.rightMost:after,
.flatpickr-calendar.arrowRight:after {
left: auto;
right: 22px;
}
.flatpickr-calendar.arrowCenter:before,
.flatpickr-calendar.arrowCenter:after {
left: 50%;
right: 50%;
}
.flatpickr-calendar:before {
border-width: 5px;
margin: 0 -5px;
}
.flatpickr-calendar:after {
border-width: 4px;
margin: 0 -4px;
}
.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
bottom: 100%;
}
.flatpickr-calendar.arrowTop:before {
border-bottom-color: #e6e6e6;
}
.flatpickr-calendar.arrowTop:after {
border-bottom-color: #fff;
}
.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
top: 100%;
}
.flatpickr-calendar.arrowBottom:before {
border-top-color: #e6e6e6;
}
.flatpickr-calendar.arrowBottom:after {
border-top-color: #fff;
}
.flatpickr-calendar:focus {
outline: 0;
}
.flatpickr-wrapper {
position: relative;
display: inline-block;
}
.flatpickr-months {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.flatpickr-months .flatpickr-month {
background: transparent;
color: rgba(0, 0, 0, 0.9);
fill: rgba(0, 0, 0, 0.9);
height: 34px;
line-height: 1;
text-align: center;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
overflow: hidden;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-decoration: none;
cursor: pointer;
position: absolute;
top: 0;
height: 34px;
padding: 10px;
z-index: 3;
color: rgba(0, 0, 0, 0.9);
fill: rgba(0, 0, 0, 0.9);
}
.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
display: none;
}
.flatpickr-months .flatpickr-prev-month i,
.flatpickr-months .flatpickr-next-month i {
position: relative;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {  left: 0;  }  .flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {  right: 0;  }  .flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
color: #959ea9;
}
.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
fill: #f64747;
}
.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
width: 14px;
height: 14px;
}
.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
-webkit-transition: fill 0.1s;
transition: fill 0.1s;
fill: inherit;
}
.numInputWrapper {
position: relative;
height: auto;
}
.numInputWrapper input,
.numInputWrapper span {
display: inline-block;
}
.numInputWrapper input {
width: 100%;
}
.numInputWrapper input::-ms-clear {
display: none;
}
.numInputWrapper input::-webkit-outer-spin-button,
.numInputWrapper input::-webkit-inner-spin-button {
margin: 0;
-webkit-appearance: none;
}
.numInputWrapper span {
position: absolute;
right: 0;
width: 14px;
padding: 0 4px 0 2px;
height: 50%;
line-height: 50%;
opacity: 0;
cursor: pointer;
border: 1px solid rgba(57, 57, 57, 0.15);
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.numInputWrapper span:hover {
background: rgba(0, 0, 0, 0.1);
}
.numInputWrapper span:active {
background: rgba(0, 0, 0, 0.2);
}
.numInputWrapper span:after {
display: block;
content: "";
position: absolute;
}
.numInputWrapper span.arrowUp {
top: 0;
border-bottom: 0;
}
.numInputWrapper span.arrowUp:after {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-bottom: 4px solid rgba(57, 57, 57, 0.6);
top: 26%;
}
.numInputWrapper span.arrowDown {
top: 50%;
}
.numInputWrapper span.arrowDown:after {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid rgba(57, 57, 57, 0.6);
top: 40%;
}
.numInputWrapper span svg {
width: inherit;
height: auto;
}
.numInputWrapper span svg path {
fill: rgba(0, 0, 0, 0.5);
}
.numInputWrapper:hover {
background: rgba(0, 0, 0, 0.05);
}
.numInputWrapper:hover span {
opacity: 1;
}
.flatpickr-current-month {
font-size: 135%;
line-height: inherit;
font-weight: 300;
color: inherit;
position: absolute;
width: 75%;
left: 12.5%;
padding: 7.48px 0 0 0;
line-height: 1;
height: 34px;
display: inline-block;
text-align: center;
-webkit-transform: translate3d(0px, 0px, 0px);
transform: translate3d(0px, 0px, 0px);
}
.flatpickr-current-month span.cur-month {
font-family: inherit;
font-weight: 700;
color: inherit;
display: inline-block;
margin-left: 0.5ch;
padding: 0;
}
.flatpickr-current-month span.cur-month:hover {
background: rgba(0, 0, 0, 0.05);
}
.flatpickr-current-month .numInputWrapper {
width: 6ch;
width: 7ch\0 ;
display: inline-block;
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
border-bottom-color: rgba(0, 0, 0, 0.9);
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
border-top-color: rgba(0, 0, 0, 0.9);
}
.flatpickr-current-month input.cur-year {
background: transparent;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: inherit;
cursor: text;
padding: 0 0 0 0.5ch;
margin: 0;
display: inline-block;
font-size: inherit;
font-family: inherit;
font-weight: 300;
line-height: inherit;
height: auto;
border: 0;
border-radius: 0;
vertical-align: initial;
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
}
.flatpickr-current-month input.cur-year:focus {
outline: 0;
}
.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
font-size: 100%;
color: rgba(0, 0, 0, 0.5);
background: transparent;
pointer-events: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
appearance: menulist;
background: transparent;
border: none;
border-radius: 0;
box-sizing: border-box;
color: inherit;
cursor: pointer;
font-size: inherit;
font-family: inherit;
font-weight: 300;
height: auto;
line-height: inherit;
margin: -1px 0 0 0;
outline: none;
padding: 0 0 0 0.5ch;
position: relative;
vertical-align: initial;
-webkit-box-sizing: border-box;
-webkit-appearance: menulist;
-moz-appearance: menulist;
width: auto;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:focus,
.flatpickr-current-month .flatpickr-monthDropdown-months:active {
outline: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
background: rgba(0, 0, 0, 0.05);
}
.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
background-color: transparent;
outline: none;
padding: 0;
}
.flatpickr-weekdays {
background: transparent;
text-align: center;
overflow: hidden;
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 28px;
}
.flatpickr-weekdays .flatpickr-weekdaycontainer {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
span.flatpickr-weekday {
cursor: default;
font-size: 90%;
background: transparent;
color: rgba(0, 0, 0, 0.54);
line-height: 1;
margin: 0;
text-align: center;
display: block;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
font-weight: bolder;
}
.dayContainer,
.flatpickr-weeks {
padding: 1px 0 0 0;
}
.flatpickr-days {
position: relative;
overflow: hidden;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
width: 307.875px;
}
.flatpickr-days:focus {
outline: 0;
}
.dayContainer {
padding: 0;
outline: 0;
text-align: left;
width: 307.875px;
min-width: 307.875px;
max-width: 307.875px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-wrap: wrap;
-ms-flex-pack: justify;
-webkit-justify-content: space-around;
justify-content: space-around;
-webkit-transform: translate3d(0px, 0px, 0px);
transform: translate3d(0px, 0px, 0px);
opacity: 1;
}
.dayContainer + .dayContainer {
-webkit-box-shadow: -1px 0 0 #e6e6e6;
box-shadow: -1px 0 0 #e6e6e6;
}
.flatpickr-day {
background: none;
border: 1px solid transparent;
border-radius: 150px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #393939;
cursor: pointer;
font-weight: 400;
width: 14.2857143%;
-webkit-flex-basis: 14.2857143%;
-ms-flex-preferred-size: 14.2857143%;
flex-basis: 14.2857143%;
max-width: 39px;
height: 39px;
line-height: 39px;
margin: 0;
display: inline-block;
position: relative;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
cursor: pointer;
outline: 0;
background: #e6e6e6;
border-color: #e6e6e6;
}
.flatpickr-day.today {
border-color: #959ea9;
}
.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
border-color: #959ea9;
background: #959ea9;
color: #fff;
}
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
background: #569ff7;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
border-color: #569ff7;
}
.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
border-radius: 50px 0 0 50px;
}
.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
border-radius: 0 50px 50px 0;
}
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
-webkit-box-shadow: -10px 0 0 #569ff7;
box-shadow: -10px 0 0 #569ff7;
}
.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
border-radius: 50px;
}
.flatpickr-day.inRange {
border-radius: 0;
-webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
color: rgba(57, 57, 57, 0.3);
background: transparent;
border-color: transparent;
cursor: default;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
cursor: not-allowed;
color: rgba(57, 57, 57, 0.1);
}
.flatpickr-day.week.selected {
border-radius: 0;
-webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
}
.flatpickr-day.hidden {
visibility: hidden;
}
.rangeMode .flatpickr-day {
margin-top: 1px;
}
.flatpickr-weekwrapper {
float: left;
}
.flatpickr-weekwrapper .flatpickr-weeks {
padding: 0 12px;
-webkit-box-shadow: 1px 0 0 #e6e6e6;
box-shadow: 1px 0 0 #e6e6e6;
}
.flatpickr-weekwrapper .flatpickr-weekday {
float: none;
width: 100%;
line-height: 28px;
}
.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
display: block;
width: 100%;
max-width: none;
color: rgba(57, 57, 57, 0.3);
background: transparent;
cursor: default;
border: none;
}
.flatpickr-innerContainer {
display: block;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
.flatpickr-rContainer {
display: inline-block;
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.flatpickr-time {
text-align: center;
outline: 0;
display: block;
height: 0;
line-height: 40px;
max-height: 40px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.flatpickr-time:after {
content: "";
display: table;
clear: both;
}
.flatpickr-time .numInputWrapper {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
width: 40%;
height: 40px;
float: left;
}
.flatpickr-time .numInputWrapper span.arrowUp:after {
border-bottom-color: #393939;
}
.flatpickr-time .numInputWrapper span.arrowDown:after {
border-top-color: #393939;
}
.flatpickr-time.hasSeconds .numInputWrapper {
width: 26%;
}
.flatpickr-time.time24hr .numInputWrapper {
width: 49%;
}
.flatpickr-time input {
background: transparent;
-webkit-box-shadow: none;
box-shadow: none;
border: 0;
border-radius: 0;
text-align: center;
margin: 0;
padding: 0;
height: inherit;
line-height: inherit;
color: #393939;
font-size: 14px;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
}
.flatpickr-time input.flatpickr-hour {
font-weight: bold;
}
.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
font-weight: 400;
}
.flatpickr-time input:focus {
outline: 0;
border: 0;
}
.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
height: inherit;
float: left;
line-height: inherit;
color: #393939;
font-weight: bold;
width: 2%;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
}
.flatpickr-time .flatpickr-am-pm {
outline: 0;
width: 18%;
cursor: pointer;
text-align: center;
font-weight: 400;
}
.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
background: #eee;
}
.flatpickr-input[readonly] {
cursor: pointer;
}
@-webkit-keyframes fpFadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fpFadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
} .cover-bg {
background-size: cover;
background-position: center center;
}
.cover-bg img {
display: none;
}
.covered {
max-height: initial;
}
.bg-image img,
.bg-image picture,
.bg-image picture img {
max-height: initial;
}
.bg-video video {
height: 100%;
width: 100%;
object-fit: cover;
}
.bg-white {
background-color: var(--color-white);
}
.bg-gray-98 {
background-color: var(--color-gray-98);
}
.bg-gray-100 {
background-color: var(--color-gray-100);
}
.bg-gray-150 {
background-color: var(--color-gray-150);
}
.bg-gray-950 {
background-color: var(--color-gray-950);
color: var(--color-beige);
}
.bg-primary {
background-color: var(--color-primary);
color: var(--color-white);
}
.overflow-h {
overflow: hidden;
}
.p-none {
pointer-events: none;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.text--white {
color: var(--color-white);
}
.text--grass {
color: var(--color-grass);
}
.text--gray {
color: var(--color-gray);
}
.text--gray-300 {
color: var(--color-gray-300);
}
.text--gray-400 {
color: var(--color-gray-400);
}
.text--gray-500 {
color: var(--color-gray-500);
}
.text--gray-600 {
color: var(--color-gray-600);
}
.text--gray-800 {
color: var(--color-gray-800);
}
.text--red {
color: var(--color-validation-failed);
}
.text--primary {
color: var(--color-primary);
}
.text--lt {
font-weight: 300;
}
.text--rg {
font-weight: 400;
}
.text--md {
font-weight: 500;
}
.text--sb {
font-weight: 600;
}
.text--bd {
font-weight: 700;
}
.text--bk {
font-weight: 800;
}
.text--uppercase {
text-transform: uppercase;
}
.stretched-link {
position: absolute;
left: 0;
top: 0;
z-index: 5;
font-size: 0;
line-height: 0;
width: 100%;
height: 100%;
}
[data-indicator-wrapper] {
position: relative;
}
.active-indicator {
background-color: var(--color-yellow);
position: absolute;
left: 0;
top: 0;
height: 100%;
min-width: 1px;
pointer-events: none;
border-radius: 100px;
transition: transform 0.3s ease, width 0.3s ease, height 0.3s ease;
}
@media only screen and (max-width: 767px) {
.hidden-mobile {
display: none;
}
}
@media only screen and (max-width: 1022px) {
.hidden-tablet-p {
display: none;
}
}
.visible-mobile {
display: none;
}
@media only screen and (max-width: 767px) {
.visible-mobile {
display: block;
}
}
.visible-tablet-p {
display: none;
}
@media only screen and (max-width: 1022px) {
.visible-tablet-p {
display: block;
}
}
.d-none,
.hide {
display: none;
}
.show {
display: block;
}
.mx-auto {
width: 100%;
display: block;
margin: 0 auto;
}
.d-flex {
display: flex;
}
.f-auto {
flex: auto;
display: flex;
flex-direction: column;
}
.container--large {
width: 100%;
display: block;
margin: 0 auto;
max-width: calc(100% - 24px);
padding: 0;
}
@media only screen and (max-width: 1200px) {
.container--large {
max-width: calc(100% - 12px);
}
}
@media (min-width: 1600px) {
.container--small {
max-width: 1292px;
padding-left: 20px;
padding-right: 20px;
}
}
@media only screen and (max-width: 1022px) {
.container--full-mobile {
max-width: calc(100% - 12px);
}
}
.border-gray-200 {
border: 0.5px solid var(--color-gray-200);
}
.border-gray-300 {
border: 0.5px solid var(--color-gray-300);
}
.shadow-sm {
box-shadow: var(--shadow-default);
}
.rounded-8 {
border-radius: 8px;
}
.rounded-16 {
border-radius: 16px;
}
.rounded-24 {
border-radius: 24px;
}
@media only screen and (max-width: 1022px) {
.rounded-24 {
border-radius: 14px;
}
}
.rounded-32 {
border-radius: 32px;
}
@media only screen and (max-width: 767px) {
.rounded-32 {
border-radius: 24px;
}
}
.rounded-36 {
border-radius: 36px;
}
@media only screen and (max-width: 1022px) {
.rounded-36 {
border-radius: 20px;
}
}
.swiper {
-webkit-user-select: none;
user-select: none;
}
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination {
position: relative;
bottom: 0;
top: 0;
width: 100%;
line-height: normal;
display: flex;
justify-content: center;
gap: 12px;
}
.swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet,
.swiper-pagination .swiper-pagination-bullet {
margin: 0;
}
.swiper-pagination-bullets.swiper-pagination-horizontal-bullet,
.swiper-pagination-bullet {
height: 5px;
width: 5px;
border: 0;
outline: 0;
border-radius: 100%;
margin: 0;
opacity: 1;
background-color: var(--color-gray-500);
transition: background-color 0.3s ease, opacity 0.3s ease;
}
.swiper-pagination-bullets.swiper-pagination-horizontal-bullet-active,
.swiper-pagination-bullet-active {
background-color: var(--color-white);
}
@media only screen and (min-width: 1023px) {
.swiper-pagination-bullets.swiper-pagination-horizontal-bullet:hover,
.swiper-pagination-bullet:hover {
background-color: var(--color-white);
}
}
.swiper-horizontal .swiper-button-prev,
.swiper-horizontal .swiper-button-next,
.swiper-horizontal ~ .swiper-button-prev,
.swiper-horizontal ~ .swiper-button-next {
margin: 0;
top: 0;
right: initial;
left: 0;
}
.swiper-horizontal .swiper-button-prev svg,
.swiper-horizontal .swiper-button-next svg,
.swiper-horizontal ~ .swiper-button-prev svg,
.swiper-horizontal ~ .swiper-button-next svg {
display: none;
}
.slider-nav.d-none {
display: none;
}
.slider-nav__arrow {
margin: 0;
top: 0;
left: 0;
bottom: initial;
width: 36px;
height: 36px;
flex-shrink: 0;
background-color: var(--color-primary);
border-radius: 100%;
color: var(--color-white);
transition: background-color 0.5s var(--easing-default), opacity 0.5s var(--easing-default);
}
@media only screen and (max-width: 767px) {
.slider-nav__arrow {
width: 30px;
height: 30px;
}
}
.slider-nav__arrow .icon {
width: 20px;
height: 20px;
}
@media only screen and (max-width: 767px) {
.slider-nav__arrow .icon {
width: 16px;
height: 16px;
}
}
.slider-nav__arrow .icon::before {
background-color: currentColor;
}
.slider-nav__arrow .icon-arrow-left::before {
transform: scaleX(-1);
}
@media only screen and (min-width: 1023px) {
.slider-nav__arrow:hover {
background-color: var(--color-primary-hover);
}
}
.slider-nav__arrow.arrow-right {
left: initial;
right: 0;
}
.slider-nav__arrow.swiper-button-disabled {
opacity: 0.2;
pointer-events: none;
}
.slider-nav--secondary {
position: relative;
margin-top: 66px;
display: flex;
justify-content: flex-end;
gap: 8px;
}
@media only screen and (max-width: 1022px) {
.slider-nav--secondary {
margin-top: 32px;
}
}
.slider-nav--secondary .slider-nav__arrow {
position: relative;
border-radius: 0;
width: 84px;
height: 56px;
}
@media only screen and (max-width: 1022px) {
.slider-nav--secondary .slider-nav__arrow {
width: 70px;
height: 48px;
}
}
.slider-nav--secondary .slider-nav__arrow .icon {
width: 24px;
height: 24px;
}
@media only screen and (max-width: 1022px) {
.slider-nav--secondary .slider-nav__arrow .icon {
width: 20px;
height: 20px;
}
}
.slider-nav--secondary .slider-nav__arrow.swiper-button-disabled {
opacity: 1;
background-color: rgba(74, 74, 74, 0.3019607843);
}
@media only screen and (max-width: 767px) {
[data-slider-parent] .swiper {
width: calc(100% + 32px);
margin-left: -16px;
padding: 0 16px;
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
display: flex;
overflow: auto;
min-width: 0;
-ms-overflow-style: none;
scrollbar-width: none;
}
[data-slider-parent] .swiper::-webkit-scrollbar {
display: none;
}
}
@media only screen and (max-width: 767px) {
[data-slider-parent] .swiper-wrapper {
display: flex;
flex-wrap: nowrap;
gap: 24px;
width: auto;
}
}
@media only screen and (max-width: 767px) {
[data-slider-parent] .swiper:not(.swiper-initialized) .swiper-pagination, [data-slider-parent] .swiper:not(.swiper-initialized) .swiper-slide:not(:first-of-type) {
display: block !important;
}
}
[data-slider-parent]:has(.arrow-right.swiper-button-disabled) .swiper::after, [data-slider-parent]:has(.arrow-left.swiper-button-disabled) .swiper::before {
opacity: 0;
}
.p-0 {
padding: 0 !important;
}
.p-relative {
position: relative;
}
.mx-content {
max-width: 826px;
width: 100%;
margin: 0 auto;
}
.h-100 {
height: 100%;
}
.close-button {
position: relative;
width: 40px;
height: 40px;
flex-shrink: 0;
border-radius: 100%;
background-color: var(--color-primary);
}
.close-button .icon {
height: 30px;
width: 30px;
}
.close-button .icon:before {
background-color: var(--color-white);
}
.vertical-title {
font-weight: 500;
color: var(--color-gray-300);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@media only screen and (min-width: 1023px) {
.vertical-title {
-webkit-writing-mode: tb-rl;
writing-mode: tb-rl;
white-space: nowrap;
rotate: 180deg;
}
}
html,
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
}
::selection {
background-color: var(--color-black);
color: var(--color-white);
}
body {
color: var(--color-font-color);
font-family: var(--font-primary);
position: relative;
height: auto;
width: 100%;
display: flex;
flex-direction: column;
min-height: 100vh;
align-items: flex-start;
}
body.icv__body, body.body-scroll-locked, body.is-open-menu, body.is-open-search, body.is-open-mega-menu, body.noscroll {
overflow: hidden;
padding-right: var(--scroll-width, 0px);
}
.noselect,
.noselect * {
-webkit-user-select: none;
user-select: none;
}
ul,
ol {
list-style: none;
margin: 0;
padding: 0;
}
p {
margin: 0;
}
a {
color: inherit;
text-decoration: none;
transition: color 0.3s ease, border 0.3s ease;
}
i,
em {
font-style: italic;
} h1 {
font-weight: inherit;
font-size: inherit;
margin: 0;
} h2 {
font-weight: inherit;
font-size: inherit;
margin: 0;
} h3 {
font-weight: inherit;
font-size: inherit;
margin: 0;
} h4 {
font-weight: inherit;
font-size: inherit;
margin: 0;
} h5 {
font-weight: inherit;
font-size: inherit;
margin: 0;
} h6 {
font-weight: inherit;
font-size: inherit;
margin: 0;
}
img {
margin: 0;
max-height: 100%;
max-width: 100%;
height: auto;
width: auto;
object-fit: cover;
}
figure img {
margin: 0;
}
.sc-general {
width: 100%;
position: relative;
}
.swiper:not(.swiper-initialized) .swiper-pagination,
.swiper:not(.swiper-initialized) .swiper-slide:not(:first-of-type) {
display: none !important;
}
.swiper-button-prev:after,
.swiper-button-next:after {
font-size: 0 !important;
}
form select::-ms-expand {
display: none;
}
input,
select,
textarea {
box-shadow: none;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
}
input:-webkit-autofill,
select:-webkit-autofill,
textarea:-webkit-autofill {
-webkit-box-shadow: 0 0 0 1000px var(--color-white) inset !important;
-webkit-text-fill-color: var(--color-dark-gray) !important;
}
input:auto-fill,
select:auto-fill,
textarea:auto-fill {
color: var(--color-dark-gray) !important;
background-color: var(--color-white) !important;
}
input,
textarea {
-webkit-appearance: none;
border-radius: 0;
}
input:invalid:not(:focus) {
outline: none;
}
textarea::-ms-clear,
input::-ms-clear {
display: none;
}
main {
width: 100%;
flex: 1 0 auto;
padding-top: var(--header-height, 175px);
}
@media only screen and (max-width: 1022px) {
main {
padding-top: var(--header-height, 121px);
}
}
@media only screen and (max-width: 767px) {
main {
padding-top: var(--header-height, 170px);
}
}
:has(body .site-header__top-bar) main {
padding-top: var(--header-height, 213px);
}
@media only screen and (max-width: 1022px) {
:has(body .site-header__top-bar) main {
padding-top: var(--header-height, 158px);
}
}
@media only screen and (max-width: 767px) {
:has(body .site-header__top-bar) main {
padding-top: var(--header-height, 244px);
}
}
@media only screen and (min-width: 1023px) {
:has(body .notification-bar) main {
padding-top: var(--header-height, 240px);
}
}
@media only screen and (min-width: 1023px) {
:has(body .notification-bar):has(body .site-header__top-bar) main {
padding-top: var(--header-height, 278px);
}
}
main:has(.product-hero), main:has(.landing-module) {
padding-top: 0 !important;
}
.sdt-env__badge {
position: fixed;
display: block;
right: 40px; height: 40px;
line-height: 40px;
transform-origin: 100% 0;
background-color: #1a2e44;
padding: 0 35px;
border-radius: 15px 15px 0 0;
transform: rotate(270deg);
z-index: 99999;
font-weight: bold;
color: white;
font-size: 13px;
font-family: sans-serif;
}
.sdt-env__badge .icon {
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNDAuNjMiIGhlaWdodD0iMTU5LjQ0IiB2aWV3Qm94PSIwIDAgMTQwLjYzIDE1OS40NCI+PHBhdGggZD0iTTI1LjUxLDI5LjgzYy00LjMtMi40OC0yLjQ4LTMuNTMsMS4yNC01LjczUzY0LjQ1LDIuNjIsNjcuMjIsMS4xczQuMzktMS42Miw4LjU5LC43NiwzNy40MiwyMS4zOCw0MC4xOSwyMi44MiwyLjQ4LDMuMTUsMCw0LjU4LTguNzgsNS4xNS0xMC45OCw2LjExLTYuNzgsLjY3LTkuNjQtMS4wNS0xNC43LTguNS0xOC45LTExLjM2LTcuMzUtMi42Ny0xMi4zMSwuMTktMTcuMjgsMTAuMDItMjAuMDUsMTEuNDYtNi40OSwyLjM5LTEwLjEyLC40OC04LjUtNS4yNS04LjUtNS4yNVoiIHN0eWxlPSJmaWxsOiNmZmY7Ii8+PHBhdGggZD0iTTI0Ljk4LDY0LjQ5YzIuNzcsMS40MywzNS45OSwyMC40Myw0MC4xOSwyMi44MnM1LjgyLDIuMjksOC41OSwuNzYsMzYuNzUtMjAuODEsNDAuNDgtMjMuMDFsNy4wNS0zLjY3djQ3LjM1czExLjQ2LDYuMzYsMTQuNzYsOC41NCw0LjU4LS45LDQuNTgtNC4yMVY0Ni4xMmMwLTEwLjE4LTguNC0xMi4yMi0xNS4yNy04LjY2cy0yOC40OSwxNy4xLTI4LjQ5LDE3LjFjLTIuNzcsMS40My0xNS4wOCw4LjU5LTIwLjA1LDExLjQ2cy04LjExLDMuMDUtMTIuMzEsLjE5LTE2LjA0LTkuNjQtMTguOS0xMS4zNmMwLDAtMjAuOC0xMi41NS0yOC42OS0xNi42MlMuMTEsMzcuNDcsLjExLDQ1LjM2LS4xNCwxMDguNzUsLjExLDExMi41NnMyLjA1LDYuMDgsNi44NywzLjU2YzcuMjItMy43NiwxMi43My03LjM4LDEyLjczLTcuMzhsLjc2LTQ2LjU5LDQuNTEsMi4zM1oiIHN0eWxlPSJmaWxsOiMyMmQxNzI7Ii8+PHBhdGggZD0iTTEyNS40OCwxMjMuNjFjNC4zLDIuNDgsMi40OCwzLjUzLTEuMjQsNS43M3MtNDcuNzEsMjcuNDgtNTAuNDgsMjkuMDEtNC4zOSwxLjYyLTguNTktLjc2LTQ3LjQyLTI3LjM4LTUwLjE5LTI4LjgyLTIuNDgtMy4xNSwwLTQuNTgsOC43OC01LjE1LDEwLjk4LTYuMTEsNi43OC0uNjcsOS42NCwxLjA1LDI0LjcsMTQuNSwyOC45LDE3LjM2LDcuMzUsMi42NywxMi4zMS0uMTksMjcuMjgtMTYuMDIsMzAuMDUtMTcuNDYsNi40OS0yLjM5LDEwLjEyLS40OCw4LjUsNS4yNSw4LjUsNS4yNVoiIHN0eWxlPSJmaWxsOiNmZmY7Ii8+PC9zdmc+") !important;
background-position: center bottom;
background-repeat: no-repeat;
background-size: 20px 20px;
float: right;
width: 20px;
height: 30px;
margin-left: 10px;
}
.sdt-env__badge .icon::before {
background-color: transparent;
}
.sdt-env__badge .mailtrap-unread-email {
display: inline-block;
box-sizing: border-box;
margin: 12px 0 0 25px;
min-width: 18px;
height: 18px;
border-radius: 9px;
background-color: #d63638;
color: #fff;
font-size: 11px;
line-height: 1.6;
text-align: center;
z-index: 26;
}
.sdt-env__badge.local {
background-color: #fdb833;
color: #2b2b2b;
}
.sdt-env__badge.staging {
background-color: #ea3546;
}
.sdt-env__badge.production {
background-color: #1789fc;
}
img.lazyload,
img.lazyloaded {
transition: opacity 0.1s ease, transform 0.3s ease !important;
}
.grecaptcha-badge,
.g-captcha,
.g-recaptcha {
position: absolute !important;
right: 100vw !important;
top: -100vh !important;
}
html.lenis,
html.lenis body {
height: auto;
}
.lenis.lenis-smooth {
scroll-behavior: auto !important;
}
.lenis.lenis-smooth [data-lenis-prevent] {
overscroll-behavior: contain;
}
.lenis.lenis-stopped {
overflow: hidden;
}
.lenis.lenis-smooth iframe {
pointer-events: none;
}
#wp-admin-bar-sp-role-switcher span.on {
background-color: #d63638;
display: inline-block;
box-sizing: border-box;
margin: 1px 0 -1px 2px;
padding: 0 5px;
min-width: 18px;
height: 18px;
border-radius: 9px;
color: #fff;
font-size: 11px;
line-height: 1.6;
text-align: center;
z-index: 26;
}
#wp-admin-bar-sp-role-switcher span.on:before {
content: "\f177";
font-family: "Dashicons"; }
#wp-admin-bar-sp-role-switcher span.off:before {
content: "\f530";
font-family: Dashicons; }
#wp-admin-bar-sp-role-switcher.menupop.hover ul li.sp-switch-back a {
color: #d63638;
}
.editable-section {
position: relative;
cursor: pointer;
outline: 1px dashed rgba(80, 80, 80, 0.4);
background-color: rgba(0, 0, 0, 0.02);
transition: background-color 0.5s ease, outline-color 0.5s ease;
}
.editable-section:hover {
background-color: rgba(0, 0, 0, 0.04);
}
.editable-section:hover::before {
content: "Edit this module";
position: absolute;
inset: 0;
display: flex;
justify-content: center;
align-items: center;
background: rgba(255, 255, 255, 0.6);
backdrop-filter: blur(3px);
font-size: 0.95rem;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.4);
pointer-events: none;
z-index: 1000;
text-align: center;
border-radius: 4px;
opacity: 0;
animation: classyFade 0.6s ease forwards;
}
@keyframes classyFade {
from {
opacity: 0;
transform: scale(0.985);
}
to {
opacity: 1;
transform: scale(1);
}
}
.development-error--active {
overflow: hidden;
}
.development-error__wrapper {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: auto;
z-index: 100000000000000000;
display: flex;
align-content: center;
align-items: center;
flex-direction: column;
padding: 10vh 15px 0;
}
@media (max-height: 812px) {
.development-error__wrapper {
padding: 15px 15px 0;
}
}
.development-error__wrapper.is-hidden {
display: none;
}
.development-error {
--size-gap-half: 4px;
--size-gap: 8px;
--size-gap-double: 16px;
--size-gap-triple: 24px;
--size-gap-quad: 32px;
--size-font-small: 14px;
--size-font: 16px;
--size-font-big: 20px;
--size-font-bigger: 24px;
--color-accents-1: #808080;
--color-accents-2: #222222;
--color-accents-3: #404040;
--font-stack-monospace: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
--color-ansi-selection: rgba(95, 126, 151, 0.48);
--color-ansi-bg: #111111;
--color-ansi-fg: #cccccc;
--color-ansi-white: #777777;
--color-ansi-black: #141414;
--color-ansi-blue: #00aaff;
--color-ansi-cyan: #88ddff;
--color-ansi-green: #98ec65;
--color-ansi-magenta: #aa88ff;
--color-ansi-red: #ff5555;
--color-ansi-yellow: #ffcc33;
--color-ansi-bright-white: #ffffff;
--color-ansi-bright-black: #777777;
--color-ansi-bright-blue: #33bbff;
--color-ansi-bright-cyan: #bbecff;
--color-ansi-bright-green: #b6f292;
--color-ansi-bright-magenta: #cebbff;
--color-ansi-bright-red: #ff8888;
--color-ansi-bright-yellow: #ffd966;
display: flex;
flex-direction: column;
width: 100%;
margin-right: auto;
margin-left: auto;
outline: none;
background: white;
border-radius: var(--size-gap);
box-shadow: 0 var(--size-gap-half) var(--size-gap-double) rgba(0, 0, 0, 0.25);
max-height: calc(100% - 56px);
overflow-y: hidden;
}
@media (min-width: 576px) {
.development-error {
max-width: 540px;
box-shadow: 0 var(--size-gap) var(--size-gap-quad) rgba(0, 0, 0, 0.25);
}
}
@media (min-width: 768px) {
.development-error {
max-width: 720px;
}
}
@media (min-width: 992px) {
.development-error {
max-width: 960px;
}
}
.development-error small {
font-size: 80%;
color: #757575;
}
.development-error__backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(17, 17, 17, 0.2);
pointer-events: all;
cursor: not-allowed;
-webkit-backdrop-filter: blur(25px);
backdrop-filter: blur(25px);
z-index: -1;
}
.development-error__banner {
z-index: 2;
content: "";
position: absolute;
top: 0;
right: 0;
width: 100%;
border-top-width: var(--size-gap-half);
border-bottom-width: 0;
border-top-style: solid;
border-bottom-style: solid;
border-color: var(--color-ansi-red);
}
.development-error__header {
position: relative;
margin-bottom: var(--size-gap-double);
}
.development-error__header button {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
padding: 20px 0 20px 20px;
font-size: 24px;
}
.development-error__title {
font-weight: 500;
font-size: 24px;
line-height: 34px;
padding: 0;
}
.development-error__content {
position: relative;
overflow-y: auto;
border: none;
margin: 0;
padding: calc(var(--size-gap-double) + var(--size-gap-half)) var(--size-gap-double);
height: 100%;
display: flex;
flex-direction: column;
}
.development-error__body {
position: relative;
flex: 1 1 auto;
}
.development-error__terminal {
border-radius: var(--size-gap-half);
background-color: var(--color-ansi-bg);
color: var(--color-ansi-fg);
}
.development-error__terminal * {
color: inherit;
background-color: transparent;
font-family: var(--font-stack-monospace);
}
.development-error__terminal > * {
margin: 0;
padding: calc(var(--size-gap) + var(--size-gap-half)) calc(var(--size-gap-double) + var(--size-gap-half));
}
.development-error__terminal pre {
white-space: pre-wrap;
word-break: break-word;
}
.development-error__terminal pre b {
color: var(--color-ansi-cyan);
}
.development-error footer {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: var(--size-gap);
}
.development-error footer button small {
color: black;
font-weight: 500;
}
.development-error footer small span {
color: black;
}
.btn {
cursor: pointer;
font-family: var(--font-primary);
font-size: 16px;
line-height: 1.5;
padding: 0;
display: inline-flex;
text-align: center;
align-items: center;
font-weight: 700;
justify-content: center;
gap: 8px;
color: var(--color-gray-600);
background-color: transparent;
border: 0;
letter-spacing: 0.01em;
transition: background-color 300ms ease, color 300ms ease, border-color 300ms ease, transform 300ms ease, box-shadow 300ms ease;
}
.btn__text {
display: block;
pointer-events: none;
transition: transform 300ms ease;
position: relative;
z-index: 3;
}
.btn:active {
transform: scale(0.95);
}
.btn__icon {
width: 14px;
height: 14px;
}
.btn__icon .icon {
width: 14px;
height: 14px;
transition: transform 300ms ease;
}
.btn__icon .icon::before {
background-color: var(--color-primary);
}
.btn:active, .btn:hover {
color: var(--color-primary);
}
.btn:active .icon-circle-arrow-right, .btn:hover .icon-circle-arrow-right {
transform: translateX(4px);
}
.btn--default {
text-align: left;
justify-content: flex-start;
}
.btn--dark {
text-align: left;
justify-content: flex-start;
}
.btn--dark .icon::before {
background-color: currentColor;
}
.btn--dark:active, .btn--dark:hover {
color: var(--color-primary);
}
.btn--dark:active .icon::before, .btn--dark:hover .icon::before {
background-color: var(--color-primary);
}
.btn--white {
color: var(--color-white);
}
.btn--white .icon::before {
background-color: currentColor;
}
.btn--white:active, .btn--white:hover {
color: var(--color-primary);
}
.btn--white:active .icon::before, .btn--white:hover .icon::before {
background-color: var(--color-primary);
}
.bg-primary .btn--white:active, .bg-primary .btn--white:hover {
color: var(--color-primary-light);
}
.bg-primary .btn--white:active .icon::before, .bg-primary .btn--white:hover .icon::before {
background-color: var(--color-primary-light);
}
.btn.dark-icon .icon::before {
background-color: currentColor;
}
.btn--secondary {
min-height: 38px;
padding: 4px 24px;
color: var(--color-white);
border-radius: 8px;
font-weight: 700;
font-size: 14px;
background-color: var(--color-primary);
}
.btn--secondary:hover, .btn--secondary:active {
color: var(--color-white);
background-color: var(--color-primary-hover);
box-shadow: 0 0 0 3px rgba(141, 198, 63, 0.3);
}
.btn--secondary.btn--ghost {
background-color: transparent;
color: var(--color-primary);
border: 2px solid var(--color-primary);
}
.btn--secondary.btn--ghost:hover, .btn--secondary.btn--ghost:active {
color: var(--color-white);
background-color: var(--color-primary-hover);
border-color: var(--color-primary-hover);
}
.btn--left-icon .btn__icon {
order: -1;
}
.btn[disabled], .btn--disabled {
cursor: not-allowed;
transition: none;
pointer-events: none;
opacity: 0.5;
}
.btn[disabled] .btn__icon, .btn--disabled .btn__icon {
transform: none !important;
}
.btn.hide, .btn.d-none {
display: none;
}
.checkbox {
user-select: none;
line-height: 1.5;
position: relative;
}
@media only screen and (max-width: 767px) {
.checkbox {
line-height: 20px;
}
}
.checkbox__label {
position: relative;
padding-left: 28px;
cursor: pointer;
margin: 0;
display: flex;
flex-direction: column;
transition: color 0.3s ease;
}
.checkbox__label::after, .checkbox__label:before {
content: "";
left: 0;
top: 1px;
position: absolute;
pointer-events: none;
width: 20px;
height: 20px;
border-radius: 4px;
}
.checkbox__label:before {
border: 0.5px solid var(--color-gray-300);
background-color: var(--color-white);
transition: background-color 0.3s ease, border 0.3s ease;
}
.checkbox__label::after {
transform: scale(0);
transition: transform 0.3s ease, opacity 0.3s ease;
background: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23262626' d='M15.934 5.566c.246.274.246.684 0 .93l-7.22 7.219c-.273.273-.683.273-.929 0L4.066 9.996a.599.599 0 0 1 0-.902.599.599 0 0 1 .903 0l3.254 3.254 6.78-6.782a.644.644 0 0 1 .903 0h.028Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23262626' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center/16px auto;
}
@media only screen and (min-width: 1023px) {
.checkbox__label:hover::before {
border-color: var(--color-gray-600);
}
}
.checkbox input {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
font-size: 0;
line-height: 0;
}
.checkbox input:checked ~ label::after {
transform: scale(1);
}
.checkbox a {
text-decoration: underline;
}
.checkbox a:hover {
text-decoration: none;
}
.checkbox.is-validation-failed .checkbox__label::before, .is-validation-failed .checkbox .checkbox__label::before {
background-color: rgba(230, 0, 0, 0.3);
border-color: var(--color-validation-failed);
}
.checkbox .fv-plugins-message-container {
text-align: left;
padding-left: 28px;
}
.checkbox .fv-plugins-message-container div {
margin: 0;
}
.checkbox.is-disabled {
pointer-events: none;
}
.checkbox.is-disabled input {
pointer-events: none;
}
.checkbox.is-disabled .checkbox__label::before {
border-color: var(--color-gray-300);
background-color: var(--color-gray-200);
}
.checkbox.is-disabled .checkbox__label,
.checkbox.is-disabled .checkbox__text {
color: var(--color-gray-400);
}
.dropdown {
width: 100%;
position: relative;
}
.dropdown__label {
position: relative;
margin: 0 0 2px;
display: block;
z-index: 4;
font-size: 14px;
font-weight: 600;
}
.dropdown__placeholder {
-webkit-user-select: none;
user-select: none;
position: relative;
width: 100%;
height: 36px;
border: 0.5px solid var(--color-gray-300);
background-color: transparent;
border-radius: 0;
outline: none;
z-index: 1;
font-family: var(--font-primary);
color: var(--color-font-color);
padding: 6px 12px;
transition: border-color 0.5s var(--easing-default), background-color 0.5s var(--easing-default);
font-weight: 400;
font-size: 14px;
align-items: flex-start;
display: flex;
text-align: left;
cursor: pointer;
}
.dropdown__placeholder-text {
transition: transform 0.5s var(--easing-default), opacity 0.5s var(--easing-default);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
padding-right: 40px;
max-width: calc(100vw - 70px);
color: var(--color-gray-400);
}
.dropdown__arrow {
position: absolute;
right: 0;
top: 0;
width: 35px;
height: 35px;
}
.dropdown__arrow .icon {
width: 24px;
height: 24px;
pointer-events: none;
transition: transform 0.5s var(--easing-default);
}
.dropdown__arrow .icon::before {
background-color: var(--color-primary);
}
.dropdown__list {
position: absolute;
top: 100%;
margin-top: -1px;
width: 100%;
z-index: 9;
left: 0;
overflow: hidden;
background-color: var(--color-white);
border: 0.5px solid var(--color-gray-300);
pointer-events: none;
opacity: 0;
visibility: hidden;
transition: transform 0.5s var(--easing-default), opacity 0.5s var(--easing-default), visibility 0.5s var(--easing-default);
}
.dropdown__list-item {
position: relative;
}
@media only screen and (min-width: 1023px) {
.dropdown__list-item.is-active .dropdown__list-option::after {
transform: translateY(-50%) scale(1);
}
}
.dropdown__list-item:last-child .dropdown__list-option {
border-bottom: 0;
}
.dropdown__list-inner {
overflow: auto;
max-height: 290px;
padding: 0 12px;
}
@media (min-width: 1024px) and (max-height: 550px) {
.dropdown__list-inner {
max-height: calc(100vh - 178px);
min-height: 160px;
}
}
@media only screen and (max-width: 767px) {
.dropdown__list-inner {
max-height: 206px;
}
}
@media only screen and (min-width: 1023px) {
.dropdown__list-inner {
scrollbar-track-color: #757575;
scrollbar-face-color: #8dc63f;
scrollbar-arrow-color: #8dc63f;    }
.dropdown__list-inner::-webkit-scrollbar {
width: 2px;
}
.dropdown__list-inner ::-webkit-scrollbar-track {
-webkit-border-radius: 8px;
border-radius: 8px;
background: #757575;
}
.dropdown__list-inner ::-webkit-scrollbar-thumb:window-inactive {
background: #819e5a;
}
.dropdown__list-inner::-webkit-scrollbar-thumb {
background: #8dc63f;
width: 2px;
border-radius: 8px;
}
.dropdown__list-inner::-webkit-scrollbar-thumb:hover {
background: #88b64a;
}
.dropdown__list-inner ::-webkit-scrollbar {
width: 2px;
}
}
.dropdown__list-inner input:not([type=submit]):not(.input-field__input) {
position: absolute;
width: 0;
height: 0;
opacity: 0;
}
.dropdown__list-inner input:not([type=submit]):not(.input-field__input):checked + .dropdown__list-option {
padding-right: 42px;
}
.dropdown__list-inner input:not([type=submit]):not(.input-field__input):checked + .dropdown__list-option::after {
transform: translateY(-50%) scale(1);
}
.dropdown__list-option {
position: relative;
cursor: pointer;
margin: 0;
width: 100%;
display: flex;
align-items: center;
padding: 10px 28px;
color: var(--color-font-color);
font-size: 14px;
background-color: transparent;
border-bottom: 1px solid var(--color-gray-300);
transition: color 0.5s var(--easing-default), background-color 0.5s var(--easing-default);
}
.dropdown__list-option::before, .dropdown__list-option::after {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
width: 20px;
height: 20px;
border: 1px solid var(--color-gray-400);
transition: background-color 0.5s var(--easing-default), border-color 0.5s var(--easing-default), transform 0.5s var(--easing-default);
}
.dropdown__list-option::after {
border: 0;
background-color: var(--color-primary);
width: 10px;
height: 10px;
left: 5px;
transform: translateY(-50%) scale(0);
}
@media only screen and (min-width: 1023px) {
.dropdown__list-option:hover {
color: var(--color-primary);
}
}
.dropdown__list-option.is-disabled {
background-color: var(--color-gray-200);
pointer-events: none;
}
.dropdown__search {
position: absolute;
left: 0;
top: 0;
width: 100%;
padding: 8px;
z-index: 3;
opacity: 0;
border-bottom: 0.5px dashed var(--color-gray-300);
pointer-events: none;
background-color: var(--color-beige);
}
.dropdown__search input {
background-color: var(--color-white);
width: 100%;
height: 32px;
padding: 0 10px;
outline: none;
color: var(--color-font-color);
font-size: 16px;
border: 0.5px solid var(--color-gray-300);
transition: border-color 0.3s var(--easing-default);
}
.dropdown__search input:focus {
border-color: var(--color-gray-600);
}
.dropdown:hover .dropdown__placeholder {
border-color: var(--color-gray-900);
}
.dropdown.is-open .icon {
transform: scaleY(-1);
}
.dropdown.is-open .dropdown__list {
opacity: 1;
pointer-events: all;
visibility: visible;
transform: translateY(4px);
}
.dropdown.is-open:hover .dropdown__placeholder {
border-color: var(--color-gray-300);
}
.dropdown--search .dropdown__list {
padding-top: 48px;
}
.dropdown--search .dropdown__search {
opacity: 1;
pointer-events: all;
}
.dropdown.is-validation-failed .dropdown__label {
color: var(--color-validation-failed);
}
.dropdown.is-validation-failed .dropdown__placeholder {
border-color: var(--color-validation-failed);
background-color: var(--color-red-50);
color: var(--color-validation-failed);
}
.dropdown.is-validation-failed .dropdown__placeholder .icon::before {
background-color: var(--color-validation-failed);
}
.dropdown.is-validation-failed .fv-plugins-message-container {
margin-top: 4px;
}
.dropdown.is-selected .dropdown__placeholder-text {
color: var(--color-gray-900);
}
.dropdown.hide {
display: none;
}
.icon::before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
pointer-events: none;
}
.icon {
display: block;
position: relative;
width: 24px;
height: 24px;
}
.icon::before {
background-color: currentColor;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
transition: background-color 0.3s ease;
}
.icon-chevron-up:before, .icon-chevron-down:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23262626' d='m12 16.508-.629-.63-5.25-5.25L5.492 10 6.75 8.77l.602.628L12 14.02l4.621-4.622.629-.628L18.48 10l-.628.629-5.25 5.25-.602.629Z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23262626' d='m12 16.508-.629-.63-5.25-5.25L5.492 10 6.75 8.77l.602.628L12 14.02l4.621-4.622.629-.628L18.48 10l-.628.629-5.25 5.25-.602.629Z'/%3E%3C/svg%3E");
}
.icon-arrow-up:before, .icon-arrow-down:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.8359 20.5469L5.82031 14.5703L5.15625 13.9062L6.48438 12.5781L7.14844 13.2422L11.5625 17.6172V4.6875V3.75H13.4375V4.6875V17.6172L17.8125 13.2422L18.4766 12.5781L19.8047 13.9062L19.1406 14.5703L13.1641 20.5469L12.5 21.2109L11.8359 20.5469Z' fill='white'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.8359 20.5469L5.82031 14.5703L5.15625 13.9062L6.48438 12.5781L7.14844 13.2422L11.5625 17.6172V4.6875V3.75H13.4375V4.6875V17.6172L17.8125 13.2422L18.4766 12.5781L19.8047 13.9062L19.1406 14.5703L13.1641 20.5469L12.5 21.2109L11.8359 20.5469Z' fill='white'/%3E%3C/svg%3E%0A");
}
.icon-arrow-left, .icon-arrow-right {
width: 14px;
height: 12px;
}
.icon-arrow-left:before, .icon-arrow-right:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='13' height='11' viewBox='0 0 13 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.7305 6.21484L7.54688 10.4258L7.08203 10.8906L6.15234 9.96094L6.61719 9.49609L9.67969 6.40625H0.65625H0V5.09375H0.65625H9.67969L6.61719 2.03125L6.15234 1.56641L7.08203 0.636719L7.54688 1.10156L11.7305 5.28516L12.1953 5.75L11.7305 6.21484Z' fill='%23262626'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='13' height='11' viewBox='0 0 13 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.7305 6.21484L7.54688 10.4258L7.08203 10.8906L6.15234 9.96094L6.61719 9.49609L9.67969 6.40625H0.65625H0V5.09375H0.65625H9.67969L6.61719 2.03125L6.15234 1.56641L7.08203 0.636719L7.54688 1.10156L11.7305 5.28516L12.1953 5.75L11.7305 6.21484Z' fill='%23262626'/%3E%3C/svg%3E%0A");
}
.icon-chevron-left:before, .icon-chevron-right:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' fill='%23000000'%3E%3Cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' fill='%23000000'%3E%3Cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
}
.icon-chevron-left-bold:before, .icon-chevron-right-bold:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='10' fill='none'%3E%3Cpath fill='%23595959' fill-rule='evenodd' d='m6 5-4.8 5L0 8.749 3.6 5 0 1.251 1.2 0 6 5Z' clip-rule='evenodd'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='10' fill='none'%3E%3Cpath fill='%23595959' fill-rule='evenodd' d='m6 5-4.8 5L0 8.749 3.6 5 0 1.251 1.2 0 6 5Z' clip-rule='evenodd'/%3E%3C/svg%3E");
}
.icon-chevron-double-left, .icon-chevron-double-right {
height: 22px;
}
.icon-chevron-double-left:before, .icon-chevron-double-right:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.002' height='13.002'%3E%3Cg fill-rule='evenodd'%3E%3Cpath d='M.147.147a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 1 1-.708-.708l5.647-5.646L.147.855a.5.5 0 0 1 0-.708Z'/%3E%3Cpath d='M5.147.147a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 1 1-.708-.708l5.647-5.646L5.147.855a.5.5 0 0 1 0-.708Z' data-name='chevron-svgrepo-com'/%3E%3C/g%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.002' height='13.002'%3E%3Cg fill-rule='evenodd'%3E%3Cpath d='M.147.147a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 1 1-.708-.708l5.647-5.646L.147.855a.5.5 0 0 1 0-.708Z'/%3E%3Cpath d='M5.147.147a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 1 1-.708-.708l5.647-5.646L5.147.855a.5.5 0 0 1 0-.708Z' data-name='chevron-svgrepo-com'/%3E%3C/g%3E%3C/svg%3E");
}
.icon-circle-arrow-left:before, .icon-circle-arrow-right:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none'%3E%3Cpath fill='%23595959' d='M7 0a7 7 0 1 1 0 14A7 7 0 0 1 7 0Zm.889 3.111a.55.55 0 1 0-.778.778L9.673 6.45H3v1.1h6.673L7.11 10.11a.55.55 0 1 0 .778.778l3.5-3.5a.55.55 0 0 0 0-.778l-3.5-3.5Z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none'%3E%3Cpath fill='%23595959' d='M7 0a7 7 0 1 1 0 14A7 7 0 0 1 7 0Zm.889 3.111a.55.55 0 1 0-.778.778L9.673 6.45H3v1.1h6.673L7.11 10.11a.55.55 0 1 0 .778.778l3.5-3.5a.55.55 0 0 0 0-.778l-3.5-3.5Z'/%3E%3C/svg%3E");
}
.icon-caret-up, .icon-caret-down {
width: 10px;
height: 8px;
}
.icon-caret-up:before, .icon-caret-down:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='7'%3E%3Cpath fill='%234e4e4e' d='M4.5 7 0 0h9Z' data-name='Polygon 3'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='7'%3E%3Cpath fill='%234e4e4e' d='M4.5 7 0 0h9Z' data-name='Polygon 3'/%3E%3C/svg%3E");
}
.icon-caret-up:before, .icon-chevron-double-left:before, .icon-circle-arrow-left:before, .icon-arrow-up:before, .icon-arrow-left:before, .icon-chevron-left:before, .icon-chevron-up:before {
transform: scale(-1);
}
.icon-search:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath fill='%23A1A1A1' d='m18.163 16.837-3.71-3.712a7.197 7.197 0 1 0-1.328 1.328l3.713 3.714a.94.94 0 0 0 1.328-1.328l-.003-.002ZM3.438 8.75a5.313 5.313 0 1 1 10.625 0 5.313 5.313 0 0 1-10.625 0Z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath fill='%23A1A1A1' d='m18.163 16.837-3.71-3.712a7.197 7.197 0 1 0-1.328 1.328l3.713 3.714a.94.94 0 0 0 1.328-1.328l-.003-.002ZM3.438 8.75a5.313 5.313 0 1 1 10.625 0 5.313 5.313 0 0 1-10.625 0Z'/%3E%3C/svg%3E");
}
.icon-tooltip:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23262626' d='M15.688 9.75c0-2.023-1.094-3.883-2.844-4.922a5.708 5.708 0 0 0-5.688 0A5.683 5.683 0 0 0 4.313 9.75c0 2.05 1.066 3.91 2.843 4.95a5.708 5.708 0 0 0 5.688 0c1.75-1.04 2.844-2.9 2.844-4.95ZM3 9.75a6.948 6.948 0 0 1 3.5-6.043c2.16-1.258 4.813-1.258 7 0C15.66 4.965 17 7.262 17 9.75a7.016 7.016 0 0 1-3.5 6.07c-2.188 1.258-4.84 1.258-7 0A6.96 6.96 0 0 1 3 9.75Zm4.621-2.46a1.527 1.527 0 0 1 1.45-1.04h1.585c.957 0 1.75.793 1.75 1.75 0 .602-.355 1.176-.875 1.477l-.875.52a.659.659 0 0 1-.656.628.632.632 0 0 1-.656-.656v-.356c0-.246.11-.465.328-.574l1.203-.684A.427.427 0 0 0 11.094 8c0-.246-.192-.41-.438-.41H9.07a.206.206 0 0 0-.191.137l-.027.027a.642.642 0 0 1-.82.41.683.683 0 0 1-.41-.848V7.29Zm1.504 5.085c0-.465.383-.875.875-.875a.9.9 0 0 1 .875.875c0 .492-.41.875-.875.875a.864.864 0 0 1-.875-.875Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23262626' d='M15.688 9.75c0-2.023-1.094-3.883-2.844-4.922a5.708 5.708 0 0 0-5.688 0A5.683 5.683 0 0 0 4.313 9.75c0 2.05 1.066 3.91 2.843 4.95a5.708 5.708 0 0 0 5.688 0c1.75-1.04 2.844-2.9 2.844-4.95ZM3 9.75a6.948 6.948 0 0 1 3.5-6.043c2.16-1.258 4.813-1.258 7 0C15.66 4.965 17 7.262 17 9.75a7.016 7.016 0 0 1-3.5 6.07c-2.188 1.258-4.84 1.258-7 0A6.96 6.96 0 0 1 3 9.75Zm4.621-2.46a1.527 1.527 0 0 1 1.45-1.04h1.585c.957 0 1.75.793 1.75 1.75 0 .602-.355 1.176-.875 1.477l-.875.52a.659.659 0 0 1-.656.628.632.632 0 0 1-.656-.656v-.356c0-.246.11-.465.328-.574l1.203-.684A.427.427 0 0 0 11.094 8c0-.246-.192-.41-.438-.41H9.07a.206.206 0 0 0-.191.137l-.027.027a.642.642 0 0 1-.82.41.683.683 0 0 1-.41-.848V7.29Zm1.504 5.085c0-.465.383-.875.875-.875a.9.9 0 0 1 .875.875c0 .492-.41.875-.875.875a.864.864 0 0 1-.875-.875Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.icon-check:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23262626' d='M15.934 5.566c.246.274.246.684 0 .93l-7.22 7.219c-.273.273-.683.273-.929 0L4.066 9.996a.599.599 0 0 1 0-.902.599.599 0 0 1 .903 0l3.254 3.254 6.78-6.782a.644.644 0 0 1 .903 0h.028Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23262626' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23262626' d='M15.934 5.566c.246.274.246.684 0 .93l-7.22 7.219c-.273.273-.683.273-.929 0L4.066 9.996a.599.599 0 0 1 0-.902.599.599 0 0 1 .903 0l3.254 3.254 6.78-6.782a.644.644 0 0 1 .903 0h.028Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23262626' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.icon-close:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23FB2C36' d='M9.929 5.047 7.632 7.344l2.277 2.278a.42.42 0 0 1 0 .632.42.42 0 0 1-.631 0L6.98 7.976l-2.278 2.278a.42.42 0 0 1-.632 0c-.19-.173-.19-.46 0-.651L6.35 7.325 4.071 5.047c-.19-.172-.19-.46 0-.65a.474.474 0 0 1 .651 0L7 6.692l2.278-2.277c.172-.192.46-.192.65 0a.45.45 0 0 1 0 .631Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h14v14H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23FB2C36' d='M9.929 5.047 7.632 7.344l2.277 2.278a.42.42 0 0 1 0 .632.42.42 0 0 1-.631 0L6.98 7.976l-2.278 2.278a.42.42 0 0 1-.632 0c-.19-.173-.19-.46 0-.651L6.35 7.325 4.071 5.047c-.19-.172-.19-.46 0-.65a.474.474 0 0 1 .651 0L7 6.692l2.278-2.277c.172-.192.46-.192.65 0a.45.45 0 0 1 0 .631Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h14v14H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.icon-cross-arrow:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.8125 6.25H18.75V7.1875V16.5625V17.5H16.875V16.5625V9.45312L8.16406 18.1641L7.5 18.8281L6.17188 17.5L6.83594 16.8359L15.5469 8.125H8.4375H7.5V6.25H8.4375H17.8125Z' fill='white'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.8125 6.25H18.75V7.1875V16.5625V17.5H16.875V16.5625V9.45312L8.16406 18.1641L7.5 18.8281L6.17188 17.5L6.83594 16.8359L15.5469 8.125H8.4375H7.5V6.25H8.4375H17.8125Z' fill='white'/%3E%3C/svg%3E%0A");
}
.icon-cross-arrow-bold:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.2927 4.23171H19.8171V5.7561V16.4268V17.9512H16.7683V16.4268V9.4718L7.14563 19.0469L6.09761 20.1425L3.9063 17.9512L5.00195 16.9032L14.577 7.28049H7.622H6.09761V4.23171H7.622H18.2927Z' fill='%2338B08F'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.2927 4.23171H19.8171V5.7561V16.4268V17.9512H16.7683V16.4268V9.4718L7.14563 19.0469L6.09761 20.1425L3.9063 17.9512L5.00195 16.9032L14.577 7.28049H7.622H6.09761V4.23171H7.622H18.2927Z' fill='%2338B08F'/%3E%3C/svg%3E%0A");
}
.icon-cross-down-arrow:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.26172 6.63696V7.26196H6.63672H2.26172H1.63672V6.01196H2.26172H5.11328L1.1875 2.06665L0.738281 1.63696L1.63672 0.738525L2.06641 1.18774L6.01172 5.11353V2.26196V1.63696H7.26172V2.26196V6.63696Z' fill='%230A0A0A'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.26172 6.63696V7.26196H6.63672H2.26172H1.63672V6.01196H2.26172H5.11328L1.1875 2.06665L0.738281 1.63696L1.63672 0.738525L2.06641 1.18774L6.01172 5.11353V2.26196V1.63696H7.26172V2.26196V6.63696Z' fill='%230A0A0A'/%3E%3C/svg%3E%0A");
}
.icon-filter:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23262626' d='M5.875 6.5h12.25v1.75H5.875V6.5Zm1.75 4.375h8.75v1.75h-8.75v-1.75Zm6.125 4.375V17h-3.5v-1.75h3.5Z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23262626' d='M5.875 6.5h12.25v1.75H5.875V6.5Zm1.75 4.375h8.75v1.75h-8.75v-1.75Zm6.125 4.375V17h-3.5v-1.75h3.5Z'/%3E%3C/svg%3E");
}
.icon-accessibility:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 122.88 122.88'%3E%3Cpath d='M61.44 0A61.46 61.46 0 1 1 18 18 61.21 61.21 0 0 1 61.44 0Zm-.39 74.18L52.1 98.91a4.94 4.94 0 0 1-2.58 2.83 5 5 0 0 1-6.82-6.24l6.24-17.28a26.3 26.3 0 0 0 1.17-4 40.64 40.64 0 0 0 .54-4.18c.24-2.53.41-5.27.54-7.9s.22-5.18.29-7.29c.09-2.63-.62-2.8-2.73-3.3l-.44-.1-18-3.39A5 5 0 0 1 27.08 46a5 5 0 0 1 5.05-7.74l19.34 3.63c.77.07 1.52.16 2.31.25a57.64 57.64 0 0 0 7.18.53A81.13 81.13 0 0 0 69.9 42c.9-.1 1.75-.21 2.6-.29l18.25-3.42a5 5 0 0 1 3.75.71 5 5 0 0 1 1.3 7 5 5 0 0 1-3.21 2.09l-17.44 3.28c-.58.13-1.1.22-1.56.29-1.82.31-2.72.47-2.61 3.06.08 1.89.31 4.15.61 6.51.35 2.77.81 5.71 1.29 8.4.31 1.77.6 3.19 1 4.55s.79 2.75 1.39 4.42l6.11 16.9a5 5 0 0 1-6.82 6.24 4.94 4.94 0 0 1-2.58-2.83L63 74.23l-1-1.83-1 1.78Zm.39-53.52a8.83 8.83 0 1 1-6.24 2.59 8.79 8.79 0 0 1 6.24-2.59Zm36.35 4.43a51.42 51.42 0 1 0 15 36.35 51.27 51.27 0 0 0-15-36.35Z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 122.88 122.88'%3E%3Cpath d='M61.44 0A61.46 61.46 0 1 1 18 18 61.21 61.21 0 0 1 61.44 0Zm-.39 74.18L52.1 98.91a4.94 4.94 0 0 1-2.58 2.83 5 5 0 0 1-6.82-6.24l6.24-17.28a26.3 26.3 0 0 0 1.17-4 40.64 40.64 0 0 0 .54-4.18c.24-2.53.41-5.27.54-7.9s.22-5.18.29-7.29c.09-2.63-.62-2.8-2.73-3.3l-.44-.1-18-3.39A5 5 0 0 1 27.08 46a5 5 0 0 1 5.05-7.74l19.34 3.63c.77.07 1.52.16 2.31.25a57.64 57.64 0 0 0 7.18.53A81.13 81.13 0 0 0 69.9 42c.9-.1 1.75-.21 2.6-.29l18.25-3.42a5 5 0 0 1 3.75.71 5 5 0 0 1 1.3 7 5 5 0 0 1-3.21 2.09l-17.44 3.28c-.58.13-1.1.22-1.56.29-1.82.31-2.72.47-2.61 3.06.08 1.89.31 4.15.61 6.51.35 2.77.81 5.71 1.29 8.4.31 1.77.6 3.19 1 4.55s.79 2.75 1.39 4.42l6.11 16.9a5 5 0 0 1-6.82 6.24 4.94 4.94 0 0 1-2.58-2.83L63 74.23l-1-1.83-1 1.78Zm.39-53.52a8.83 8.83 0 1 1-6.24 2.59 8.79 8.79 0 0 1 6.24-2.59Zm36.35 4.43a51.42 51.42 0 1 0 15 36.35 51.27 51.27 0 0 0-15-36.35Z'/%3E%3C/svg%3E");
}
.icon-facebook {
width: 8px;
height: 16px;
}
.icon-facebook:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='8' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.457 16V8.8h2.186L8 5.6H5.457V4.041c0-.824.021-1.641 1.173-1.641h1.166V.112C7.796.078 6.794 0 5.78 0 3.664 0 2.339 1.326 2.339 3.76V5.6H0v3.2h2.339V16h3.118Z' fill='%23fff'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg width='8' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.457 16V8.8h2.186L8 5.6H5.457V4.041c0-.824.021-1.641 1.173-1.641h1.166V.112C7.796.078 6.794 0 5.78 0 3.664 0 2.339 1.326 2.339 3.76V5.6H0v3.2h2.339V16h3.118Z' fill='%23fff'/%3E%3C/svg%3E");
}
.icon-linkedin {
width: 16px;
height: 16px;
}
.icon-linkedin:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 16h-3.2v-5.6c0-1.535-.678-2.392-1.893-2.392C9.585 8.008 8.8 8.9 8.8 10.4V16H5.6V5.6h3.2v1.17s1.004-1.762 3.266-1.762C14.33 5.008 16 6.388 16 9.246V16ZM1.954 3.937A1.961 1.961 0 0 1 0 1.968C0 .882.874 0 1.954 0a1.96 1.96 0 0 1 1.952 1.968 1.96 1.96 0 0 1-1.952 1.969ZM0 16h4V5.6H0V16Z' fill='%23fff'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 16h-3.2v-5.6c0-1.535-.678-2.392-1.893-2.392C9.585 8.008 8.8 8.9 8.8 10.4V16H5.6V5.6h3.2v1.17s1.004-1.762 3.266-1.762C14.33 5.008 16 6.388 16 9.246V16ZM1.954 3.937A1.961 1.961 0 0 1 0 1.968C0 .882.874 0 1.954 0a1.96 1.96 0 0 1 1.952 1.968 1.96 1.96 0 0 1-1.952 1.969ZM0 16h4V5.6H0V16Z' fill='%23fff'/%3E%3C/svg%3E");
}
.icon-twitter {
width: 16px;
height: 16px;
}
.icon-twitter:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M12.6 0h2.454l-5.36 6.778L16 16h-4.937l-3.867-5.594L2.77 16H.316l5.733-7.25L0 0h5.062l3.496 5.113L12.601 0Zm-.86 14.375h1.36L4.323 1.54H2.865l8.875 12.836Z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M12.6 0h2.454l-5.36 6.778L16 16h-4.937l-3.867-5.594L2.77 16H.316l5.733-7.25L0 0h5.062l3.496 5.113L12.601 0Zm-.86 14.375h1.36L4.323 1.54H2.865l8.875 12.836Z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.icon-tiktok {
width: 24px;
height: 24px;
}
.icon-tiktok:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23fff' d='M12 0c6.627 0 12 5.373 12 12s-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0m.342 13.493c0 .893-.684 1.626-1.533 1.626-.85 0-1.533-.733-1.534-1.626 0-.876.668-1.595 1.488-1.627v-1.88c-1.806.031-3.263 1.578-3.263 3.507C7.5 15.438 8.988 17 10.824 17s3.323-1.578 3.324-3.507V9.65a4 4 0 0 0 2.352.83V8.599C15.164 8.55 14.117 7.403 14.117 6h-1.775z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23fff' d='M12 0c6.627 0 12 5.373 12 12s-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0m.342 13.493c0 .893-.684 1.626-1.533 1.626-.85 0-1.533-.733-1.534-1.626 0-.876.668-1.595 1.488-1.627v-1.88c-1.806.031-3.263 1.578-3.263 3.507C7.5 15.438 8.988 17 10.824 17s3.323-1.578 3.324-3.507V9.65a4 4 0 0 0 2.352.83V8.599C15.164 8.55 14.117 7.403 14.117 6h-1.775z'/%3E%3C/svg%3E");
}
.icon-pdf {
width: 38px;
height: 40px;
}
.icon-pdf:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800' viewBox='0 0 400 400'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23ff402f%7D%3C/style%3E%3C/defs%3E%3Cg id='xxx-word'%3E%3Cpath d='M325 105h-75a5 5 0 0 1-5-5V25a5 5 0 0 1 10 0v70h70a5 5 0 0 1 0 10Z' class='cls-1'/%3E%3Cpath d='M325 154.83a5 5 0 0 1-5-5v-47.76L247.93 30H100a20 20 0 0 0-20 20v98.17a5 5 0 0 1-10 0V50a30 30 0 0 1 30-30h150a5 5 0 0 1 3.54 1.46l75 75A5 5 0 0 1 330 100v49.83a5 5 0 0 1-5 5ZM300 380H100a30 30 0 0 1-30-30v-75a5 5 0 0 1 10 0v75a20 20 0 0 0 20 20h200a20 20 0 0 0 20-20v-75a5 5 0 0 1 10 0v75a30 30 0 0 1-30 30Z' class='cls-1'/%3E%3Cpath d='M275 280H125a5 5 0 0 1 0-10h150a5 5 0 0 1 0 10ZM200 330h-75a5 5 0 0 1 0-10h75a5 5 0 0 1 0 10Z' class='cls-1'/%3E%3Cpath d='M325 280H75a30 30 0 0 1-30-30v-76.83a30 30 0 0 1 30-30h.2l250 1.66a30.09 30.09 0 0 1 29.81 30V250A30 30 0 0 1 325 280ZM75 153.17a20 20 0 0 0-20 20V250a20 20 0 0 0 20 20h250a20 20 0 0 0 20-20v-75.17a20.06 20.06 0 0 0-19.88-20l-250-1.66Z' class='cls-1'/%3E%3Cpath d='M145 236h-9.61v-53.32h21.84q9.34 0 13.85 4.71a16.37 16.37 0 0 1-.37 22.95 17.49 17.49 0 0 1-12.38 4.53H145Zm0-29.37h11.37q4.45 0 6.8-2.19a7.58 7.58 0 0 0 2.34-5.82 8 8 0 0 0-2.17-5.62q-2.17-2.34-7.83-2.34H145ZM183 236v-53.32h19.7q10.9 0 17.5 7.71t6.6 19q0 11.33-6.8 18.95T200.55 236Zm9.88-7.85h8a14.36 14.36 0 0 0 10.94-4.84q4.49-4.84 4.49-14.41a21.91 21.91 0 0 0-3.93-13.22 12.22 12.22 0 0 0-10.37-5.41h-9.14ZM245.59 236h-9.89v-53.32h33.71v8.24h-23.82v14.57h18.75v8h-18.75Z' class='cls-1'/%3E%3C/g%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800' viewBox='0 0 400 400'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23ff402f%7D%3C/style%3E%3C/defs%3E%3Cg id='xxx-word'%3E%3Cpath d='M325 105h-75a5 5 0 0 1-5-5V25a5 5 0 0 1 10 0v70h70a5 5 0 0 1 0 10Z' class='cls-1'/%3E%3Cpath d='M325 154.83a5 5 0 0 1-5-5v-47.76L247.93 30H100a20 20 0 0 0-20 20v98.17a5 5 0 0 1-10 0V50a30 30 0 0 1 30-30h150a5 5 0 0 1 3.54 1.46l75 75A5 5 0 0 1 330 100v49.83a5 5 0 0 1-5 5ZM300 380H100a30 30 0 0 1-30-30v-75a5 5 0 0 1 10 0v75a20 20 0 0 0 20 20h200a20 20 0 0 0 20-20v-75a5 5 0 0 1 10 0v75a30 30 0 0 1-30 30Z' class='cls-1'/%3E%3Cpath d='M275 280H125a5 5 0 0 1 0-10h150a5 5 0 0 1 0 10ZM200 330h-75a5 5 0 0 1 0-10h75a5 5 0 0 1 0 10Z' class='cls-1'/%3E%3Cpath d='M325 280H75a30 30 0 0 1-30-30v-76.83a30 30 0 0 1 30-30h.2l250 1.66a30.09 30.09 0 0 1 29.81 30V250A30 30 0 0 1 325 280ZM75 153.17a20 20 0 0 0-20 20V250a20 20 0 0 0 20 20h250a20 20 0 0 0 20-20v-75.17a20.06 20.06 0 0 0-19.88-20l-250-1.66Z' class='cls-1'/%3E%3Cpath d='M145 236h-9.61v-53.32h21.84q9.34 0 13.85 4.71a16.37 16.37 0 0 1-.37 22.95 17.49 17.49 0 0 1-12.38 4.53H145Zm0-29.37h11.37q4.45 0 6.8-2.19a7.58 7.58 0 0 0 2.34-5.82 8 8 0 0 0-2.17-5.62q-2.17-2.34-7.83-2.34H145ZM183 236v-53.32h19.7q10.9 0 17.5 7.71t6.6 19q0 11.33-6.8 18.95T200.55 236Zm9.88-7.85h8a14.36 14.36 0 0 0 10.94-4.84q4.49-4.84 4.49-14.41a21.91 21.91 0 0 0-3.93-13.22 12.22 12.22 0 0 0-10.37-5.41h-9.14ZM245.59 236h-9.89v-53.32h33.71v8.24h-23.82v14.57h18.75v8h-18.75Z' class='cls-1'/%3E%3C/g%3E%3C/svg%3E");
}
.icon-pdf-solid {
width: 38px;
height: 40px;
}
.icon-pdf-solid:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800' viewBox='0 0 1920 1920'%3E%3Cg fill='%23595959' fill-rule='evenodd'%3E%3Cpath d='M1185.46.034V564.74h564.705v1355.294H168.99V.034h1016.47ZM900.508 677.68c-16.829 0-31.963 7.567-42.918 21.007-49.807 59.972-31.398 193.016-18.748 272.075 2.823 17.958.452 36.141-7.228 52.518l-107.86 233.223c-7.905 16.942-20.555 30.608-36.592 39.53-68.104 37.835-182.287 89.675-196.066 182.626-4.97 30.268 5.082 56.357 28.574 79.85 15.925 15.133 35.238 22.7 56.245 22.7 81.43 0 132.819-71.717 188.273-148.517 24.62-34.221 61.666-55.229 102.437-60.876 76.349-10.503 167.83-32.527 223.172-46.983 27.897-7.341 56.358-5.534 83.802 3.162 48.565 15.586 66.975 25.073 122.768 25.073 50.371 0 84.818-11.746 101.534-34.447 13.44-16.828 16.715-39.53 10.164-65.619-11.858-42.804-2.033-89.675-133.044-89.675-29.365 0-57.94 2.824-81.77 6.099-36.819 4.97-73.299-10.955-97.016-40.885-32.301-40.546-65.167-88.433-87.981-123.219-16.151-24.508-21.572-53.986-16.264-83.124 15.473-84.706 18.41-147.615-23.492-206.683-17.619-25.186-41.223-37.835-67.99-37.835Zm397.903-660.808 434.936 434.937h-434.936V16.873Z'/%3E%3Cpath d='M791.057 1297.943c92.273-43.37 275.916-65.28 275.916-65.28-92.386-88.998-145.92-215.04-145.92-215.04-43.257 126.607-119.718 264.282-129.996 280.32'/%3E%3C/g%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800' viewBox='0 0 1920 1920'%3E%3Cg fill='%23595959' fill-rule='evenodd'%3E%3Cpath d='M1185.46.034V564.74h564.705v1355.294H168.99V.034h1016.47ZM900.508 677.68c-16.829 0-31.963 7.567-42.918 21.007-49.807 59.972-31.398 193.016-18.748 272.075 2.823 17.958.452 36.141-7.228 52.518l-107.86 233.223c-7.905 16.942-20.555 30.608-36.592 39.53-68.104 37.835-182.287 89.675-196.066 182.626-4.97 30.268 5.082 56.357 28.574 79.85 15.925 15.133 35.238 22.7 56.245 22.7 81.43 0 132.819-71.717 188.273-148.517 24.62-34.221 61.666-55.229 102.437-60.876 76.349-10.503 167.83-32.527 223.172-46.983 27.897-7.341 56.358-5.534 83.802 3.162 48.565 15.586 66.975 25.073 122.768 25.073 50.371 0 84.818-11.746 101.534-34.447 13.44-16.828 16.715-39.53 10.164-65.619-11.858-42.804-2.033-89.675-133.044-89.675-29.365 0-57.94 2.824-81.77 6.099-36.819 4.97-73.299-10.955-97.016-40.885-32.301-40.546-65.167-88.433-87.981-123.219-16.151-24.508-21.572-53.986-16.264-83.124 15.473-84.706 18.41-147.615-23.492-206.683-17.619-25.186-41.223-37.835-67.99-37.835Zm397.903-660.808 434.936 434.937h-434.936V16.873Z'/%3E%3Cpath d='M791.057 1297.943c92.273-43.37 275.916-65.28 275.916-65.28-92.386-88.998-145.92-215.04-145.92-215.04-43.257 126.607-119.718 264.282-129.996 280.32'/%3E%3C/g%3E%3C/svg%3E");
}
.icon-cookie {
width: 30px;
height: 30px;
}
.icon-cookie:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='29' fill='none'%3E%3Cpath fill='%238DC63F' d='M27.465 11.57a.846.846 0 0 0-.744-.689.85.85 0 0 0-.883.496 1.718 1.718 0 0 1-1.56 1.017c-.77 0-1.413-.515-1.634-1.225a.858.858 0 0 0-1.018-.59c-.268.061-.529.101-.783.101a3.444 3.444 0 0 1-3.428-3.428c0-.254.04-.509.1-.783a.856.856 0 0 0-.589-1.018 1.71 1.71 0 0 1-1.225-1.627c0-.69.415-1.286 1.017-1.56a.85.85 0 0 0 .496-.884.86.86 0 0 0-.69-.743A14.093 14.093 0 0 0 14 .396C6.434.396.288 6.542.288 14.109c0 7.566 6.146 13.713 13.712 13.713s13.712-6.147 13.712-13.713c0-.87-.093-1.721-.247-2.538Zm-4.988 11.022a11.945 11.945 0 0 1-8.484 3.515 11.985 11.985 0 0 1-8.483-3.515 11.947 11.947 0 0 1-3.515-8.483c0-3.308 1.346-6.308 3.515-8.484a11.946 11.946 0 0 1 8.483-3.515c.155 0 .309.013.456.02a3.354 3.354 0 0 0-.456 1.694 3.39 3.39 0 0 0 1.748 2.96c-.013.153-.034.307-.034.468a5.144 5.144 0 0 0 5.143 5.142c.16 0 .314-.013.468-.033a3.416 3.416 0 0 0 2.96 1.747c.616 0 1.191-.174 1.694-.455.006.154.02.301.02.455a11.93 11.93 0 0 1-3.515 8.484Z'/%3E%3Cpath fill='%238DC63F' d='M12.286 7.252c0 .944-.77 1.714-1.714 1.714s-1.714-.77-1.714-1.714.77-1.714 1.714-1.714 1.714.77 1.714 1.714ZM8.858 14.108c0 .945-.77 1.715-1.714 1.715s-1.714-.77-1.714-1.715c0-.944.77-1.713 1.714-1.713s1.714.77 1.714 1.713ZM17.428 20.965c0 .944-.77 1.714-1.714 1.714S14 21.909 14 20.965s.77-1.714 1.714-1.714 1.714.77 1.714 1.714ZM15.714 14.965a.854.854 0 0 1-.857.857.854.854 0 0 1-.857-.857c0-.475.382-.857.857-.857.469 0 .857.382.857.857ZM22.57 18.394a.854.854 0 0 1-.857.857.854.854 0 0 1-.857-.857c0-.475.382-.857.857-.857.476 0 .857.382.857.857ZM10.572 20.108a.854.854 0 0 1-.857.857.854.854 0 0 1-.857-.857c0-.475.382-.857.857-.857.469 0 .857.382.857.857Z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='29' fill='none'%3E%3Cpath fill='%238DC63F' d='M27.465 11.57a.846.846 0 0 0-.744-.689.85.85 0 0 0-.883.496 1.718 1.718 0 0 1-1.56 1.017c-.77 0-1.413-.515-1.634-1.225a.858.858 0 0 0-1.018-.59c-.268.061-.529.101-.783.101a3.444 3.444 0 0 1-3.428-3.428c0-.254.04-.509.1-.783a.856.856 0 0 0-.589-1.018 1.71 1.71 0 0 1-1.225-1.627c0-.69.415-1.286 1.017-1.56a.85.85 0 0 0 .496-.884.86.86 0 0 0-.69-.743A14.093 14.093 0 0 0 14 .396C6.434.396.288 6.542.288 14.109c0 7.566 6.146 13.713 13.712 13.713s13.712-6.147 13.712-13.713c0-.87-.093-1.721-.247-2.538Zm-4.988 11.022a11.945 11.945 0 0 1-8.484 3.515 11.985 11.985 0 0 1-8.483-3.515 11.947 11.947 0 0 1-3.515-8.483c0-3.308 1.346-6.308 3.515-8.484a11.946 11.946 0 0 1 8.483-3.515c.155 0 .309.013.456.02a3.354 3.354 0 0 0-.456 1.694 3.39 3.39 0 0 0 1.748 2.96c-.013.153-.034.307-.034.468a5.144 5.144 0 0 0 5.143 5.142c.16 0 .314-.013.468-.033a3.416 3.416 0 0 0 2.96 1.747c.616 0 1.191-.174 1.694-.455.006.154.02.301.02.455a11.93 11.93 0 0 1-3.515 8.484Z'/%3E%3Cpath fill='%238DC63F' d='M12.286 7.252c0 .944-.77 1.714-1.714 1.714s-1.714-.77-1.714-1.714.77-1.714 1.714-1.714 1.714.77 1.714 1.714ZM8.858 14.108c0 .945-.77 1.715-1.714 1.715s-1.714-.77-1.714-1.715c0-.944.77-1.713 1.714-1.713s1.714.77 1.714 1.713ZM17.428 20.965c0 .944-.77 1.714-1.714 1.714S14 21.909 14 20.965s.77-1.714 1.714-1.714 1.714.77 1.714 1.714ZM15.714 14.965a.854.854 0 0 1-.857.857.854.854 0 0 1-.857-.857c0-.475.382-.857.857-.857.469 0 .857.382.857.857ZM22.57 18.394a.854.854 0 0 1-.857.857.854.854 0 0 1-.857-.857c0-.475.382-.857.857-.857.476 0 .857.382.857.857ZM10.572 20.108a.854.854 0 0 1-.857.857.854.854 0 0 1-.857-.857c0-.475.382-.857.857-.857.469 0 .857.382.857.857Z'/%3E%3C/svg%3E");
}
.icon-rss {
width: 14px;
height: 14px;
}
.icon-rss:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M3 1H1v2h2c5.523 0 10 4.477 10 10v2h2v-2C15 6.373 9.627 1 3 1Z'/%3E%3Cpath fill='%23000' d='M3 6H1v2h2a5 5 0 0 1 5 5v2h2v-2a7 7 0 0 0-7-7ZM3 15a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M3 1H1v2h2c5.523 0 10 4.477 10 10v2h2v-2C15 6.373 9.627 1 3 1Z'/%3E%3Cpath fill='%23000' d='M3 6H1v2h2a5 5 0 0 1 5 5v2h2v-2a7 7 0 0 0-7-7ZM3 15a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z'/%3E%3C/svg%3E");
}
.icon-upload {
width: 14px;
height: 14px;
}
.icon-upload:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='800' height='800' viewBox='0 0 312.602 312.602'%3E%3Cpath d='M251.52 137.244c-3.966 0-7.889.38-11.738 1.134-1.756-47.268-40.758-85.181-88.448-85.181-43.856 0-80.964 32.449-87.474 75.106C28.501 129.167 0 158.201 0 193.764c0 36.106 29.374 65.48 65.48 65.48h54.782c4.143 0 7.5-3.357 7.5-7.5s-3.357-7.5-7.5-7.5H65.48c-27.835 0-50.48-22.645-50.48-50.48 0-27.835 22.646-50.48 50.48-50.48 1.367 0 2.813.067 4.419.206l7.6.658.529-7.61c2.661-38.322 34.861-68.341 73.306-68.341 40.533 0 73.51 32.977 73.51 73.51 0 1.863-.089 3.855-.272 6.088l-.983 11.968 11.186-4.367a45.863 45.863 0 0 1 16.747-3.151c25.409 0 46.081 20.672 46.081 46.081 0 25.408-20.672 46.08-46.081 46.08-.668 0-20.608-.04-40.467-.08-19.714-.04-39.347-.08-39.999-.08-4.668 0-7.108-2.248-7.254-6.681v-80.959l8.139 9.667a7.497 7.497 0 0 0 10.567.907 7.498 7.498 0 0 0 .907-10.567l-18.037-21.427c-2.272-2.699-5.537-4.247-8.958-4.247-3.421 0-6.686 1.548-8.957 4.247l-18.037 21.427a7.498 7.498 0 0 0 .907 10.567 7.466 7.466 0 0 0 4.826 1.763 7.482 7.482 0 0 0 5.741-2.67l7.901-9.386v80.751c0 8.686 5.927 21.607 22.254 21.607.652 0 20.27.04 39.968.079 19.874.041 39.829.081 40.498.081 33.681 0 61.081-27.4 61.081-61.08 0-33.681-27.401-61.081-61.082-61.081z' style='fill:%23000002'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='800' height='800' viewBox='0 0 312.602 312.602'%3E%3Cpath d='M251.52 137.244c-3.966 0-7.889.38-11.738 1.134-1.756-47.268-40.758-85.181-88.448-85.181-43.856 0-80.964 32.449-87.474 75.106C28.501 129.167 0 158.201 0 193.764c0 36.106 29.374 65.48 65.48 65.48h54.782c4.143 0 7.5-3.357 7.5-7.5s-3.357-7.5-7.5-7.5H65.48c-27.835 0-50.48-22.645-50.48-50.48 0-27.835 22.646-50.48 50.48-50.48 1.367 0 2.813.067 4.419.206l7.6.658.529-7.61c2.661-38.322 34.861-68.341 73.306-68.341 40.533 0 73.51 32.977 73.51 73.51 0 1.863-.089 3.855-.272 6.088l-.983 11.968 11.186-4.367a45.863 45.863 0 0 1 16.747-3.151c25.409 0 46.081 20.672 46.081 46.081 0 25.408-20.672 46.08-46.081 46.08-.668 0-20.608-.04-40.467-.08-19.714-.04-39.347-.08-39.999-.08-4.668 0-7.108-2.248-7.254-6.681v-80.959l8.139 9.667a7.497 7.497 0 0 0 10.567.907 7.498 7.498 0 0 0 .907-10.567l-18.037-21.427c-2.272-2.699-5.537-4.247-8.958-4.247-3.421 0-6.686 1.548-8.957 4.247l-18.037 21.427a7.498 7.498 0 0 0 .907 10.567 7.466 7.466 0 0 0 4.826 1.763 7.482 7.482 0 0 0 5.741-2.67l7.901-9.386v80.751c0 8.686 5.927 21.607 22.254 21.607.652 0 20.27.04 39.968.079 19.874.041 39.829.081 40.498.081 33.681 0 61.081-27.4 61.081-61.08 0-33.681-27.401-61.081-61.082-61.081z' style='fill:%23000002'/%3E%3C/svg%3E");
}
.icon-trash:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M262.2 48C248.9 48 236.9 56.3 232.2 68.8L216 112L120 112C106.7 112 96 122.7 96 136C96 149.3 106.7 160 120 160L520 160C533.3 160 544 149.3 544 136C544 122.7 533.3 112 520 112L424 112L407.8 68.8C403.1 56.3 391.2 48 377.8 48L262.2 48zM128 208L128 512C128 547.3 156.7 576 192 576L448 576C483.3 576 512 547.3 512 512L512 208L464 208L464 512C464 520.8 456.8 528 448 528L192 528C183.2 528 176 520.8 176 512L176 208L128 208zM288 280C288 266.7 277.3 256 264 256C250.7 256 240 266.7 240 280L240 456C240 469.3 250.7 480 264 480C277.3 480 288 469.3 288 456L288 280zM400 280C400 266.7 389.3 256 376 256C362.7 256 352 266.7 352 280L352 456C352 469.3 362.7 480 376 480C389.3 480 400 469.3 400 456L400 280z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M262.2 48C248.9 48 236.9 56.3 232.2 68.8L216 112L120 112C106.7 112 96 122.7 96 136C96 149.3 106.7 160 120 160L520 160C533.3 160 544 149.3 544 136C544 122.7 533.3 112 520 112L424 112L407.8 68.8C403.1 56.3 391.2 48 377.8 48L262.2 48zM128 208L128 512C128 547.3 156.7 576 192 576L448 576C483.3 576 512 547.3 512 512L512 208L464 208L464 512C464 520.8 456.8 528 448 528L192 528C183.2 528 176 520.8 176 512L176 208L128 208zM288 280C288 266.7 277.3 256 264 256C250.7 256 240 266.7 240 280L240 456C240 469.3 250.7 480 264 480C277.3 480 288 469.3 288 456L288 280zM400 280C400 266.7 389.3 256 376 256C362.7 256 352 266.7 352 280L352 456C352 469.3 362.7 480 376 480C389.3 480 400 469.3 400 456L400 280z'/%3E%3C/svg%3E");
}
.icon-bus {
width: 20px;
height: 20px;
}
.icon-bus:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512'%3E%3Cpath d='M488 128h-8V80c0-44.8-99.2-80-224-80S32 35.2 32 80v48h-8a24 24 0 0 0-24 24v80a24.006 24.006 0 0 0 24 24h8v160a32 32 0 0 0 32 32v32a32 32 0 0 0 32 32h32a32 32 0 0 0 32-32v-32h192v32a32 32 0 0 0 32 32h32a32 32 0 0 0 32-32v-32h6.4c16 0 25.6-12.8 25.6-25.6V256h8a24.006 24.006 0 0 0 24-24v-80a24 24 0 0 0-24-24ZM112 400a32 32 0 1 1 32-32 32 32 0 0 1-32 32Zm16-112a32 32 0 0 1-32-32V128a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32v128a32 32 0 0 1-32 32Zm272 112a32 32 0 1 1 32-32 32 32 0 0 1-32 32Z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512'%3E%3Cpath d='M488 128h-8V80c0-44.8-99.2-80-224-80S32 35.2 32 80v48h-8a24 24 0 0 0-24 24v80a24.006 24.006 0 0 0 24 24h8v160a32 32 0 0 0 32 32v32a32 32 0 0 0 32 32h32a32 32 0 0 0 32-32v-32h192v32a32 32 0 0 0 32 32h32a32 32 0 0 0 32-32v-32h6.4c16 0 25.6-12.8 25.6-25.6V256h8a24.006 24.006 0 0 0 24-24v-80a24 24 0 0 0-24-24ZM112 400a32 32 0 1 1 32-32 32 32 0 0 1-32 32Zm16-112a32 32 0 0 1-32-32V128a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32v128a32 32 0 0 1-32 32Zm272 112a32 32 0 1 1 32-32 32 32 0 0 1-32 32Z'/%3E%3C/svg%3E");
}
.icon-arrow-left-right {
width: 20px;
height: 20px;
}
.icon-arrow-left-right:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44.297' height='54.773' viewBox='0 0 44.297 54.773'%3E%3Cpath id='arrow-right-arrow-left-svgrepo-com_1_' data-name='arrow-right-arrow-left-svgrepo-com (1)' d='M50.148,16.363a2.025,2.025,0,0,0-2.086-2.109h-30.4l-5.508.258,4.453-3.8,6.75-6.609a1.854,1.854,0,0,0,.563-1.43A1.969,1.969,0,0,0,21.86.613a2.3,2.3,0,0,0-1.524.656L6.555,14.793a2.079,2.079,0,0,0,0,3.117L20.336,31.457a2.273,2.273,0,0,0,1.524.633,1.956,1.956,0,0,0,2.063-2.063,1.889,1.889,0,0,0-.562-1.43l-6.75-6.586-4.453-3.8,5.508.234h30.4A2.006,2.006,0,0,0,50.148,16.363Zm0,23.273a2.04,2.04,0,0,0-.7-1.57L35.664,24.543a2.293,2.293,0,0,0-1.5-.656,1.981,1.981,0,0,0-2.086,2.086,1.943,1.943,0,0,0,.586,1.43l6.75,6.586,4.43,3.8-5.484-.234H7.938a2.086,2.086,0,1,0,0,4.172H38.36l5.484-.234-4.43,3.8-6.75,6.586a1.943,1.943,0,0,0-.586,1.43,1.981,1.981,0,0,0,2.086,2.086,2.293,2.293,0,0,0,1.5-.656L49.445,41.207A2.04,2.04,0,0,0,50.148,39.637Z' transform='translate(-5.852 -0.613)'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44.297' height='54.773' viewBox='0 0 44.297 54.773'%3E%3Cpath id='arrow-right-arrow-left-svgrepo-com_1_' data-name='arrow-right-arrow-left-svgrepo-com (1)' d='M50.148,16.363a2.025,2.025,0,0,0-2.086-2.109h-30.4l-5.508.258,4.453-3.8,6.75-6.609a1.854,1.854,0,0,0,.563-1.43A1.969,1.969,0,0,0,21.86.613a2.3,2.3,0,0,0-1.524.656L6.555,14.793a2.079,2.079,0,0,0,0,3.117L20.336,31.457a2.273,2.273,0,0,0,1.524.633,1.956,1.956,0,0,0,2.063-2.063,1.889,1.889,0,0,0-.562-1.43l-6.75-6.586-4.453-3.8,5.508.234h30.4A2.006,2.006,0,0,0,50.148,16.363Zm0,23.273a2.04,2.04,0,0,0-.7-1.57L35.664,24.543a2.293,2.293,0,0,0-1.5-.656,1.981,1.981,0,0,0-2.086,2.086,1.943,1.943,0,0,0,.586,1.43l6.75,6.586,4.43,3.8-5.484-.234H7.938a2.086,2.086,0,1,0,0,4.172H38.36l5.484-.234-4.43,3.8-6.75,6.586a1.943,1.943,0,0,0-.586,1.43,1.981,1.981,0,0,0,2.086,2.086,2.293,2.293,0,0,0,1.5-.656L49.445,41.207A2.04,2.04,0,0,0,50.148,39.637Z' transform='translate(-5.852 -0.613)'/%3E%3C/svg%3E%0A");
}
.icon-audio {
width: 50px;
height: 60px;
}
.icon-audio::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='49.774' height='60.605' viewBox='0 0 49.774 60.605'%3E%3Cpath d='M-10391.217-4246.655v5.629H-10411v-32.882h19.784v5.168l29.99-19.262v60.605Z' transform='translate(10411.001 4288)' fill='%23fff'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='49.774' height='60.605' viewBox='0 0 49.774 60.605'%3E%3Cpath d='M-10391.217-4246.655v5.629H-10411v-32.882h19.784v5.168l29.99-19.262v60.605Z' transform='translate(10411.001 4288)' fill='%23fff'/%3E%3C/svg%3E%0A");
}
.icon-mute {
width: 16px;
height: 16px;
}
.icon-mute::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.775' height='16.606' viewBox='0 0 14.775 16.606'%3E%3Cpath d='M-10405.556-4277.358v2.229H-10411v-9.009h5.444v2.1l9.33-5.963v16.606Z' transform='translate(10411 4288.001)' fill='%23e5e5e5'/%3E%3Cg transform='translate(-149.899 -71.359)'%3E%3Cline x2='7.323' y2='7.323' transform='translate(153.625 76)' fill='none' stroke='%2306038d' stroke-miterlimit='10' stroke-width='2'/%3E%3Cline x1='7.323' y2='7.323' transform='translate(153.625 76)' fill='none' stroke='%2306038d' stroke-miterlimit='10' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.775' height='16.606' viewBox='0 0 14.775 16.606'%3E%3Cpath d='M-10405.556-4277.358v2.229H-10411v-9.009h5.444v2.1l9.33-5.963v16.606Z' transform='translate(10411 4288.001)' fill='%23e5e5e5'/%3E%3Cg transform='translate(-149.899 -71.359)'%3E%3Cline x2='7.323' y2='7.323' transform='translate(153.625 76)' fill='none' stroke='%2306038d' stroke-miterlimit='10' stroke-width='2'/%3E%3Cline x1='7.323' y2='7.323' transform='translate(153.625 76)' fill='none' stroke='%2306038d' stroke-miterlimit='10' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.icon-play {
width: 48px;
height: 60px;
}
.icon-play::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='10' height='11' viewBox='0 0 10 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 0.25L1.625 0.90625L8.375 4.86719L9.5 5.5L8.375 6.15625L1.625 10.0938L0.5 10.75V9.46094V1.5625V0.25ZM1.625 2.21875V8.80469L7.25 5.5L1.625 2.21875Z' fill='%23FAFAFA'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='10' height='11' viewBox='0 0 10 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 0.25L1.625 0.90625L8.375 4.86719L9.5 5.5L8.375 6.15625L1.625 10.0938L0.5 10.75V9.46094V1.5625V0.25ZM1.625 2.21875V8.80469L7.25 5.5L1.625 2.21875Z' fill='%23FAFAFA'/%3E%3C/svg%3E%0A");
}
.icon-reload {
width: 16px;
height: 18px;
}
.icon-reload::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.272' height='17.923' viewBox='0 0 15.272 17.923'%3E%3Cg transform='translate(0.9 0.636)'%3E%3Cpath d='M205.051,62.191a6.736,6.736,0,1,1-6.737,6.736' transform='translate(-198.314 -59.277)' fill='none' stroke='%236e6e6e' stroke-miterlimit='10' stroke-width='1.8'/%3E%3Cpath d='M205.317,65.586,202.4,62.671l2.915-2.915' transform='translate(-197.508 -59.757)' fill='none' stroke='%236e6e6e' stroke-miterlimit='10' stroke-width='1.8'/%3E%3Cline x1='1.463' transform='translate(5.273 2.915)' fill='%23fff' stroke='%236e6e6e' stroke-miterlimit='10' stroke-width='1.8'/%3E%3C/g%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.272' height='17.923' viewBox='0 0 15.272 17.923'%3E%3Cg transform='translate(0.9 0.636)'%3E%3Cpath d='M205.051,62.191a6.736,6.736,0,1,1-6.737,6.736' transform='translate(-198.314 -59.277)' fill='none' stroke='%236e6e6e' stroke-miterlimit='10' stroke-width='1.8'/%3E%3Cpath d='M205.317,65.586,202.4,62.671l2.915-2.915' transform='translate(-197.508 -59.757)' fill='none' stroke='%236e6e6e' stroke-miterlimit='10' stroke-width='1.8'/%3E%3Cline x1='1.463' transform='translate(5.273 2.915)' fill='%23fff' stroke='%236e6e6e' stroke-miterlimit='10' stroke-width='1.8'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.icon-pause {
width: 10px;
height: 12px;
}
.icon-pause::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.388' height='12.12' viewBox='0 0 10.388 12.12'%3E%3Cpath d='M9,19.62h3.463V7.5H9ZM15.926,7.5V19.62h3.463V7.5Z' transform='translate(-9 -7.5)' fill='%23fff'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.388' height='12.12' viewBox='0 0 10.388 12.12'%3E%3Cpath d='M9,19.62h3.463V7.5H9ZM15.926,7.5V19.62h3.463V7.5Z' transform='translate(-9 -7.5)' fill='%23fff'/%3E%3C/svg%3E%0A");
}
.icon-facebook-solid {
width: 24px;
height: 24px;
}
.icon-facebook-solid:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23fff' d='M22 12.303c0-5.556-4.477-10.06-10-10.06S2 6.746 2 12.302c0 5.022 3.657 9.184 8.438 9.94v-7.031h-2.54v-2.909h2.54v-2.216c0-2.522 1.492-3.915 3.777-3.915 1.094 0 2.238.197 2.238.197v2.476h-1.26c-1.243 0-1.63.775-1.63 1.571v1.887h2.773l-.443 2.909h-2.33v7.03c4.78-.755 8.437-4.917 8.437-9.939Z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23fff' d='M22 12.303c0-5.556-4.477-10.06-10-10.06S2 6.746 2 12.302c0 5.022 3.657 9.184 8.438 9.94v-7.031h-2.54v-2.909h2.54v-2.216c0-2.522 1.492-3.915 3.777-3.915 1.094 0 2.238.197 2.238.197v2.476h-1.26c-1.243 0-1.63.775-1.63 1.571v1.887h2.773l-.443 2.909h-2.33v7.03c4.78-.755 8.437-4.917 8.437-9.939Z'/%3E%3C/svg%3E");
}
.icon-linkedin-solid {
width: 24px;
height: 24px;
}
.icon-linkedin-solid:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23fff' d='M22.228 0H1.772A1.772 1.772 0 0 0 0 1.772v20.456A1.772 1.772 0 0 0 1.772 24h20.456A1.772 1.772 0 0 0 24 22.228V1.772A1.772 1.772 0 0 0 22.228 0ZM7.153 20.445H3.545V8.983h3.608v11.462ZM5.347 7.395a2.072 2.072 0 1 1 2.083-2.07 2.042 2.042 0 0 1-2.083 2.07Zm15.106 13.06h-3.606v-6.262c0-1.846-.785-2.416-1.799-2.416-1.07 0-2.12.806-2.12 2.463v6.215H9.32V8.992h3.47v1.588h.047c.348-.705 1.568-1.91 3.43-1.91 2.013 0 4.188 1.195 4.188 4.695l-.002 7.09Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23fff' d='M22.228 0H1.772A1.772 1.772 0 0 0 0 1.772v20.456A1.772 1.772 0 0 0 1.772 24h20.456A1.772 1.772 0 0 0 24 22.228V1.772A1.772 1.772 0 0 0 22.228 0ZM7.153 20.445H3.545V8.983h3.608v11.462ZM5.347 7.395a2.072 2.072 0 1 1 2.083-2.07 2.042 2.042 0 0 1-2.083 2.07Zm15.106 13.06h-3.606v-6.262c0-1.846-.785-2.416-1.799-2.416-1.07 0-2.12.806-2.12 2.463v6.215H9.32V8.992h3.47v1.588h.047c.348-.705 1.568-1.91 3.43-1.91 2.013 0 4.188 1.195 4.188 4.695l-.002 7.09Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.icon-instagram-solid {
width: 24px;
height: 24px;
}
.icon-instagram-solid:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M16 3.242H8a5 5 0 0 0-5 5v8a5 5 0 0 0 5 5h8a5 5 0 0 0 5-5v-8a5 5 0 0 0-5-5Zm3.25 13a3.26 3.26 0 0 1-3.25 3.25H8a3.26 3.26 0 0 1-3.25-3.25v-8A3.26 3.26 0 0 1 8 4.992h8a3.26 3.26 0 0 1 3.25 3.25v8Zm-2.5-7.75a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM12 7.742a4.5 4.5 0 1 0 4.5 4.5 4.49 4.49 0 0 0-4.5-4.5Zm-2.75 4.5a2.75 2.75 0 1 0 5.5 0 2.75 2.75 0 0 0-5.5 0Z' clip-rule='evenodd'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M16 3.242H8a5 5 0 0 0-5 5v8a5 5 0 0 0 5 5h8a5 5 0 0 0 5-5v-8a5 5 0 0 0-5-5Zm3.25 13a3.26 3.26 0 0 1-3.25 3.25H8a3.26 3.26 0 0 1-3.25-3.25v-8A3.26 3.26 0 0 1 8 4.992h8a3.26 3.26 0 0 1 3.25 3.25v8Zm-2.5-7.75a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM12 7.742a4.5 4.5 0 1 0 4.5 4.5 4.49 4.49 0 0 0-4.5-4.5Zm-2.75 4.5a2.75 2.75 0 1 0 5.5 0 2.75 2.75 0 0 0-5.5 0Z' clip-rule='evenodd'/%3E%3C/svg%3E");
}
.icon-youtube-solid {
width: 24px;
height: 24px;
}
.icon-youtube-solid:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23fff' d='M21.593 7.203a2.506 2.506 0 0 0-1.762-1.766c-1.566-.43-7.83-.437-7.83-.437s-6.265-.007-7.832.404a2.56 2.56 0 0 0-1.766 1.778c-.413 1.566-.417 4.814-.417 4.814s-.004 3.264.406 4.814c.23.857.905 1.534 1.763 1.765 1.582.43 7.83.437 7.83.437s6.265.007 7.831-.403a2.515 2.515 0 0 0 1.767-1.763c.414-1.565.417-4.812.417-4.812s.02-3.265-.407-4.831ZM9.996 15.005l.005-6 5.207 3.005-5.212 2.995Z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23fff' d='M21.593 7.203a2.506 2.506 0 0 0-1.762-1.766c-1.566-.43-7.83-.437-7.83-.437s-6.265-.007-7.832.404a2.56 2.56 0 0 0-1.766 1.778c-.413 1.566-.417 4.814-.417 4.814s-.004 3.264.406 4.814c.23.857.905 1.534 1.763 1.765 1.582.43 7.83.437 7.83.437s6.265.007 7.831-.403a2.515 2.515 0 0 0 1.767-1.763c.414-1.565.417-4.812.417-4.812s.02-3.265-.407-4.831ZM9.996 15.005l.005-6 5.207 3.005-5.212 2.995Z'/%3E%3C/svg%3E");
}
.icon-notification {
width: 24px;
height: 24px;
}
.icon-notification::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23fff' d='M12.463.96A11.297 11.297 0 0 1 24 12.28c.053 6.41-5.095 11.654-11.506 11.72h-.207A11.309 11.309 0 0 1 .96 12.68a11.328 11.328 0 0 1 3.334-8.212A11.717 11.717 0 0 1 12.464.96Zm-.032 14.411a1.417 1.417 0 0 0-1.39 1.469c.03.786.675 1.409 1.461 1.411h.026a1.416 1.416 0 0 0 1.391-1.469 1.467 1.467 0 0 0-1.463-1.41h-.025Zm.049-9.13a.96.96 0 0 0-.96.96v5.76a.96.96 0 0 0 1.92 0V7.2a.96.96 0 0 0-.96-.96Z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23fff' d='M12.463.96A11.297 11.297 0 0 1 24 12.28c.053 6.41-5.095 11.654-11.506 11.72h-.207A11.309 11.309 0 0 1 .96 12.68a11.328 11.328 0 0 1 3.334-8.212A11.717 11.717 0 0 1 12.464.96Zm-.032 14.411a1.417 1.417 0 0 0-1.39 1.469c.03.786.675 1.409 1.461 1.411h.026a1.416 1.416 0 0 0 1.391-1.469 1.467 1.467 0 0 0-1.463-1.41h-.025Zm.049-9.13a.96.96 0 0 0-.96.96v5.76a.96.96 0 0 0 1.92 0V7.2a.96.96 0 0 0-.96-.96Z'/%3E%3C/svg%3E");
}
.icon-alert {
width: 24px;
height: 24px;
}
.icon-alert::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23fff' d='M12 1.078a2 2 0 0 1 1.772 1.072L23.12 20a2 2 0 0 1-1.772 2.928H2.653A2 2 0 0 1 .881 20L10.23 2.15a2 2 0 0 1 1.772-1.072Zm-.052 15.855a1.476 1.476 0 0 0-1.448 1.53 1.528 1.528 0 0 0 1.522 1.47h.028A1.475 1.475 0 0 0 13.5 18.4a1.527 1.527 0 0 0-1.524-1.467h-.028ZM12 7.423a1 1 0 0 0-1 1v6a1 1 0 0 0 2 0v-6a1 1 0 0 0-1-1Z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23fff' d='M12 1.078a2 2 0 0 1 1.772 1.072L23.12 20a2 2 0 0 1-1.772 2.928H2.653A2 2 0 0 1 .881 20L10.23 2.15a2 2 0 0 1 1.772-1.072Zm-.052 15.855a1.476 1.476 0 0 0-1.448 1.53 1.528 1.528 0 0 0 1.522 1.47h.028A1.475 1.475 0 0 0 13.5 18.4a1.527 1.527 0 0 0-1.524-1.467h-.028ZM12 7.423a1 1 0 0 0-1 1v6a1 1 0 0 0 2 0v-6a1 1 0 0 0-1-1Z'/%3E%3C/svg%3E");
}
.icon-human-resources {
width: 40px;
height: 40px;
}
.icon-human-resources::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none'%3E%3Cpath fill='%23fff' d='M23.26 3.477a16.698 16.698 0 0 1 9.573 5.713A1.667 1.667 0 1 0 35.4 7.062 20.04 20.04 0 0 0 23.908.207a1.667 1.667 0 0 0-.649 3.27ZM3.333 19.91a1.703 1.703 0 0 0-1.667-1.658 1.667 1.667 0 0 0-1.658 1.666 20.035 20.035 0 0 0 4.538 12.585 1.667 1.667 0 1 0 2.575-2.116A16.682 16.682 0 0 1 3.333 19.91ZM39.787 16.9a1.667 1.667 0 1 0-3.297.485 16.697 16.697 0 0 1-3.55 12.948 1.667 1.667 0 0 0 2.587 2.104 20.031 20.031 0 0 0 4.26-15.534V16.9ZM25.616 35.522a16.816 16.816 0 0 1-11.151.028 1.667 1.667 0 1 0-1.107 3.145 20.082 20.082 0 0 0 13.382-.035 1.667 1.667 0 0 0-1.124-3.138ZM3.414 11.824a1.667 1.667 0 0 0 2.288-.57 16.737 16.737 0 0 1 8.605-7.097 1.667 1.667 0 0 0-1.141-3.133A20.093 20.093 0 0 0 2.844 9.537a1.667 1.667 0 0 0 .57 2.287ZM25.833 18.992a4.167 4.167 0 1 0 0-8.333 4.167 4.167 0 0 0 0 8.333ZM25.834 20.242a6.634 6.634 0 0 0-3.936 1.285.417.417 0 0 0-.093.576 8.286 8.286 0 0 1 1.518 4.409.418.418 0 0 0 .417.396h8.334a.417.417 0 0 0 .415-.445 6.667 6.667 0 0 0-6.655-6.221ZM14.999 20.242a6.667 6.667 0 0 0-6.652 6.223.417.417 0 0 0 .415.443h12.474a.417.417 0 0 0 .415-.445 6.667 6.667 0 0 0-6.652-6.221ZM16.5 18.712a4.175 4.175 0 1 0-3.05-7.773 4.175 4.175 0 0 0 3.05 7.773Z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none'%3E%3Cpath fill='%23fff' d='M23.26 3.477a16.698 16.698 0 0 1 9.573 5.713A1.667 1.667 0 1 0 35.4 7.062 20.04 20.04 0 0 0 23.908.207a1.667 1.667 0 0 0-.649 3.27ZM3.333 19.91a1.703 1.703 0 0 0-1.667-1.658 1.667 1.667 0 0 0-1.658 1.666 20.035 20.035 0 0 0 4.538 12.585 1.667 1.667 0 1 0 2.575-2.116A16.682 16.682 0 0 1 3.333 19.91ZM39.787 16.9a1.667 1.667 0 1 0-3.297.485 16.697 16.697 0 0 1-3.55 12.948 1.667 1.667 0 0 0 2.587 2.104 20.031 20.031 0 0 0 4.26-15.534V16.9ZM25.616 35.522a16.816 16.816 0 0 1-11.151.028 1.667 1.667 0 1 0-1.107 3.145 20.082 20.082 0 0 0 13.382-.035 1.667 1.667 0 0 0-1.124-3.138ZM3.414 11.824a1.667 1.667 0 0 0 2.288-.57 16.737 16.737 0 0 1 8.605-7.097 1.667 1.667 0 0 0-1.141-3.133A20.093 20.093 0 0 0 2.844 9.537a1.667 1.667 0 0 0 .57 2.287ZM25.833 18.992a4.167 4.167 0 1 0 0-8.333 4.167 4.167 0 0 0 0 8.333ZM25.834 20.242a6.634 6.634 0 0 0-3.936 1.285.417.417 0 0 0-.093.576 8.286 8.286 0 0 1 1.518 4.409.418.418 0 0 0 .417.396h8.334a.417.417 0 0 0 .415-.445 6.667 6.667 0 0 0-6.655-6.221ZM14.999 20.242a6.667 6.667 0 0 0-6.652 6.223.417.417 0 0 0 .415.443h12.474a.417.417 0 0 0 .415-.445 6.667 6.667 0 0 0-6.652-6.221ZM16.5 18.712a4.175 4.175 0 1 0-3.05-7.773 4.175 4.175 0 0 0 3.05 7.773Z'/%3E%3C/svg%3E");
}
.icon.green::before {
background-color: var(--color-primary);
}
.mod-input {
width: 100%;
position: relative;
}
.mod-input ::-webkit-input-placeholder {
color: #4a4a4a;
opacity: 0.5;
font-weight: 400;
}
.mod-input :-ms-input-placeholder {
color: #4a4a4a;
opacity: 0.5;
font-weight: 400;
}
.mod-input ::placeholder {
color: #4a4a4a;
opacity: 0.5;
font-weight: 400;
}
.mod-input ::-webkit-input-placeholder {
transition: color 0.5s var(--easing-default), opacity 0.5s var(--easing-default);
}
.mod-input :-ms-input-placeholder {
transition: color 0.5s var(--easing-default), opacity 0.5s var(--easing-default);
}
.mod-input ::placeholder {
transition: color 0.5s var(--easing-default), opacity 0.5s var(--easing-default);
}
.bg-primary .mod-input ::-webkit-input-placeholder {
color: #fff;
opacity: 1;
font-weight: 400;
}
.bg-primary .mod-input :-ms-input-placeholder {
color: #fff;
opacity: 1;
font-weight: 400;
}
.bg-primary .mod-input ::placeholder {
color: #fff;
opacity: 1;
font-weight: 400;
}
.mod-input__label {
position: relative;
margin: 0 0 2px;
display: block;
z-index: 4;
font-size: 14px;
font-weight: 600;
}
.mod-input__field {
position: relative;
width: 100%;
height: 50px;
font-weight: 400;
border: 0.5px solid var(--color-gray-300);
border-radius: 0;
background: transparent;
outline: none;
z-index: 1;
font-size: 14px;
font-family: var(--font-primary);
padding: 4px 18px;
color: var(--color-gray-900);
transition: border-color 0.5s var(--easing-default), color 0.5s var(--easing-default);
}
@media only screen and (max-width: 1022px) {
.mod-input__field {
font-size: 16px;
}
}
.bg-primary .mod-input__field {
border-color: var(--color-white);
color: var(--color-white);
}
.mod-input__field:hover, .mod-input__field:focus {
border-color: var(--color-gray-900);
}
.bg-primary .mod-input__field:hover, .bg-primary .mod-input__field:focus {
border-color: var(--color-primary-light);
}
.is-validation-failed .mod-input__field, .mod-input__field.is-validation-failed {
color: var(--color-validation-failed);
border-color: var(--color-validation-failed);
}
.bg-primary .is-validation-failed .mod-input__field, .bg-primary .mod-input__field.is-validation-failed {
color: var(--color-white);
}
.mod-input__field:-webkit-autofill {
color: var(--color-font-color) !important;
-webkit-text-fill-color: var(--color-font-color) !important;
}
.bg-primary .mod-input__field:-webkit-autofill {
color: var(--color-white) !important;
-webkit-text-fill-color: var(--color-font-color) !important;
}
.mod-input__field:-webkit-autofill::selection {
background-color: transparent !important;
-webkit-text-fill-color: var(--color-font-color) !important;
}
.bg-primary .mod-input__field:-webkit-autofill::selection {
-webkit-text-fill-color: var(--color-white) !important;
}
.mod-input__inner {
position: relative;
}
.mod-input textarea {
resize: none;
min-height: 115px;
padding: 16px;
border-radius: 0;
}
.mod-input textarea::-webkit-scrollbar {
width: 0;
display: none;
}
.mod-input__icon {
position: absolute;
top: 14px;
left: 20px;
z-index: 5;
width: 20px;
height: 20px;
color: var(--color-gray-400);
}
.mod-input__text {
margin-top: 8px;
}
.mod-input__max-character {
pointer-events: none;
position: relative;
line-height: 1;
margin-top: -4px;
}
.mod-input--with-icon .mod-input__field {
padding-left: 50px;
}
.mod-input.textarea-with-counter .mod-input__inner {
border: 0.5px solid var(--color-gray-300);
border-radius: 0;
padding: 8px;
transition: border-color 0.5s var(--easing-default);
}
.mod-input.textarea-with-counter .mod-input__inner:hover {
border-color: var(--color-gray-600);
}
.mod-input.textarea-with-counter .mod-input__inner:has(textarea:focus) {
border-color: var(--color-gray-600);
}
.mod-input.textarea-with-counter textarea {
border: 0;
padding: 8px;
min-height: 112px;
}
@media only screen and (max-width: 1022px) {
.mod-input.textarea-with-counter textarea {
min-height: 150px;
}
}
.mod-input.is-disabled .mod-input__field {
pointer-events: none;
border-color: var(--color-gray-300);
background-color: var(--color-gray-200);
}
.mod-input.is-validation-failed ::-webkit-input-placeholder {
color: #ed0530;
opacity: 1;
font-weight: 400;
}
.mod-input.is-validation-failed :-ms-input-placeholder {
color: #ed0530;
opacity: 1;
font-weight: 400;
}
.mod-input.is-validation-failed ::placeholder {
color: #ed0530;
opacity: 1;
font-weight: 400;
}
.bg-primary .mod-input.is-validation-failed ::-webkit-input-placeholder {
color: #fff;
opacity: 1;
font-weight: 400;
}
.bg-primary .mod-input.is-validation-failed :-ms-input-placeholder {
color: #fff;
opacity: 1;
font-weight: 400;
}
.bg-primary .mod-input.is-validation-failed ::placeholder {
color: #fff;
opacity: 1;
font-weight: 400;
}
.mod-input.is-validation-failed .icon {
color: var(--color-validation-failed);
}
.mod-input.is-validation-failed.textarea-with-counter .mod-input__inner {
border-color: var(--color-validation-failed);
}
.mod-input.is-focused .mod-input__password-validation {
display: grid;
}
[data-validator] + [data-validator] {
display: none;
}
.fv-plugins-message-container,
.validation-message {
color: var(--color-validation-failed);
position: relative;
font-size: 12px;
line-height: 1.5;
}
.fv-plugins-message-container div,
.validation-message div {
margin-top: 4px;
}
.validation-message {
display: none;
}
.is-validation-failed .validation-message {
display: block;
}
.form-success-message,
.form-error-message {
margin: 10px 0;
padding: 8px 16px;
font-size: 16px;
line-height: 1.5;
border-radius: 4px;
color: var(--color-white);
}
@media only screen and (max-width: 767px) {
.form-success-message,
.form-error-message {
font-size: 14px;
padding: 5px 10px;
}
}
.form-success-message.is-hidden,
.form-error-message.is-hidden {
display: none;
}
.form-error-message {
background-color: rgba(237, 5, 48, 0.5);
border: 1px solid var(--color-validation-failed);
}
.form-success-message {
background-color: rgba(40, 167, 69, 0.5);
border: 1px solid var(--color-success);
}
.link-with-arrow {
display: inline-flex;
font-weight: 500;
align-items: center;
gap: 16px;
color: var(--color-beige);
position: relative;
font-size: 24px;
letter-spacing: -0.02em;
}
@media only screen and (max-width: 1022px) {
.link-with-arrow {
font-size: 12px;
gap: 8px;
}
}
.link-with-arrow__icon {
flex-shrink: 0;
width: 50px;
height: 50px;
background-color: currentColor;
border-radius: 100%;
transition: transform 0.3s var(--easing-default);
}
@media only screen and (max-width: 1022px) {
.link-with-arrow__icon {
width: 25px;
height: 25px;
}
}
@media only screen and (max-width: 1022px) {
.link-with-arrow__icon .icon {
width: 12px;
height: 12px;
}
}
.link-with-arrow__icon .icon::before {
background-color: var(--color-grass);
}
.link-with-arrow:hover .link-with-arrow__icon {
transform: rotate(45deg);
}
.link-with-arrow--large {
font-size: 32px;
}
.link-with-arrow--large .link-with-arrow__icon {
width: 82px;
height: 82px;
}
.link-with-arrow--large .icon {
width: 40px;
height: 40px;
}
.link-with-tag {
display: flex;
align-items: center;
gap: 4px;
letter-spacing: -0.04em;
font-size: 18px;
font-weight: 700;
line-height: 1.25;
}
.link-with-tag__arrow {
width: 18px;
height: 18px;
border-radius: 100%;
background-color: var(--color-beige);
flex-shrink: 0;
transition: transform 0.3s var(--easing-default), background-color 0.3s var(--easing-default);
}
.link-with-tag__arrow .icon {
width: 7px;
height: 7px;
}
.link-with-tag__arrow .icon::before {
background-color: var(--color-grass);
}
.link-with-tag .tag {
flex-shrink: 0;
width: 18px;
height: 18px;
margin-right: 4px;
}
.link-with-tag:hover {
color: var(--color-gray-950);
}
.link-with-tag:hover .link-with-tag__arrow {
transform: rotate(45deg);
background-color: currentColor;
}
.mod-loader {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transition: opacity 0.3s ease 0.2s, visibility 0.3s ease 0.2s;
opacity: 0;
pointer-events: none;
visibility: hidden;
z-index: 30;
background-color: var(--color-white);
}
.show-loader .mod-loader {
opacity: 1;
visibility: visible;
pointer-events: all;
}
.mod-loader svg {
width: 120px;
height: 120px;
}
.mod-loader__spinner {
border: 5px solid var(--color-primary);
border-radius: 50%;
border-top: 5px solid transparent;
width: 60px;
height: 60px;
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
} @-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
} .margin {
display: block;
width: 100%;
}
.margin--240 {
height: 240px;
}
@media only screen and (max-width: 1439px) {
.margin--240 {
height: 200px;
}
}
@media only screen and (max-width: 1200px) {
.margin--240 {
height: 160px;
}
}
@media only screen and (max-width: 1022px) {
.margin--240 {
height: 128px;
}
}
.margin--200 {
height: 200px;
}
@media only screen and (max-width: 1439px) {
.margin--200 {
height: 180px;
}
}
@media only screen and (max-width: 1200px) {
.margin--200 {
height: 140px;
}
}
@media only screen and (max-width: 1022px) {
.margin--200 {
height: 128px;
}
}
.margin--180 {
height: 180px;
}
@media only screen and (max-width: 1200px) {
.margin--180 {
height: 120px;
}
}
@media only screen and (max-width: 1022px) {
.margin--180 {
height: 80px;
}
}
.margin--170 {
height: 170px;
}
@media only screen and (max-width: 1200px) {
.margin--170 {
height: 110px;
}
}
@media only screen and (max-width: 1022px) {
.margin--170 {
height: 70px;
}
}
.margin--160 {
height: 160px;
}
@media only screen and (max-width: 1200px) {
.margin--160 {
height: 120px;
}
}
@media only screen and (max-width: 1022px) {
.margin--160 {
height: 80px;
}
}
.margin--140 {
height: 140px;
}
@media only screen and (max-width: 1200px) {
.margin--140 {
height: 120px;
}
}
@media only screen and (max-width: 1022px) {
.margin--140 {
height: 80px;
}
}
@media only screen and (max-width: 767px) {
.margin--140 {
height: 64px;
}
}
.margin--150 {
height: 150px;
}
@media only screen and (max-width: 1200px) {
.margin--150 {
height: 120px;
}
}
@media only screen and (max-width: 1022px) {
.margin--150 {
height: 80px;
}
}
.margin--128 {
height: 128px;
}
@media only screen and (max-width: 1200px) {
.margin--128 {
height: 80px;
}
}
.margin--120 {
height: 120px;
}
@media only screen and (max-width: 1200px) {
.margin--120 {
height: 80px;
}
}
@media only screen and (max-width: 767px) {
.margin--120 {
height: 60px;
}
}
.margin--112 {
height: 112px;
}
@media only screen and (max-width: 1200px) {
.margin--112 {
height: 75px;
}
}
@media only screen and (max-width: 767px) {
.margin--112 {
height: 60px;
}
}
.margin--100 {
height: 100px;
}
@media only screen and (max-width: 1200px) {
.margin--100 {
height: 80px;
}
}
@media only screen and (max-width: 767px) {
.margin--100 {
height: 60px;
}
}
.margin--96 {
height: 96px;
}
@media only screen and (max-width: 1200px) {
.margin--96 {
height: 80px;
}
}
.margin--80 {
height: 80px;
}
@media only screen and (max-width: 1200px) {
.margin--80 {
height: 60px;
}
}
@media only screen and (max-width: 767px) {
.margin--80 {
height: 40px;
}
}
.margin--64 {
height: 64px;
}
.margin--60 {
height: 60px;
}
@media only screen and (max-width: 1200px) {
.margin--60 {
height: 40px;
}
}
@media only screen and (max-width: 767px) {
.margin--60 {
height: 30px;
}
}
.margin--50 {
height: 50px;
}
@media only screen and (max-width: 1200px) {
.margin--50 {
height: 40px;
}
}
@media only screen and (max-width: 767px) {
.margin--50 {
height: 32px;
}
}
.margin--40 {
height: 40px;
}
@media only screen and (max-width: 1200px) {
.margin--40 {
height: 30px;
}
}
@media only screen and (max-width: 767px) {
.margin--40 {
height: 20px;
}
}
.margin--36 {
height: 36px;
}
.margin--32 {
height: 32px;
}
.margin--24 {
height: 24px;
}
.margin--20 {
height: 20px;
}
.margin--16 {
height: 16px;
}
.margin--12 {
height: 12px;
}
.radio-button {
position: relative;
user-select: none;
line-height: 1.5;
transition: opacity 0.5s var(--easing-default), color 0.5s var(--easing-default);
}
@media only screen and (max-width: 767px) {
.radio-button {
line-height: 20px;
}
}
.radio-button__label {
position: relative;
cursor: pointer;
margin: 0;
transition: color 0.5s var(--easing-default), border-color 0.5s var(--easing-default), box-shadow 0.5s var(--easing-default), background-color 0.5s var(--easing-default);
display: flex;
flex-direction: column;
}
.radio-button__text {
position: relative;
padding-left: 28px;
cursor: pointer;
margin: 0;
display: flex;
flex-direction: column;
transition: color 0.3s ease;
}
.radio-button__text::after, .radio-button__text:before {
content: "";
left: 0;
top: 1px;
position: absolute;
pointer-events: none;
width: 20px;
height: 20px;
border-radius: 100%;
}
.radio-button__text:before {
border: 0.5px solid var(--color-gray-300);
background-color: var(--color-white);
transition: background-color 0.3s ease, border 0.3s ease;
}
.radio-button__text::after {
transform: scale(0);
transition: transform 0.5s var(--easing-default), opacity 0.5s var(--easing-default);
width: 12px;
height: 12px;
left: 4px;
top: 5px;
background-color: var(--color-gray-800);
}
.radio-button .editor-text {
margin-top: 28px;
}
@media only screen and (max-width: 1022px) {
.radio-button .editor-text {
margin-top: 20px;
}
}
@media only screen and (min-width: 1023px) {
.radio-button:hover .radio-button__text::before {
border-color: var(--color-gray-600);
}
}
.radio-button input {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
font-size: 0;
line-height: 0;
}
.radio-button input:checked ~ label .radio-button__text::after {
transform: scale(1);
}
.radio-button a {
text-decoration: underline;
}
.radio-button a:hover {
text-decoration: none;
}
.radio-button__icons {
display: flex;
align-items: center;
gap: 12px;
width: 100%;
margin-bottom: 4px;
}
@media only screen and (max-width: 767px) {
.radio-button__icons {
gap: 6px;
}
}
.radio-button__icons .icon {
width: 20px;
height: 20px;
}
@media only screen and (max-width: 767px) {
.radio-button__icons .icon {
width: 16px;
height: 16px;
}
}
.radio-button--reverse .radio-button__text {
padding-left: 0;
padding-right: 36px;
text-align: right;
}
.radio-button--reverse .radio-button__text::after, .radio-button--reverse .radio-button__text:before {
left: initial;
right: 0;
}
.radio-button--reverse .radio-button__text::after {
right: 4px;
}
.radio-button--secondary {
font-size: 12px;
}
.radio-button--secondary .radio-button__text {
padding-left: 36px;
}
.radio-button--secondary .radio-button__text::after {
background-color: currentColor;
border-radius: 2px;
left: 4px;
width: 12px;
height: 12px;
top: 5px;
}
.radio-button--secondary .radio-button__text::before {
background-color: transparent;
border-color: currentColor;
border-radius: 4px;
}
.radio-button--secondary.radio-button--reverse .radio-button__text {
padding-left: 0;
padding-right: 36px;
}
.radio-button--secondary.radio-button--reverse .radio-button__text::after {
left: initial;
right: 4px;
}
@media only screen and (min-width: 1023px) {
.radio-button--secondary:hover .radio-button__text::before {
border-color: currentColor;
}
}
.failed .radio-button .radio-button__text::before, .radio-button.is-validation-failed .radio-button__text::before, .is-validation-failed .radio-button .radio-button__text::before {
border-color: var(--color-validation-failed);
}
.radio-button .fv-plugins-message-container {
text-align: left;
padding-left: 28px;
}
.radio-button.is-disabled {
pointer-events: none;
}
.radio-button.is-disabled input {
pointer-events: none;
}
.radio-button.is-disabled .radio-button__text::before {
border-color: var(--color-gray-300);
background-color: var(--color-gray-300);
}
.radio-button.is-disabled .radio-button__label,
.radio-button.is-disabled .radio-button__text {
color: var(--color-gray-400);
}
.tag {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 18px;
min-height: 18px;
border-radius: 50px;
padding: 2px;
font-weight: 700;
font-size: 10px;
color: var(--color-beige);
border: 0.5px solid var(--color-border);
background-color: var(--color-breeze);
flex-shrink: 0;
text-transform: uppercase;
letter-spacing: 0;
}
.tag--t {
background-color: var(--color-mist);
}
.tag--k {
background-color: var(--color-eclipse);
}
.tag__logo {
width: 24px;
height: 24px;
flex-shrink: 0;
}
.tag__logo img {
width: 100%;
height: auto;
object-fit: contain;
}
.tag--large {
width: 70px;
height: 70px;
font-size: 38px;
border-width: 2px;
}
@media only screen and (max-width: 1022px) {
.tag--large {
width: 28px;
height: 28px;
font-size: 16px;
border-width: 1px;
}
}
.tag--brand {
min-height: 28px;
background-color: var(--color-gray-950);
font-weight: 500;
border: 0;
text-transform: none;
gap: 8px;
font-size: 12px;
padding-right: 12px;
}
.title--h6, .title--h5, .title--h4, .title--h3, .title--h2, .title--h1 {
line-height: 1.2;
font-weight: 500;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.title--h1 {
font-size: 50px;
font-weight: 700;
letter-spacing: -0.01em;
}
@media only screen and (max-width: 1439px) {
.title--h1 {
font-size: 48px;
}
}
@media only screen and (max-width: 1200px) {
.title--h1 {
font-size: 44px;
}
}
@media only screen and (max-width: 1022px) {
.title--h1 {
font-size: 42px;
}
}
@media only screen and (max-width: 767px) {
.title--h1 {
font-size: 32px;
}
}
.title--h2 {
font-size: 64px;
font-weight: 300;
line-height: 1;
}
@media only screen and (max-width: 1439px) {
.title--h2 {
font-size: 50px;
}
}
@media only screen and (max-width: 1200px) {
.title--h2 {
font-size: 48px;
}
}
@media only screen and (max-width: 1022px) {
.title--h2 {
font-size: 36px;
}
}
.title--h3 {
font-size: 24px;
letter-spacing: 0.01em;
font-weight: 700;
}
@media only screen and (max-width: 1200px) {
.title--h3 {
font-size: 22px;
}
}
@media only screen and (max-width: 767px) {
.title--h3 {
font-size: 20px;
}
}
.title--h4 {
font-size: 20px;
}
.title--h5 {
font-size: 18px;
}
.title--h6 {
font-size: 16px;
}
.mod-toggle {
-webkit-user-select: none;
user-select: none;
display: inline-block;
font-size: 0;
line-height: 0;
}
.mod-toggle__label {
margin-bottom: 0;
}
.mod-toggle__switch {
position: relative;
display: flex;
align-items: center;
width: 38px;
height: 24px;
cursor: pointer;
}
@media only screen and (max-width: 767px) {
.mod-toggle__switch {
width: 30px;
height: 20px;
}
}
.mod-toggle__switch::before, .mod-toggle__switch::after {
position: absolute;
display: block;
content: "";
}
.mod-toggle__switch:before {
top: 0;
width: 100%;
height: 100%;
background-color: gray;
border-radius: 20px;
transition: box-shadow 0.3s ease, background-color 0.3s ease;
}
.mod-toggle__switch::after {
top: 2px;
left: 2px;
width: 20px;
height: 20px;
background-color: var(--color-white);
border-radius: 50%;
transition: transform 0.3s ease;
}
@media only screen and (max-width: 767px) {
.mod-toggle__switch::after {
width: 16px;
height: 16px;
}
}
.mod-toggle input {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
white-space: nowrap;
border: 0;
visibility: inherit;
clip: rect(0, 0, 0, 0);
}
.mod-toggle input:checked + .mod-toggle__label .mod-toggle__switch::before {
background-color: var(--color-primary);
}
.mod-toggle input:checked + .mod-toggle__label .mod-toggle__switch::after {
transform: translate(14px, 0);
}
@media only screen and (max-width: 767px) {
.mod-toggle input:checked + .mod-toggle__label .mod-toggle__switch::after {
transform: translate(10px, 0);
}
}
.mod-toggle.is-disabled .mod-toggle__switch {
cursor: not-allowed;
}
.mod-toggle.is-disabled .mod-toggle__switch::before {
background-color: rgba(0, 0, 0, 0.05);
}
.mod-toggle.is-disabled .mod-toggle__switch::after {
background-color: rgba(0, 0, 0, 0.3);
}
.toggle-switch {
position: relative;
-webkit-user-select: none;
user-select: none;
}
.toggle-switch__switch {
width: 54px;
height: 30px;
border-radius: 30px;
border: 1px solid currentColor;
position: relative;
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
transition: background-color 0.5s var(--easing-default), border-color 0.5s var(--easing-default);
}
.toggle-switch__ball {
position: absolute;
left: 2px;
top: 50%;
width: 25px;
height: 25px;
border-radius: 100%;
background-color: var(--color-white);
transform: translateY(-50%);
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.05), 0px 6px 6px rgba(0, 0, 0, 0.05), 0px 13px 8px rgba(0, 0, 0, 0.03), 0px 22px 9px rgba(0, 0, 0, 0), 0px 35px 10px rgba(0, 0, 0, 0);
transition: transform 0.5s var(--easing-default);
}
.toggle-switch__text {
position: relative;
}
.toggle-switch__label {
position: relative;
margin: 0;
display: inline-flex;
align-items: center;
gap: 12px;
cursor: pointer;
}
.toggle-switch input {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
font-size: 0;
line-height: 0;
}
.toggle-switch input:checked + .toggle-switch__label .toggle-switch__ball {
transform: translate(24px, -50%);
}
.toggle-switch input[disabled] + .toggle-switch__label .toggle-switch__switch {
cursor: not-allowed;
opacity: 0.5;
}
.accordion--secondary .accordion__content-inner {
font-size: 16px;
line-height: 1.5;
}
.accordion {
position: relative;
width: 100%;
max-width: 648px;
margin: 0 auto;
}
.accordion::after {
content: "";
height: 1px;
position: absolute;
bottom: 0;
left: 40px;
width: calc(100% - 40px);
background-color: currentColor;
}
@media only screen and (max-width: 767px) {
.accordion::after {
left: 32px;
width: calc(100% - 32px);
}
}
.accordion__separator {
height: 1px;
width: 100%;
display: block;
background-color: var(--color-gray-300);
margin: 32px 0;
}
.accordion__title {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
gap: 16px;
min-height: 84px;
padding: 24px 0;
text-align: left;
}
@media only screen and (max-width: 1200px) {
.accordion__title {
min-height: 1px;
padding: 20px 0;
}
}
@media only screen and (max-width: 1022px) {
.accordion__title {
padding: 16px 0;
}
}
@media only screen and (max-width: 767px) {
.accordion__title {
font-size: 16px;
gap: 8px;
}
}
.accordion__title-text {
flex: auto;
}
.accordion__title-icon {
position: relative;
flex-shrink: 0;
margin-top: 4px;
align-self: flex-start;
}
.accordion__title .icon {
width: 22px;
height: 22px;
transition: transform 0.3s ease;
}
.accordion__title .icon::before {
background-color: var(--color-gray-600);
}
.accordion__content {
width: 100%;
display: none;
padding-left: 40px;
}
@media only screen and (max-width: 767px) {
.accordion__content {
padding-left: 32px;
}
}
.accordion__content-inner {
padding-bottom: 24px;
}
.accordion__content-inner .accordion__content-inner {
padding-left: 24px;
padding-top: 8px;
}
.accordion__content .accordion {
border: 0;
}
.accordion__content .accordion::after {
display: none;
}
.accordion__content .accordion__content {
padding-left: 0;
}
.accordion__content .accordion__title {
min-height: 1px;
padding: 6px 0;
font-size: 13px;
font-weight: 500;
gap: 8px;
}
.accordion__content .accordion__title-icon {
margin: 2px 0 0;
}
.accordion__content .accordion__title .icon {
width: 16px;
height: 16px;
}
.accordion table,
.accordion .editor-text {
margin: 32px 0;
}
.accordion table:first-child,
.accordion .editor-text:first-child {
margin-top: 0;
}
.accordion table:last-child,
.accordion .editor-text:last-child {
margin-bottom: 0;
}
.accordion .editor-text table {
margin: 24px 0;
}
.accordion .editor-text h2,
.accordion .editor-text h3,
.accordion .editor-text h4,
.accordion .editor-text h5,
.accordion .editor-text h6 {
font-size: 16px;
color: var(--color-primary);
}
.accordion__index {
width: 8.8%;
flex-shrink: 0;
}
@media only screen and (max-width: 767px) {
.accordion__index {
width: 34px;
}
}
@media only screen and (max-width: 1022px) {
.accordion__index.title--h3 {
font-size: 20px;
}
}
@media only screen and (max-width: 767px) {
.accordion__index.title--h3 {
font-size: 16px;
}
}
.accordion--secondary {
max-width: 100%;
}
.accordion--secondary::after {
width: 100%;
left: 0;
background-color: var(--color-gray-300);
}
.accordion--secondary .accordion__title {
font-weight: 300;
padding: 20px 0;
}
@media only screen and (max-width: 767px) {
.accordion--secondary .accordion__title {
font-weight: 400;
font-size: 21px;
padding: 16px 0;
}
}
.accordion--secondary .accordion__title-icon {
order: 2;
width: 54px;
height: 54px;
background-color: var(--color-primary);
transition: background-color 0.3s var(--easing-default);
margin-top: 0;
}
.accordion--secondary .accordion__title-icon .icon {
width: 30px;
height: 30px;
}
.accordion--secondary .accordion__title-icon .icon::before {
background-color: var(--color-white);
}
.accordion--secondary .accordion__title:hover .accordion__title-icon {
background-color: var(--color-primary-hover);
}
.accordion--secondary .accordion__content {
padding-left: 0;
}
.accordion--secondary .accordion__content-inner {
padding: 10px 0 40px calc(8.8% + 16px);
}
@media only screen and (max-width: 1022px) {
.accordion--secondary .accordion__content-inner {
padding-top: 0;
padding-bottom: 20px;
}
}
@media only screen and (max-width: 767px) {
.accordion--secondary .accordion__content-inner {
padding-left: 42px;
}
}
.accordion--secondary .accordion__content .editor-text {
max-width: 57%;
width: 100%;
}
@media only screen and (max-width: 1022px) {
.accordion--secondary .accordion__content .editor-text {
max-width: 100%;
}
}
.accordion.is-open > .accordion__title .icon-chevron-right {
transform: rotate(90deg);
}
.accordion.is-open > .accordion__title .icon-chevron-right::before {
background-color: var(--color-primary);
}
.accordion.is-open > .accordion__title .icon-arrow-up {
transform: scaleY(-1);
}
.advance-cookie-banner {
font-size: 16px;
line-height: 1.5;
}
@media only screen and (max-width: 1022px) {
.advance-cookie-banner {
font-size: 14px;
}
}
.advance-cookie-banner__title {
margin-bottom: 8px;
}
.advance-cookie-banner__bar {
position: fixed;
left: 50%;
transform: translateX(-50%);
width: 100%;
max-width: 800px;
bottom: 20px;
z-index: 998;
transition: opacity 0.5s ease;
padding: 24px;
opacity: 0;
pointer-events: none;
color: var(--color-gray-950);
background-color: var(--color-white);
border-radius: 12px;
box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2), 5px 5px 10px 0 rgba(0, 0, 0, 0.19);
}
@media only screen and (max-width: 1200px) {
.advance-cookie-banner__bar {
max-width: 90vw;
}
}
@media only screen and (max-width: 1022px) {
.advance-cookie-banner__bar {
max-width: calc(100% - 40px);
padding: 20px;
box-shadow: 1px 2px 10px 4px rgba(0, 0, 0, 0.2);
bottom: 8px;
}
}
.cookie-not-set .advance-cookie-banner__bar {
opacity: 1;
pointer-events: all;
}
.advance-cookie-banner__inner {
position: relative;
z-index: 3;
display: grid;
grid-gap: 20px;
}
.advance-cookie-banner a:not(.btn) {
color: var(--color-primary);
text-decoration: underline;
}
.advance-cookie-banner a:not(.btn):hover {
text-decoration: none;
}
.advance-cookie-banner__button {
display: flex;
align-items: center;
gap: 16px;
flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
.advance-cookie-banner__button {
gap: 10px;
}
}
@media only screen and (max-width: 767px) {
.advance-cookie-banner .btn {
padding: 4px 12px;
}
}
.advance-cookie-banner .btn[disabled] {
pointer-events: none;
opacity: 0.4;
}
.advance-cookie-banner__modal {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 999;
opacity: 0;
pointer-events: none;
overflow: auto;
transition: opacity 0.4s ease;
padding: 28px;
}
@media only screen and (max-width: 767px) {
.advance-cookie-banner__modal {
padding: 18px 10px;
font-size: 14px;
}
}
.advance-cookie-banner__modal.is-open-modal {
opacity: 1;
pointer-events: all;
}
.advance-cookie-banner__modal-close {
flex-shrink: 0;
width: 24px;
height: 24px;
}
@media only screen and (max-width: 767px) {
.advance-cookie-banner__modal-close {
top: 10px;
}
}
.advance-cookie-banner__modal-close .icon {
pointer-events: none;
width: 24px;
height: 24px;
transition: transform 0.3s ease;
}
.advance-cookie-banner__modal-close:hover .icon {
transform: scale(0.9);
}
.advance-cookie-banner__modal-overlay {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
z-index: 999;
}
.advance-cookie-banner__modal-body {
position: relative;
margin: 0 auto;
width: 100%;
max-width: 830px;
box-shadow: 1px 6px 20px rgba(0, 0, 0, 0.25);
background-color: var(--color-white);
z-index: 1000;
padding: 24px;
border-radius: 12px;
}
@media only screen and (max-width: 767px) {
.advance-cookie-banner__modal-body {
padding: 16px;
}
}
.advance-cookie-banner__modal-header {
border-bottom: 1px solid var(--color-gray-300);
padding: 0 0 16px;
margin-bottom: 40px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
}
@media only screen and (max-width: 767px) {
.advance-cookie-banner__modal-header {
margin-bottom: 30px;
}
}
.advance-cookie-banner__modal-header h2 {
color: var(--color-primary);
}
.advance-cookie-banner__modal-content {
display: grid;
grid-gap: 44px;
}
@media only screen and (max-width: 1022px) {
.advance-cookie-banner__modal-content {
grid-gap: 32px;
}
}
@media only screen and (max-width: 767px) {
.advance-cookie-banner__modal-content {
font-size: 14px;
}
}
.advance-cookie-banner__modal-content .editor-text p {
margin-top: 8px;
margin-bottom: 8px;
}
.advance-cookie-banner__modal-content .editor-text p:first-child {
margin-top: 0;
}
.advance-cookie-banner__modal-content .editor-text p a {
text-decoration: underline;
}
.advance-cookie-banner__modal-content .editor-text p a:hover {
text-decoration: none;
}
.advance-cookie-banner__modal-content .editor-text strong {
color: var(--color-gray-950);
}
.advance-cookie-banner__modal-item {
position: relative;
}
.advance-cookie-banner__modal-item.is-necessary .mod-toggle {
pointer-events: none;
opacity: 0;
}
.advance-cookie-banner__modal-cookie-title {
margin-bottom: 8px;
padding-right: 140px;
color: var(--color-gray-950);
}
@media only screen and (max-width: 767px) {
.advance-cookie-banner__modal-cookie-title {
padding-right: 80px;
}
}
.advance-cookie-banner__modal-active-label {
position: absolute;
right: 12px;
top: 0;
font-weight: 600;
}
@media only screen and (max-width: 767px) {
.advance-cookie-banner__modal-active-label {
font-size: 12px;
top: 4px;
}
}
.advance-cookie-banner__modal-footer {
align-items: center;
display: flex;
justify-content: space-between;
margin-top: 36px;
gap: 20px;
}
@media only screen and (max-width: 767px) {
.advance-cookie-banner__modal-footer {
flex-direction: column;
}
}
@media only screen and (max-width: 767px) {
.advance-cookie-banner__modal-footer .btn {
width: 100%;
}
}
@media only screen and (min-width: 768px) {
.advance-cookie-banner__modal-footer .btn__text {
flex-shrink: 0;
}
}
.advance-cookie-banner__modal .mod-toggle {
position: absolute;
right: 14px;
top: 0;
}
@media only screen and (max-width: 767px) {
.advance-cookie-banner__modal .mod-toggle {
right: 0;
}
}
.advance-cookie-banner__modal-trigger {
position: fixed;
bottom: 15px;
right: 15px;
transition: transform 0.3s ease;
z-index: 9;
width: 60px;
height: 60px;
border-radius: 100%;
background-color: var(--color-primary);
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
transition-delay: 0.3s;
}
@media only screen and (max-width: 1200px) {
.advance-cookie-banner__modal-trigger {
display: none;
}
}
.advance-cookie-banner__modal-trigger .icon::before {
background-color: var(--color-white);
}
:has(body .advance-cookie-banner.cookie-not-set) .advance-cookie-banner__modal-trigger {
transform: translateY(calc(100% + 20px));
}
.article-card {
max-width: 688px;
width: 100%;
border: 1px solid var(--color-primary);
padding: 30px;
display: grid;
grid-template-columns: 36px 1fr;
grid-gap: 30px;
align-items: flex-start;
position: relative;
}
@media only screen and (max-width: 767px) {
.article-card {
padding: 20px;
grid-template-columns: 30px 1fr;
grid-gap: 20px;
}
}
.article-card .title--h3 {
color: var(--color-primary);
font-weight: 400;
text-decoration: underline;
}
.article-card__image {
width: 30px;
height: 30px;
display: flex;
justify-content: center;
}
@media only screen and (max-width: 767px) {
.article-card__image {
width: 28px;
height: 28px;
}
}
.article-card__image img {
width: 100%;
height: auto;
object-fit: contain;
}
.article-card__content {
display: grid;
grid-gap: 6px;
justify-items: flex-start;
}
.article-card__text a {
position: relative;
text-decoration: underline;
z-index: 6;
}
.article-card__text a:hover {
text-decoration: none;
}
.article-card .btn {
margin-top: 30px;
color: var(--color-primary);
}
.article-card:hover .btn {
color: var(--color-primary);
}
.article-card:hover .btn .icon-circle-arrow-right {
transform: translateX(4px);
}
.article-card--theme-jhl {
--color-primary: #8dc63f;
--color-primary-hover: #81b735;
--color-primary-light: #ddfbb3;
}
.article-card--theme-energetika {
--color-primary: #0066b3;
--color-primary-hover: #01589b;
--color-primary-light: #a9c9e1;
}
.article-card--theme-vokasnaga {
--color-primary: #0071b3;
--color-primary-hover: #006caa;
--color-primary-light: #addcf8;
}
.article-card--theme-lpp {
--color-primary: #1e7b4b;
--color-primary-hover: #176e41;
--color-primary-light: #ffffff;
}
.article-nav {
display: flex;
width: 100%;
padding: 0 195px;
}
@media only screen and (max-width: 1439px) {
.article-nav {
padding: 0 155px;
}
}
@media only screen and (max-width: 1200px) {
.article-nav {
padding: 0 130px;
}
}
@media only screen and (max-width: 1022px) {
.article-nav {
padding: 0;
}
}
@media (max-width: 480px) {
.article-nav {
flex-direction: column;
}
}
.article-nav__left, .article-nav__right {
flex: 1;
}
.article-nav__item {
width: 100%;
display: flex;
gap: 8px;
align-items: center;
min-height: 116px;
padding: 16px 0;
}
@media (max-width: 480px) {
.article-nav__item {
min-height: 60px;
padding: 20px;
}
}
.article-nav__title {
color: var(--color-primary);
}
.article-nav__prev {
padding-right: 16px;
border-right: 1px solid var(--color-gray-200);
}
@media only screen and (min-width: 1023px) {
.article-nav__prev {
padding-right: 40px;
}
}
@media (max-width: 480px) {
.article-nav__prev {
padding: 20px;
border-right: 0;
border-bottom: 1px solid var(--color-gray-200);
}
}
.article-nav__prev .icon {
order: -1;
}
.article-nav__prev .article-nav__label {
order: 9;
margin-left: auto;
}
.article-nav__prev:hover .icon {
transform: translate(-5px, 0);
}
.article-nav__next {
padding-left: 16px;
border-left: 1px solid var(--color-gray-200);
margin-left: -1px;
}
@media only screen and (min-width: 1023px) {
.article-nav__next {
padding-left: 40px;
}
}
@media (max-width: 480px) {
.article-nav__next {
padding: 20px;
border-left: 0;
margin-left: 0;
}
}
.article-nav__next .article-nav__title {
margin-left: auto;
text-align: right;
}
.article-nav__next:hover .icon {
transform: translate(5px, 0);
}
.article-nav__label {
flex-shrink: 0;
}
.article-nav .icon {
flex-shrink: 0;
transition: transform 0.3s ease;
}
.article-nav .icon::before {
background-color: var(--color-primary);
}
.breadcrumbs {
width: 100%;
position: relative;
}
.breadcrumbs__list {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 6px;
}
.breadcrumbs__item {
position: relative;
display: inline-flex;
align-items: center;
gap: 6px;
}
.breadcrumbs__link {
position: relative;
white-space: nowrap;
overflow: hidden;
max-width: 250px;
text-overflow: ellipsis;
}
.breadcrumbs__link[href] {
text-decoration: underline;
}
.breadcrumbs__link[href]:hover {
color: var(--color-primary);
}
.breadcrumbs .icon {
width: 12px;
height: 12px;
}
.breadcrumbs .icon::before {
color: var(--color-primary-dark-2);
}
.card.has-image .card__image::before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
pointer-events: none;
}
.card {
width: 100%;
max-width: 370px;
min-height: 280px;
position: relative;
padding: 35px;
background-color: var(--color-primary);
display: flex;
flex-direction: column;
justify-content: space-between;
color: var(--color-white);
transition: transform 0.3s ease, background-color 0.3s ease;
}
@media only screen and (max-width: 1200px) {
.card {
padding: 24px;
}
}
.card__content {
z-index: 3;
display: flex;
flex-direction: column;
margin-top: auto;
gap: 10px;
}
.card__image img {
transform: scale(1.00001);
transition: transform 0.3s ease;
}
.card__info {
display: flex;
justify-content: space-between;
align-items: center;
gap: 4px;
z-index: 3;
}
.card__text {
max-width: 800px;
}
.card__category {
margin-right: auto;
padding-left: 4px;
}
.card__link {
display: flex;
align-items: center;
gap: 8px;
margin-top: 10px;
line-height: 1.1;
font-size: 13px;
}
.card__link .icon {
width: 14px;
height: 14px;
flex-shrink: 0;
}
.card__icon .icon {
width: 40px;
height: 40px;
}
.card:has(.stretched-link):hover {
background-color: var(--color-primary-hover);
}
.card:has(.stretched-link):hover .card__image img {
transform: scale(1.08);
}
.card:has(.stretched-link):active {
transform: scale(0.98);
}
.card.has-image .card__image::before {
z-index: 1;
background: linear-gradient(transparent, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.7), #000);
}
.card.has-image .card__link {
color: var(--color-green-light-3);
}
.card--secondary, .card--news {
background-color: var(--color-gray-98);
color: var(--color-font-color);
}
.card--secondary .card__link .icon::before, .card--news .card__link .icon::before {
background-color: var(--color-primary);
}
.card--secondary:has(.stretched-link):hover, .card--news:has(.stretched-link):hover {
background-color: var(--color-primary);
color: var(--color-white);
}
.card--news {
max-width: 390px;
min-height: 340px;
padding: 50px;
gap: 20px;
}
@media only screen and (max-width: 1200px) {
.card--news {
padding: 32px;
}
}
@media only screen and (max-width: 767px) {
.card--news {
padding: 18px 16px;
}
}
.card--news .card__link {
display: none;
}
.card--news .card__tag {
text-transform: uppercase;
}
.card--secondary {
max-width: 280px;
min-height: 256px;
padding: 16px;
}
.card--secondary .card__icon {
margin-bottom: 16px;
}
.card--secondary .card__text {
font-size: 16px;
}
.card--secondary .card__content {
gap: 8px;
}
.card--secondary .title {
font-size: 20px;
margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
.card--secondary .title {
font-size: 18px;
}
}
.card--secondary .card__link {
margin-top: 6px;
}
@media only screen and (max-width: 767px) {
.card--secondary .card__link {
margin-top: 8px;
}
}
.card--secondary:has(.stretched-link):hover .card__link .icon::before {
background-color: var(--color-gray-600);
}
.card--default .title {
font-weight: 300;
font-size: 40px;
}
@media only screen and (max-width: 1200px) {
.card--default .title {
font-size: 32px;
}
}
.card--news-list {
min-height: 295px;
justify-content: flex-start;
}
.card--news-list .card__content {
flex: auto;
margin-top: 8px;
}
.card--news-list .card__link {
margin-top: auto;
}
.card--news-list .title {
font-weight: 300;
font-size: 26px;
}
@media only screen and (max-width: 1022px) {
.card--news-list .title {
font-size: 22px;
font-weight: 500;
}
}
.card--news-list .card__info {
gap: 0;
font-size: 13px;
}
.card--news-list .card__info div {
font-weight: 400;
}
.card--jhl {
background-color: var(--color-jhl);
}
.card--jhl:has(.stretched-link):hover {
background-color: var(--color-jhl-hover);
}
.card--jhl.has-image .card__link {
color: var(--color-green-light-3);
}
.card--lpp {
background-color: var(--color-lpp);
}
.card--lpp:has(.stretched-link):hover {
background-color: var(--color-lpp-hover);
}
.card--lpp.has-image .card__link {
color: var(--color-green-light);
}
.card--energetika {
background-color: var(--color-energetika);
}
.card--energetika:has(.stretched-link):hover {
background-color: var(--color-energetika-hover);
}
.card--energetika.has-image .card__link {
color: var(--color-yellow);
}
.card--vokasnaga {
background-color: var(--color-vokasnaga);
}
.card--vokasnaga:has(.stretched-link):hover {
background-color: var(--color-vokasnaga-hover);
}
.card--vokasnaga.has-image .card__link {
color: var(--color-blue);
}
.card--brown {
background-color: var(--color-card-brown);
}
.card--brown:has(.stretched-link):hover {
background-color: var(--color-card-brown);
}
.card--brown.has-image .card__link {
color: var(--color-card-brown);
}
.card-with-list__link::before {
height: 100%;
left: 0;
position: absolute;
width: 100%;
top: 0;
}
.card-with-list {
width: 100%;
max-width: 765px;
min-height: 280px;
position: relative;
padding: 35px;
background-color: var(--color-primary);
display: flex;
gap: 40px;
color: var(--color-white);
transition: transform 0.3s ease, background-color 0.3s ease;
}
@media only screen and (max-width: 1200px) {
.card-with-list {
padding: 24px;
gap: 30px;
}
}
@media only screen and (max-width: 767px) {
.card-with-list {
flex-direction: column;
gap: 24px;
}
}
.card-with-list__title {
flex-shrink: 0;
color: rgba(255, 255, 255, 0.4);
text-align: right;
font-weight: 500;
}
@media only screen and (min-width: 768px) {
.card-with-list__title {
-webkit-writing-mode: tb-rl;
writing-mode: tb-rl;
white-space: nowrap;
rotate: 180deg;
}
}
@media only screen and (min-width: 1201px) {
.card-with-list__title {
font-size: 50px;
}
}
@media only screen and (max-width: 767px) {
.card-with-list__title {
text-align: left;
}
}
.card-with-list__content {
align-items: flex-start;
gap: 16px;
}
.card-with-list__link::before {
content: "";
z-index: 3;
}
.card-with-list .btn {
margin-top: auto;
color: var(--color-white);
text-transform: uppercase;
font-size: 13px;
gap: 8px;
}
@media only screen and (max-width: 767px) {
.card-with-list .btn {
margin-top: 12px;
}
}
.card-with-list .btn .icon::before {
background-color: currentColor;
}
.card-with-list__item:hover .card-with-list__link {
text-decoration: underline;
}
.checkbox-group__label {
position: relative;
margin: 0 0 2px;
display: block;
z-index: 4;
font-size: 14px;
font-weight: 600;
}
.checkbox-group__list {
margin-top: 8px;
display: grid;
grid-gap: 16px;
}
.checkbox-group__separator {
width: 100%;
}
.checkbox-group .checkbox .fv-plugins-message-container,
.checkbox-group .checkbox .validation-message {
display: none;
}
.checkbox-group .fv-plugins-message-container,
.checkbox-group .validation-message {
display: none;
margin-top: 0;
font-weight: 600;
letter-spacing: 0.5px;
}
.checkbox-group.failed .fv-plugins-message-container.group-error,
.checkbox-group.failed .validation-message {
display: block;
margin-top: 16px;
}
.checkbox-group.failed .checkbox__label::before {
border-color: var(--color-validation-failed);
}
.form-component__newsletter-input .mod-input__label {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
white-space: nowrap;
border: 0;
visibility: inherit;
clip: rect(0, 0, 0, 0);
}
.form-component {
width: 100%;
position: relative;
}
.form-component__header {
margin-bottom: 36px;
}
.form-component__body {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-gap: 20px;
}
@media only screen and (max-width: 767px) {
.form-component__body {
grid-gap: 16px;
grid-template-columns: 1fr;
}
}
.form-component__item + .has-title {
margin-top: 20px;
}
.form-component__item-sub-title {
margin-top: 8px;
}
.form-component__item.full {
grid-column: span 2;
}
@media only screen and (max-width: 767px) {
.form-component__item.full {
grid-column: span 1;
}
}
.form-component__info-text {
line-height: 1.4;
}
.form-component__info-text a {
text-decoration: underline;
}
.form-component__info-text a:hover {
text-decoration: none;
}
.form-component__required-info-text {
margin-bottom: 12px;
}
.form-component__divider {
display: block;
width: 100%;
height: 2px;
border-top: 1px dashed var(--color-border-gray);
margin: 14px 0;
}
.form-component__form {
position: relative;
margin: 0 auto;
max-width: 1000px;
}
.form-component__checkbox {
margin-top: 14px;
}
@media only screen and (max-width: 1022px) {
.form-component__checkbox {
margin-top: 2px;
}
}
.form-component__submit {
margin-top: 8px;
grid-column: span 2;
}
@media only screen and (max-width: 767px) {
.form-component__submit {
grid-column: span 1;
}
}
.form-component__submit .btn {
white-space: nowrap;
text-transform: uppercase;
font-size: 12px;
}
.form-component__success {
display: none;
margin: 0 auto;
flex-direction: column;
gap: 24px;
min-height: 616px;
}
.form-component__success-icon {
width: 88px;
height: 88px;
border-radius: 100%;
border: 0.5px solid var(--color-yellow-dark);
background-color: var(--color-yellow);
padding: 8px;
margin: 0 auto 8px;
}
.form-component__success-icon img {
max-width: 56px;
object-fit: contain;
}
.form-component__success-button {
margin-top: auto;
}
.form-component__alert {
padding: 8px 16px;
width: 100%;
border-radius: 10px;
text-align: left;
margin-top: 20px;
border: 1px solid currentColor;
font-size: 16px;
}
.form-component__alert-error {
color: #721c24;
background-color: #f8d7da;
border-color: #f5c6cb;
}
.form-component__alert-success {
color: #155724;
background-color: #d4edda;
border-color: #c3e6cb;
}
.bg-primary .form-component .mod-loader {
background-color: var(--color-primary);
}
.form-component .has-checkbox + .has-checkbox {
margin-top: -14px;
}
.form-component .upload-box {
max-width: 100%;
}
.form-component [data-validator] + [data-validator] {
display: none;
}
.form-component__newsletter-input {
position: relative;
}
.form-component__newsletter-input .mod-input__field {
padding-right: 50px;
}
.form-component__newsletter-input:has(.mod-input__field:hover) .btn:not(:disabled) {
color: var(--color-grass);
}
.form-component--newsletter-form {
max-width: 468px;
position: relative;
}
.form-component--newsletter-form .mod-input ::-webkit-input-placeholder {
color: #171717;
opacity: 0.5;
font-weight: 500;
}
.form-component--newsletter-form .mod-input :-ms-input-placeholder {
color: #171717;
opacity: 0.5;
font-weight: 500;
}
.form-component--newsletter-form .mod-input ::placeholder {
color: #171717;
opacity: 0.5;
font-weight: 500;
}
.form-component--newsletter-form .mod-input__field {
font-weight: 500;
}
.form-component--newsletter-form .mod-input:has(.mod-input__field:hover) ::-webkit-input-placeholder {
color: #4a4a4a;
opacity: 1;
font-weight: 500;
}
.form-component--newsletter-form .mod-input:has(.mod-input__field:hover) :-ms-input-placeholder {
color: #4a4a4a;
opacity: 1;
font-weight: 500;
}
.form-component--newsletter-form .mod-input:has(.mod-input__field:hover) ::placeholder {
color: #4a4a4a;
opacity: 1;
font-weight: 500;
}
.form-component--newsletter-form .form-component__submit {
margin-top: 0;
position: absolute;
top: 4px;
right: 4px;
z-index: 4;
}
.form-component--newsletter-form .form-component__submit .btn {
padding: 0;
gap: 0;
min-height: 1px;
width: 40px;
height: 40px;
}
.form-component--newsletter-form .form-component__submit .btn__icon {
width: 100%;
height: 100%;
}
.form-component--newsletter-form .form-component__submit .btn__icon .icon {
width: 24px;
height: 24px;
}
.form-component--newsletter-form .form-component__success {
padding: 0 24px;
color: var(--color-white);
}
.form-component--newsletter-form .mod-loader {
background-color: var(--color-gray-950);
}
.form-component.show-thankyou .section-header,
.form-component.show-thankyou .form-component__form {
display: none;
}
.form-component.show-thankyou .form-component__success {
display: flex;
}
.date-picker-single {
width: 100%;
position: relative;
margin: 0 auto;
max-width: 640px;
}
@media only screen and (max-width: 1022px) {
.date-picker-single {
max-width: 100%;
}
}
.header-search {
width: 100%;
position: fixed;
left: 0;
top: 0;
background-color: var(--color-white);
transition: transform 0.4s ease;
z-index: 20;
transform: translate(0, -100%);
visibility: hidden;
}
.is-open-search .header-search {
visibility: visible;
transform: translate(0, 0);
}
.header-search label {
margin: 0;
}
.header-search__input {
display: flex;
gap: 40px;
align-items: center;
width: 100%;
padding: 15px 0;
}
.header-search__input ::-webkit-input-placeholder {
color: #757575;
opacity: 1;
font-weight: 400;
}
.header-search__input :-ms-input-placeholder {
color: #757575;
opacity: 1;
font-weight: 400;
}
.header-search__input ::placeholder {
color: #757575;
opacity: 1;
font-weight: 400;
}
@media only screen and (max-width: 1022px) {
.header-search__input {
gap: 24px;
padding: 10px 0;
}
}
:has(body .site-header__top-bar) .header-search__input {
padding-top: calc(var(--top-bar-height, 38px) + 8px);
}
@media only screen and (max-width: 1022px) {
:has(body .site-header__top-bar) .header-search__input {
padding-top: calc(var(--top-bar-height, 38px) + 7px);
}
}
:has(body .site-header__top-bar) .is-scrolled .header-search__input {
padding-top: 8px;
}
@media only screen and (max-width: 1022px) {
:has(body .site-header__top-bar) .is-scrolled .header-search__input {
padding-top: 7px;
}
}
.header-search__input-field {
height: 50px;
background: transparent;
outline: none;
padding: 2px 0;
font-size: 16px;
font-weight: 400;
line-height: 1.2;
color: var(--color-gray-500);
border: 0;
border-bottom: 4px solid var(--color-primary);
transition: border 0.2s ease;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
}
@media only screen and (max-width: 1022px) {
.header-search__input-field {
height: 42px;
border-width: 2px;
}
}
.header-search__input-field:focus {
outline: none;
}
.header-search__submit {
position: absolute;
right: 0;
top: 0;
height: 50px;
width: 50px;
display: flex;
justify-content: flex-end;
align-items: center;
}
@media only screen and (max-width: 1022px) {
.header-search__submit {
height: 48px;
}
}
.header-search__submit .icon {
height: 26px;
width: 26px;
}
.header-search__submit .icon::before {
background-color: var(--color-primary);
}
.header-search__form {
position: relative;
flex: auto;
}
@media only screen and (max-width: 1022px) {
.header-search__close {
width: 34px;
height: 34px;
}
}
.header-search--secondary .header-search__close {
display: none;
}
.header-search--secondary .header-search__input ::-webkit-input-placeholder {
color: #fff;
opacity: 0.8;
font-weight: 400;
}
.header-search--secondary .header-search__input :-ms-input-placeholder {
color: #fff;
opacity: 0.8;
font-weight: 400;
}
.header-search--secondary .header-search__input ::placeholder {
color: #fff;
opacity: 0.8;
font-weight: 400;
}
.header-search--secondary .header-search__input-field {
border: 1px solid rgba(255, 255, 255, 0.8);
color: var(--color-white);
height: 48px;
padding: 2px 16px;
}
.header-search--secondary .header-search__submit {
justify-content: center;
}
.header-search--secondary .header-search__submit .icon::before {
background-color: var(--color-white);
}
.image-list {
display: grid;
grid-gap: 24px;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media only screen and (max-width: 767px) {
.image-list {
grid-template-columns: 1fr;
}
}
.image-list.col--3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media only screen and (max-width: 1022px) {
.image-list.col--3 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media only screen and (max-width: 767px) {
.image-list.col--3 {
grid-template-columns: 1fr;
}
}
.image-list__item {
overflow: hidden;
height: 0;
cursor: pointer;
padding-bottom: 56.25%;
}
.image-list__item img {
transform: scale(1.00001);
will-change: transform;
transition: transform 0.3s ease;
}
.image-list__item:hover img {
transform: scale(1.02);
}
.menu {
position: fixed;
width: 100%;
z-index: 9;
left: 0;
top: 0;
height: 100%;
overflow: auto;
display: flex;
background-color: var(--color-white);
opacity: 0;
pointer-events: none;
visibility: hidden;
transition: visibility 0.3s ease, opacity 0.3s ease;
}
@media only screen and (max-width: 1022px) {
.menu {
flex-direction: column;
}
}
.is-open-menu .menu {
visibility: visible;
opacity: 1;
pointer-events: all;
}
.menu__logo {
display: block;
}
.menu__logo img {
width: auto;
height: 50px;
object-fit: contain;
}
@media only screen and (min-width: 1023px) {
.menu__left, .menu__right {
flex: 1;
padding: 120px 94px;
}
}
@media only screen and (max-width: 1439px) {
.menu__left, .menu__right {
padding: 100px 60px;
}
}
@media only screen and (max-width: 1022px) {
.menu__left, .menu__right {
padding: 24px 20px 30px;
}
}
.menu__left {
background-color: var(--color-primary);
color: var(--color-white);
}
@media only screen and (min-width: 1023px) {
.menu__left {
text-align: right;
}
}
.menu__header {
height: 76px;
margin-bottom: 80px;
display: flex;
}
@media only screen and (max-width: 1022px) {
.menu__header {
height: auto;
margin-bottom: 30px;
}
}
.menu__header .menu__logo {
align-self: center;
}
.menu nav {
width: 100%;
}
.menu__list {
display: grid;
grid-gap: 24px;
font-weight: 300;
}
.menu__list.level-2 .menu__item-inner {
flex-direction: column;
}
.menu__list.level-3 {
font-weight: 500;
text-transform: uppercase;
}
.menu__item {
position: relative;
width: 100%;
}
.menu__item-inner {
display: inline-flex;
align-items: center;
}
.menu__item:hover > .menu__item-inner > .menu__link, .menu__item.is-active > .menu__item-inner > .menu__link {
color: var(--color-white);
}
.menu__item:hover > .menu__item-inner > .menu__link .icon, .menu__item.is-active > .menu__item-inner > .menu__link .icon {
opacity: 1;
transform: translate(0, 0);
}
.menu__item.is-open > .menu__item-inner .icon {
transform: rotate(90deg);
}
.menu__link {
position: relative;
display: flex;
gap: 40px;
align-items: center;
}
.menu__left .menu__link {
justify-content: flex-end;
}
.menu__link.level-1 {
font-size: 34px;
padding-right: 72px;
}
@media only screen and (max-width: 1439px) {
.menu__link.level-1 {
font-size: 26px;
padding-right: 50px;
}
}
@media only screen and (max-width: 1022px) {
.menu__link.level-1 {
font-size: 24px;
padding-right: 40px;
}
}
.menu__link.level-2 {
display: inline-flex;
color: var(--color-primary);
font-size: 26px;
padding-right: 60px;
}
@media only screen and (max-width: 1439px) {
.menu__link.level-2 {
font-size: 22px;
padding-right: 40px;
}
}
.menu__link .icon {
width: 36px;
height: 36px;
position: absolute;
right: -4px;
top: 10px;
transform: translate(-8px, 0);
opacity: 0;
transition: transform 0.3s ease, opacity 0.3s ease;
}
@media only screen and (max-width: 1439px) {
.menu__link .icon {
width: 28px;
height: 28px;
top: 5px;
}
}
.menu .header-search {
visibility: visible;
width: 100%;
margin-left: auto;
position: relative;
max-width: 250px;
background-color: transparent;
transform: translate(0, 0);
margin-right: 80px;
}
@media only screen and (max-width: 1439px) {
.menu .header-search {
margin-right: 50px;
}
}
@media only screen and (max-width: 1022px) {
.menu .header-search {
margin: 0;
max-width: calc(100% - 60px);
}
}
.menu .header-search .container {
max-width: 100%;
padding: 0;
}
.menu__arrow {
width: 44px;
height: 44px;
position: absolute;
right: -4px;
top: -2px;
}
@media only screen and (max-width: 1439px) {
.menu__arrow {
right: -14px;
top: -4px;
}
}
.menu__arrow .icon {
width: 26px;
height: 26px;
transition: transform 0.3s ease;
}
@media only screen and (max-width: 1439px) {
.menu__arrow .icon {
width: 24px;
height: 24px;
}
}
.menu__arrow .icon::before {
background-color: var(--color-primary);
}
.menu__right {
color: var(--color-gray-600);
}
@media only screen and (min-width: 1023px) {
.menu__right {
height: 100%;
overflow: auto;
}
}
.menu__right .menu__item:hover > .menu__item-inner > .menu__link, .menu__right .menu__item.is-active > .menu__item-inner > .menu__link {
color: var(--color-primary);
}
.menu__dropdown {
width: 100%;
display: none;
}
.menu__dropdown .menu__list {
padding: 12px 0 4px 8px;
grid-gap: 12px;
}
.menu__dropdown .menu__link {
padding-right: 24px;
font-size: 13px;
}
.menu__dropdown .menu__arrow {
width: 30px;
height: 30px;
position: absolute;
right: -8px;
top: -6px;
}
.menu__dropdown .menu__arrow .icon {
width: 18px;
height: 18px;
}
.menu .close-button {
position: absolute;
right: 16px;
top: 16px;
}
@media only screen and (max-width: 1022px) {
.menu .close-button {
position: absolute;
right: 20px;
top: 34px;
}
}
.mod-audio {
display: block;
position: relative;
width: 100%;
color: var(--color-primary);
font-size: 14px;
}
.mod-audio__inner {
width: 100%;
display: flex;
align-items: center;
gap: 20px;
height: 64px;
padding: 20px 120px 20px 20px;
border: 1px solid var(--color-primary);
}
@media only screen and (max-width: 767px) {
.mod-audio__inner {
gap: 8px;
height: 78px;
padding: 14px 14px 35px;
}
}
.mod-audio__play {
width: 24px;
height: 24px;
position: relative;
background-color: var(--color-primary);
border-radius: 0;
flex-shrink: 0;
transition: background-color 0.3s var(--easing-default);
}
.mod-audio__play:hover {
background-color: var(--color-primary-hover);
}
.mod-audio__play .icon {
width: 12px;
height: 12px;
pointer-events: none;
transition: opacity 0.3s ease;
}
.mod-audio__play .icon::before {
background-color: var(--color-white);
}
.mod-audio__play .icon-play {
left: 1px;
}
.mod-audio__play .icon-pause {
position: absolute;
left: 50%;
top: 50%;
opacity: 0;
transform: translate(-50%, -50%);
}
.mod-audio__play.is-playing .icon-play {
opacity: 0;
}
.mod-audio__play.is-playing .icon-pause {
opacity: 1;
}
.mod-audio__seek-slider {
flex: auto;
cursor: pointer;
position: relative;
-webkit-appearance: none;
height: 6px;
}
.mod-audio__seek-slider-wrapper {
flex: auto;
height: 6px;
position: relative;
display: flex;
}
.mod-audio__seek-slider::-webkit-slider-runnable-track {
cursor: pointer;
height: 100%;
background-color: var(--color-gray-200);
border-radius: 0;
}
.mod-audio__seek-slider::-webkit-slider-thumb {
position: relative;
-webkit-appearance: none;
box-sizing: content-box;
height: 12px;
width: 12px;
border-radius: 0;
background-color: var(--color-primary);
cursor: pointer;
z-index: 9;
top: -3px;
transition: transform 0.3s ease, background-color 0.3s ease;
}
.mod-audio__seek-slider:active::-webkit-slider-thumb {
transform: scale(1.3);
background-color: var(--color-primary-hover);
}
.mod-audio__seek-slider-progress {
position: absolute;
top: 0;
left: 0;
width: var(--seek-before-width);
background-color: var(--color-primary);
z-index: 2;
height: 6px;
pointer-events: none;
}
.mod-audio__seek-slider::before, .mod-audio__seek-slider::after {
content: "";
position: absolute;
left: 0;
pointer-events: none;
}
.mod-audio__seek-slider::after {
position: absolute;
margin-top: -3px;
height: 6px;
top: 50%;
background-color: transparent;
z-index: 3;
width: var(--buffered-width);
}
.mod-audio__volume {
position: relative;
}
.mod-audio__volume-button {
width: 24px;
height: 24px;
border-radius: 0;
background-color: var(--color-primary);
position: relative;
flex-shrink: 0;
transition: background-color 0.3s var(--easing-default);
}
.mod-audio__volume-button:hover {
background-color: var(--color-primary-hover);
}
.mod-audio__volume-button .icon {
pointer-events: none;
width: 10px;
height: 10px;
transition: opacity 0.3s ease;
}
.mod-audio__volume-button .icon::before {
background-color: var(--color-white);
transition: background-color 0s ease;
}
.mod-audio__volume-button.is-muted .icon::before {
-webkit-mask-image: inherit;
mask-image: inherit;
background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.775' height='16.606' viewBox='0 0 14.775 16.606'%3E%3Cpath d='M-10405.556-4277.358v2.229H-10411v-9.009h5.444v2.1l9.33-5.963v16.606Z' transform='translate(10411 4288.001)' fill='%23e5e5e5'/%3E%3Cg transform='translate(-149.899 -71.359)'%3E%3Cline x2='7.323' y2='7.323' transform='translate(153.625 76)' fill='none' stroke='%2306038d' stroke-miterlimit='10' stroke-width='2'/%3E%3Cline x1='7.323' y2='7.323' transform='translate(153.625 76)' fill='none' stroke='%2306038d' stroke-miterlimit='10' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A") center center/contain;
}
.mod-audio__volume-slider {
position: absolute;
bottom: 100%;
left: 50%;
transform: translate(-50%, 0);
width: 6px;
padding-bottom: 8px;
pointer-events: none;
opacity: 0;
transition: opacity 0.3s ease;
}
@media only screen and (max-width: 767px) {
.mod-audio__volume-slider {
width: 80px;
height: 6px;
padding-bottom: 16px;
}
}
.mod-audio__volume-slider-inner {
height: 80px;
width: 100%;
position: relative;
display: block;
background-color: var(--color-gray-200);
border-radius: 0;
}
@media only screen and (max-width: 767px) {
.mod-audio__volume-slider-inner {
height: 100%;
width: 80px;
}
}
.mod-audio__volume-slider-input {
position: absolute;
left: 0;
bottom: -6px;
cursor: pointer;
-webkit-appearance: none;
width: 100%;
height: 6px;
transform-origin: 0 0;
border-radius: 0;
background-color: var(--color-gray-200);
}
@media only screen and (min-width: 768px) {
.mod-audio__volume-slider-input {
transform: rotate(270deg);
width: 80px;
height: 6px;
}
}
.mod-audio__volume-slider-input::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 12px;
height: 12px;
background: var(--color-primary);
cursor: pointer;
z-index: 3;
position: relative;
border-radius: 0;
}
@media only screen and (min-width: 768px) {
.mod-audio__volume-slider-input::-webkit-slider-thumb {
top: -0.2px;
}
}
.mod-audio__volume-slider-input::-moz-range-thumb {
width: 12px;
z-index: 3;
position: relative;
height: 12px;
background: var(--color-primary);
cursor: pointer;
border-radius: 0;
}
@media only screen and (min-width: 768px) {
.mod-audio__volume-slider-input::-moz-range-thumb {
top: -0.2px;
}
}
.mod-audio__volume-slider-progress {
position: absolute;
bottom: 0;
width: 100%;
background-color: var(--color-primary);
height: var(--volume-before-width);
border-radius: 0;
z-index: 2;
pointer-events: none;
}
@media only screen and (max-width: 767px) {
.mod-audio__volume-slider-progress {
width: var(--volume-before-width);
height: 6px;
bottom: initial;
top: 0;
}
}
.mod-audio__volume:hover .mod-audio__volume-slider {
opacity: 1;
pointer-events: all;
}
@media only screen and (max-width: 1022px) {
.mod-audio__volume:has(.mod-audio__volume-button.is-muted) .mod-audio__volume-slider {
opacity: 0;
pointer-events: none;
}
}
.mod-audio__reload {
width: 24px;
height: 24px;
border-radius: 0;
background-color: var(--color-primary);
flex-shrink: 0;
transition: background-color 0.3s var(--easing-default);
}
.mod-audio__reload:hover {
background-color: var(--color-primary-hover);
}
.mod-audio__reload .icon {
width: 12px;
height: 12px;
}
.mod-audio__reload .icon::before {
background-color: var(--color-white);
}
.mod-audio__time {
position: absolute;
top: 50%;
transform: translateY(-50%);
text-align: right;
right: 20px;
display: flex;
font-size: 14px;
gap: 4px;
align-items: center;
flex-shrink: 0;
}
@media only screen and (max-width: 767px) {
.mod-audio__time {
font-size: 12px;
top: initial;
transform: translateY(0);
bottom: 10px;
right: 14px;
}
}
.mod-audio__control {
width: 24px;
height: 24px;
border-radius: 0;
background-color: var(--color-primary);
flex-shrink: 0;
transition: background-color 0.3s var(--easing-default), opacity 0.3s var(--easing-default);
}
.mod-audio__control:hover {
background-color: var(--color-primary-hover);
}
.mod-audio__control .icon {
width: 12px;
height: 12px;
}
.mod-audio__control .icon::before {
background-color: var(--color-white);
}
.mod-audio__control.is-disabled {
opacity: 0.5;
pointer-events: none;
}
.mod-counter {
min-width: 280px;
background-color: var(--color-primary);
color: var(--color-white);
padding: 0 16px;
}
@media only screen and (max-width: 1022px) {
.mod-counter {
min-width: 1px;
}
}
.mod-counter__number {
display: flex;
align-items: center;
font-size: 84px;
line-height: 1;
font-weight: 300;
}
.mod-counter__number-counting {
position: absolute;
left: 0;
top: 50%;
transform: translate(0, -50%);
}
.mod-counter__number-static {
opacity: 0;
visibility: hidden;
}
.mod-counter [data-counter] {
display: inline-flex;
}
.mod-filter {
max-width: 668px;
width: 100%;
margin: 0 auto;
}
.mod-filter__button {
text-align: center;
min-height: 100%;
padding: 10px 16px;
background-color: transparent;
border: 1px solid var(--color-primary);
color: var(--color-primary);
text-transform: uppercase;
line-height: 1.2;
flex: 1;
transition: color 0.3s var(--easing-default), background-color 0.3s var(--easing-default);
}
@media only screen and (min-width: 1201px) {
.mod-filter__button:not(:last-child) {
margin-left: -1px;
}
}
.mod-filter__button-group {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media only screen and (max-width: 1200px) {
.mod-filter__button-group {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 2px;
}
}
@media only screen and (max-width: 767px) {
.mod-filter__button-group {
grid-template-columns: 1fr;
}
}
.mod-filter__button.is-active, .mod-filter__button:hover {
background-color: var(--color-primary);
color: var(--color-white);
}
.mod-filter__inner {
display: flex;
flex-direction: column;
gap: 30px;
}
@media only screen and (max-width: 767px) {
.mod-filter__inner {
gap: 20px;
}
}
.mod-filter__row {
display: flex;
align-items: center;
gap: 30px;
}
@media only screen and (max-width: 767px) {
.mod-filter__row {
flex-direction: column;
gap: 20px;
align-items: flex-start;
}
}
@media only screen and (min-width: 1023px) {
.mod-filter__row .dropdown {
width: 35%;
flex-shrink: 0;
}
}
.mod-filter__row .dropdown__placeholder {
height: 40px;
align-items: center;
}
.mod-filter__row .dropdown__arrow {
width: 38px;
height: 38px;
}
.mod-filter__row .dropdown__label {
font-weight: 700;
margin-bottom: 4px;
color: var(--color-primary);
}
@media only screen and (min-width: 1023px) {
.mod-filter__row .mod-input {
width: 30%;
flex-shrink: 0;
}
}
.mod-filter__row .mod-input__label {
font-weight: 700;
margin-bottom: 4px;
color: var(--color-primary);
}
.mod-filter__row .mod-input__field {
height: 40px;
border-width: 0 0 2px 0;
padding-left: 0;
padding-right: 0;
}
.mod-filter__row .btn {
flex-shrink: 0;
}
@media only screen and (min-width: 768px) {
.mod-filter__row:has(.dropdown__label) .btn {
margin-top: auto;
min-height: 50px;
}
}
.mod-filter .btn * {
pointer-events: none;
}
.modal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999;
pointer-events: none;
background-color: rgba(0, 0, 0, 0.4);
overflow: auto;
padding: 32px 0;
opacity: 0;
visibility: hidden;
align-items: flex-start;
transition: opacity 0.3s ease, visibility 0.3s ease;
}
@media only screen and (min-width: 1023px) {
.modal {
scrollbar-track-color: rgba(255, 255, 255, 0.2);
scrollbar-face-color: white;
scrollbar-arrow-color: white;    }
.modal::-webkit-scrollbar {
width: 4px;
}
.modal ::-webkit-scrollbar-track {
-webkit-border-radius: 6px;
border-radius: 6px;
background: rgba(255, 255, 255, 0.2);
}
.modal ::-webkit-scrollbar-thumb:window-inactive {
background: rgba(255, 255, 255, 0.6);
}
.modal::-webkit-scrollbar-thumb {
background: white;
width: 4px;
border-radius: 6px;
}
.modal::-webkit-scrollbar-thumb:hover {
background: rgba(255, 255, 255, 0.84);
}
.modal ::-webkit-scrollbar {
width: 4px;
}
}
.modal.is-open-modal {
opacity: 1;
visibility: visible;
pointer-events: all;
}
.modal__header {
padding-right: 40px;
margin-bottom: 16px;
}
.modal__overlay {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.modal__inner {
margin: auto;
width: 100%;
}
.modal__content {
padding: 32px;
position: relative;
z-index: 4;
background-color: var(--color-white);
border-radius: 16px;
min-height: 200px;
}
@media only screen and (max-width: 767px) {
.modal__content {
padding: 24px;
}
}
.modal__footer {
margin-top: 32px;
}
.modal__close {
position: absolute;
right: 16px;
top: 16px;
}
.modal__file-path-input {
width: 100%;
height: 48px;
overflow: hidden;
border: 1px solid var(--color-primary);
padding: 4px 16px;
font-family: var(--font-primary);
}
.modal .form-component__required-info-text {
font-size: 13px;
}
.modal .form-component__required-info-text span {
color: var(--color-red);
}
.modal .form-component .btn {
width: 100%;
}
.notification-bar {
width: 100%;
padding: 4px 0;
background-color: var(--color-white);
letter-spacing: normal;
font-weight: 400;
transition: margin 150ms var(--easing-slow);
}
.is-scrolled .notification-bar {
margin-top: calc(-1 * var(--notification-bar-height, 64px));
}
.is-scrolled-up .notification-bar {
margin-top: 0;
}
@media only screen and (max-width: 1022px) {
.notification-bar {
display: none;
}
}
.notification-bar__inner {
background-color: var(--color-blue-info);
color: var(--color-white);
padding: 16px 0;
}
.notification-bar__content {
display: flex;
align-items: center;
gap: 16px;
}
.notification-bar p a {
text-decoration: underline;
}
.notification-bar p a:hover {
text-decoration: none;
color: var(--color-white);
}
.notification-bar .icon {
flex-shrink: 0;
}
.notification-bar__close {
margin-left: auto;
flex-shrink: 0;
width: 24px;
height: 24px;
position: relative;
transition: transform 300ms ease;
}
.notification-bar__close .icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 200%;
height: 200%;
transition: opacity 0.3s var(--easing-default);
}
.notification-bar__close:hover .icon {
opacity: 0.75;
}
.notification-bar__close:active {
transform: scale(0.85);
}
.notification-bar--urgent .notification-bar__inner {
background-color: var(--color-red-info);
}
.pagination {
position: relative;
text-align: center;
width: 100%;
}
.pagination nav {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 8px;
}
@media only screen and (max-width: 767px) {
.pagination nav {
gap: 4px;
}
}
@media (max-width: 380px) {
.pagination nav {
gap: 2px;
}
}
.pagination .page-numbers {
width: 32px;
height: 32px;
transition: background-color 0.3s ease, color 0.3s ease;
display: flex;
align-items: center;
justify-content: center;
letter-spacing: 0;
line-height: 1;
}
@media only screen and (max-width: 767px) {
.pagination .page-numbers {
width: 36px;
height: 36px;
}
}
@media (max-width: 380px) {
.pagination .page-numbers {
width: 30px;
height: 30px;
}
}
.pagination .page-numbers .icon {
width: 14px;
height: 14px;
pointer-events: none;
transition: transform 0.3s ease;
}
.pagination .page-numbers.first-page, .pagination .page-numbers.prev {
margin-right: 40px;
}
@media only screen and (max-width: 1022px) {
.pagination .page-numbers.first-page, .pagination .page-numbers.prev {
margin-right: 12px;
}
}
.pagination .page-numbers.first-page:hover .icon, .pagination .page-numbers.prev:hover .icon {
transform: translateX(-5px);
}
.pagination .page-numbers.last-page, .pagination .page-numbers.next {
margin-left: 40px;
}
@media only screen and (max-width: 1022px) {
.pagination .page-numbers.last-page, .pagination .page-numbers.next {
margin-left: 12px;
}
}
.pagination .page-numbers.last-page:hover .icon, .pagination .page-numbers.next:hover .icon {
transform: translateX(5px);
}
.pagination .page-numbers__nav {
width: auto;
gap: 8px;
}
.pagination .page-numbers[href]:hover, .pagination .page-numbers.is-active {
color: var(--color-gray-900);
}
.pagination .page-numbers.is-active {
pointer-events: none;
}
.pagination .page-numbers.is-disabled {
pointer-events: none;
color: var(--color-gray-900);
}
.person-card {
width: 100%;
max-width: 392px;
}
.person-card__image {
position: relative;
overflow: hidden;
aspect-ratio: 384/450;
margin-bottom: 16px;
}
.person-card__name {
margin-bottom: 4px;
}
.radio-button-group__label {
position: relative;
margin: 0 0 2px;
display: block;
z-index: 4;
font-size: 14px;
font-weight: 600;
}
.radio-button-group__list {
margin-top: 8px;
display: grid;
grid-gap: 16px;
}
.radio-button-group .radio-button .fv-plugins-message-container,
.radio-button-group .radio-button .validation-message {
display: none;
}
.radio-button-group .fv-plugins-message-container,
.radio-button-group .validation-message {
display: none;
}
.radio-button-group.failed .fv-plugins-message-container.group-error,
.radio-button-group.failed .validation-message {
display: block;
margin-top: 0;
}
.radio-button-group.failed .radio-button__label::before {
border-color: var(--color-validation-failed);
}
.radio-button-group__none {
display: none;
}
.radio-button-group--horizontal .radio-button-group__list {
display: flex;
grid-gap: 0;
gap: 32px;
flex-wrap: wrap;
}
.radio-button-group--secondary .radio-button-group__list {
padding: 0;
gap: 10px;
}
.radio-button-group--secondary .radio-button__text {
min-height: 40px;
border: 0.5px solid var(--color-border);
background-color: var(--color-border);
border-radius: 100px;
padding: 8px 24px;
font-weight: 500;
color: var(--color-beige);
transition: padding 0.4s var(--easing-default), border 0.4s var(--easing-default), background-color 0.4s var(--easing-default);
letter-spacing: -0.02em;
}
.radio-button-group--secondary .radio-button__text::after, .radio-button-group--secondary .radio-button__text:before {
width: 32px;
height: 32px;
border: 0;
left: initial;
top: 4px;
right: 4px;
transform: scale(0);
transition: opacity 0.4s var(--easing-default), transform 0.4s var(--easing-default);
background-color: var(--color-beige);
}
.radio-button-group--secondary .radio-button__text::after {
z-index: 1;
background: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23262626' d='M15.934 5.566c.246.274.246.684 0 .93l-7.22 7.219c-.273.273-.683.273-.929 0L4.066 9.996a.599.599 0 0 1 0-.902.599.599 0 0 1 .903 0l3.254 3.254 6.78-6.782a.644.644 0 0 1 .903 0h.028Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23262626' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center/22px auto;
}
.radio-button-group--secondary input:checked + .radio-button__label .radio-button__text {
background-color: var(--color-gray-800);
padding-right: 52px;
}
.radio-button-group--secondary input:checked + .radio-button__label .radio-button__text::after, .radio-button-group--secondary input:checked + .radio-button__label .radio-button__text:before {
transform: scale(1);
}
.section-header {
width: 100%;
margin-bottom: 68px;
}
@media only screen and (max-width: 1200px) {
.section-header {
margin-bottom: 50px;
}
}
@media only screen and (max-width: 1022px) {
.section-header {
margin-bottom: 36px;
}
}
.section-header__inner {
display: flex;
gap: 40px;
justify-content: space-between;
align-items: center;
}
@media only screen and (max-width: 1022px) {
.section-header__inner {
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
gap: 20px;
}
}
.section-header .title {
flex: auto;
font-weight: 300;
}
.section-header__content {
display: flex;
flex-direction: column;
max-width: 28%;
flex: 0 0 28%;
width: 100%;
}
@media only screen and (max-width: 1200px) {
.section-header__content {
max-width: 36%;
flex: 0 0 36%;
}
}
@media only screen and (max-width: 1022px) {
.section-header__content {
flex: auto;
max-width: 100%;
align-items: flex-start;
}
}
.sidebar .sidebar__arrow::before {
height: 100%;
left: 0;
position: absolute;
width: 100%;
top: 0;
pointer-events: none;
}
.sidebar {
width: 100%;
max-width: 400px;
}
.sidebar__list {
display: grid;
grid-gap: 10px;
}
.sidebar__list .sidebar__list {
grid-gap: 5px;
padding: 12px 0 4px;
}
.sidebar__list .sidebar__list .sidebar__list {
padding: 8px 0 8px 12px;
}
.sidebar__item {
padding-left: 10px;
position: relative;
}
.sidebar__item .sidebar__item {
padding-left: 2px;
}
.sidebar__item.level-1::before {
content: "";
width: 4px;
height: 4px;
background-color: currentColor;
border-radius: 100%;
position: absolute;
left: 0;
top: 10px;
}
.sidebar__item.level-1.is-active > .sidebar__dropdown {
display: block;
}
.sidebar__item:hover::before, .sidebar__item.is-open::before, .sidebar__item.is-active::before {
background-color: var(--color-primary);
}
.sidebar__item:hover > .sidebar__item-inner > .sidebar__link, .sidebar__item.is-open > .sidebar__item-inner > .sidebar__link, .sidebar__item.is-active > .sidebar__item-inner > .sidebar__link {
color: var(--color-primary);
}
.sidebar__item.is-open > .sidebar__item-inner .icon {
transform: rotate(90deg);
}
.sidebar__link {
font-weight: 700;
font-size: 11px;
text-decoration: underline;
}
.sidebar__link.level-1 {
text-transform: uppercase;
font-size: 13px;
}
.sidebar__link.level-3, .sidebar__link.level-4, .sidebar__link.level-5, .sidebar__link.level-6, .sidebar__link.level-7, .sidebar__link.level-8, .sidebar__link.level-9, .sidebar__link.level-10 {
font-weight: 400;
}
.sidebar__dropdown {
display: none;
}
.sidebar .sidebar__arrow {
position: absolute;
left: -18px;
top: 7px;
width: 14px;
height: 14px;
}
.sidebar .sidebar__arrow::before {
content: "";
scale: 1.8;
}
.sidebar .sidebar__arrow .icon {
width: 100%;
height: 100%;
}
.sidebar .sidebar__item.is-open > .sidebar__dropdown {
display: block;
opacity: 1;
}
.social-nav {
display: flex;
align-items: center;
gap: 16px;
}
.social-nav__label {
flex-shrink: 0;
text-transform: uppercase;
}
.social-nav ul {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 12px 16px;
}
.social-nav__link {
display: flex;
position: relative;
z-index: 3;
}
.social-nav__link .icon::before {
background-color: var(--color-gray-400);
}
.social-nav__link:hover .icon::before {
background-color: var(--color-primary);
}
.teaser-card {
width: 100%;
max-width: 362px;
overflow: hidden;
position: relative;
}
.teaser-card__image {
position: relative;
overflow: hidden;
padding-bottom: 127.5%;
margin-bottom: 35px;
}
@media only screen and (max-width: 1200px) {
.teaser-card__image {
margin-bottom: 24px;
}
}
@media only screen and (max-width: 1022px) {
.teaser-card__image {
margin-bottom: 20px;
}
}
.teaser-card__image img {
transform: scale(1.0001);
transition: transform 0.3s ease;
will-change: transform;
}
.teaser-card__title {
color: var(--color-gray-dark);
letter-spacing: normal;
transition: transform 0.3s ease, opacity 0.3s ease;
}
@media only screen and (max-width: 1022px) {
.teaser-card__title {
display: none;
}
}
@media only screen and (min-width: 1023px) {
.teaser-card__hover {
background-color: var(--color-white);
position: absolute;
bottom: 0;
z-index: 3;
opacity: 0;
padding: 28px 10px 0 0;
transform: translate(0, 100%);
width: 100%;
transition: transform 0.3s ease, opacity 0.3s ease;
}
}
.teaser-card__hover .teaser-card__title {
margin-bottom: 28px;
}
@media only screen and (max-width: 1200px) {
.teaser-card__hover .teaser-card__title {
margin-bottom: 16px;
}
}
@media only screen and (max-width: 1022px) {
.teaser-card__hover .teaser-card__title {
display: block;
margin-bottom: 8px;
}
}
@media only screen and (max-width: 767px) {
.teaser-card__hover .teaser-card__title.title--h3 {
font-size: 18px;
}
}
.teaser-card .btn {
margin-top: 16px;
}
.teaser-card .btn .icon::before {
background-color: currentColor;
}
@media only screen and (max-width: 767px) {
.teaser-card__text {
font-size: 14px;
line-height: 1.4;
}
}
.teaser-card .stretched-link {
outline-offset: -2px;
}
.teaser-card:hover .teaser-card__hover {
opacity: 1;
transform: translate(0, 0);
}
.teaser-card:hover .teaser-card__title--default {
transform: translate(0, -100px);
opacity: 0;
}
.teaser-card:hover .teaser-card__image img {
transform: scale(1.08);
}
.teaser-card--secondary {
max-width: 395px;
}
.teaser-card--secondary .teaser-card__title {
margin-bottom: 20px;
}
.teaser-card--secondary .teaser-card__title--default {
display: none;
}
.teaser-card--secondary .teaser-card__text {
line-height: 1.1;
}
.teaser-card--secondary .teaser-card__hover {
opacity: 1;
position: relative;
transform: translate(0, 0);
padding: 0;
background-color: transparent;
}
@media only screen and (max-width: 1022px) {
.teaser-card--secondary .teaser-card__hover .teaser-card__title {
margin-bottom: 10px;
}
}
.teaser-card--secondary .teaser-card__image {
padding-bottom: 118%;
}
@media only screen and (min-width: 1201px) {
.teaser-card--secondary .teaser-card__image {
margin-bottom: 26px;
}
}
.transport-timetable {
max-width: 370px;
width: 100%;
}
.transport-timetable__tabs {
display: flex;
align-items: flex-start;
background-color: var(--color-white);
}
.transport-timetable__trigger {
flex: 1;
text-align: center;
text-decoration: underline;
color: var(--color-primary);
min-height: 45px;
padding: 5px;
text-transform: uppercase;
font-size: 13px;
font-weight: 500;
transition: background-color 300ms var(--easing-default), color 300ms var(--easing-default);
}
.transport-timetable__trigger:hover {
text-decoration: none;
}
.transport-timetable__trigger.is-active {
background-color: var(--color-primary);
color: var(--color-white);
text-decoration: underline;
}
.transport-timetable__content {
display: none;
}
.transport-timetable__content.is-active {
display: block;
}
.transport-timetable__content.is-active:has(.toggle-switch__input:checked) [data-arrival-in-time] {
display: none;
}
.transport-timetable__content.is-active:has(.toggle-switch__input:checked) [data-arrival-time] {
display: inline;
}
.transport-timetable__content-inner {
padding: 48px 15px 24px;
min-height: 480px;
display: flex;
flex-direction: column;
}
.transport-timetable__selection {
display: flex;
align-items: center;
gap: 20px;
justify-content: space-between;
margin-bottom: 22px;
}
@media only screen and (max-width: 1022px) {
.transport-timetable__selection {
flex-wrap: wrap;
gap: 10px;
}
}
.transport-timetable .dropdown {
min-width: 1px;
}
.transport-timetable .dropdown__placeholder {
color: var(--color-white);
border-color: var(--color-white);
height: 48px;
border-width: 1px;
font-size: 13px;
font-weight: 300;
padding: 6px 15px;
align-items: center;
}
.transport-timetable .dropdown__placeholder-text {
color: var(--color-white);
}
.transport-timetable .dropdown__arrow {
height: 46px;
display: none;
}
.transport-timetable .dropdown__arrow .icon::before {
background-color: var(--color-white);
}
.transport-timetable .dropdown__list-option {
font-size: 12px;
}
.transport-timetable .dropdown__list-inner {
max-height: 210px;
}
@media only screen and (min-width: 1023px) {
.transport-timetable .dropdown__list-inner {
scrollbar-track-color: #757575;
scrollbar-face-color: #757575;
scrollbar-arrow-color: #757575;    }
.transport-timetable .dropdown__list-inner::-webkit-scrollbar {
width: 2px;
}
.transport-timetable .dropdown__list-inner ::-webkit-scrollbar-track {
-webkit-border-radius: 8px;
border-radius: 8px;
background: #757575;
}
.transport-timetable .dropdown__list-inner ::-webkit-scrollbar-thumb:window-inactive {
background: #757575;
}
.transport-timetable .dropdown__list-inner::-webkit-scrollbar-thumb {
background: #757575;
width: 2px;
border-radius: 8px;
}
.transport-timetable .dropdown__list-inner::-webkit-scrollbar-thumb:hover {
background: #757575;
}
.transport-timetable .dropdown__list-inner ::-webkit-scrollbar {
width: 2px;
}
}
.transport-timetable .dropdown:hover .dropdown__placeholder {
border-color: var(--color-white);
}
.transport-timetable .dropdown.is-open:hover .dropdown__placeholder {
border-color: var(--color-white);
}
.transport-timetable .dropdown.is-selected .dropdown__placeholder-text {
color: var(--color-white);
}
.transport-timetable__form {
padding-bottom: 25px;
border-bottom: 1px solid var(--color-white);
}
.transport-timetable__form-inner {
display: flex;
align-items: center;
gap: 16px;
}
.transport-timetable__form .btn {
color: var(--color-white);
border-radius: 0;
border: 1px solid var(--color-white);
min-height: 48px;
flex-shrink: 0;
font-weight: 300;
font-size: 13px;
}
.transport-timetable__info {
margin-top: 24px;
}
.transport-timetable__info .title {
margin-bottom: 20px;
}
.transport-timetable__info-text {
font-weight: 300;
line-height: 1.35;
}
.transport-timetable__footer {
margin-top: auto;
padding-top: 34px;
display: flex;
justify-content: center;
}
.transport-timetable__table-inner {
position: relative;
}
.transport-timetable__table-inner::after {
top: initial;
bottom: 0;
transform: scaleY(-1);
}
.transport-timetable__table-inner .mod-loader {
z-index: 8;
background-color: var(--color-primary);
}
.transport-timetable__table-inner .mod-loader__spinner {
border: 5px solid var(--color-white);
border-top-color: transparent;
}
.transport-timetable__table-inner-wrapper {
padding-top: 14px;
padding-bottom: 14px;
border-bottom: 1px solid var(--color-white);
}
.transport-timetable__table-body {
height: 150px;
overflow: auto;
padding: 10px 0;
}
@media only screen and (min-width: 1023px) {
.transport-timetable__table-body {
scrollbar-track-color: #8dc63f;
scrollbar-face-color: white;
scrollbar-arrow-color: white;    }
.transport-timetable__table-body::-webkit-scrollbar {
width: 2px;
}
.transport-timetable__table-body ::-webkit-scrollbar-track {
-webkit-border-radius: 8px;
border-radius: 8px;
background: #8dc63f;
}
.transport-timetable__table-body ::-webkit-scrollbar-thumb:window-inactive {
background: #c6e39f;
}
.transport-timetable__table-body::-webkit-scrollbar-thumb {
background: white;
width: 2px;
border-radius: 8px;
}
.transport-timetable__table-body::-webkit-scrollbar-thumb:hover {
background: #e8f4d9;
}
.transport-timetable__table-body ::-webkit-scrollbar {
width: 2px;
}
}
.transport-timetable__table-index {
width: 36px;
height: 36px;
background-color: var(--color-white);
border-radius: 100%;
color: var(--color-primary);
flex-shrink: 0;
}
.transport-timetable__table-title {
line-height: 1;
}
.transport-timetable__table-title strong {
color: rgba(255, 255, 255, 0.6);
font-weight: 500;
}
.transport-timetable__table-row {
position: relative;
display: flex;
align-items: center;
gap: 10px;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px dashed rgba(255, 255, 255, 0.2);
}
.transport-timetable__table-row::before {
content: "";
position: absolute;
top: 0;
left: 6px;
width: 2px;
height: 100%;
background-color: var(--color-white);
pointer-events: none;
display: none;
}
.transport-timetable__table-row--has-line {
padding-bottom: 22px;
margin-bottom: 0;
border-bottom: 0;
}
.transport-timetable__table-row--has-line::before {
display: block;
}
.transport-timetable__table-row--has-line .transport-timetable__table-index {
font-size: 0;
line-height: 0;
width: 14px;
height: 14px;
background-color: var(--color-primary);
border: 2px solid var(--color-white);
z-index: 3;
position: relative;
}
.transport-timetable__table-row:first-child::before {
height: calc(50% + 6px);
top: initial;
bottom: 0;
}
.transport-timetable__table-row:last-child {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: 0;
}
.transport-timetable__table-row:last-child::before {
height: calc(50% + 6px);
}
.transport-timetable__table-timer {
margin-top: 10px;
color: rgba(255, 255, 255, 0.6);
}
.transport-timetable__table-no-result {
height: 178px;
align-items: center;
text-align: center;
justify-content: center;
}
.transport-timetable__table.no-result-found .transport-timetable__table-timer,
.transport-timetable__table.no-result-found .transport-timetable__table-body {
display: none;
}
.transport-timetable__table.no-result-found .transport-timetable__table-no-result {
display: flex;
}
.transport-timetable__table.show-loader .transport-timetable__table-timer {
display: none;
}
.transport-timetable:has(.transport-timetable__table.hide) .transport-timetable__info {
display: block;
}
.upload-box {
width: 100%;
max-width: 826px;
display: flex;
flex-direction: column;
}
.upload-box__label {
position: relative;
margin: 0 0 4px;
display: block;
z-index: 4;
font-size: 14px;
font-weight: 600;
}
.upload-box__title {
position: relative;
display: grid;
z-index: 4;
margin: 0;
grid-gap: 6px;
pointer-events: none;
}
.upload-box__inner {
position: relative;
flex-direction: column;
text-align: center;
gap: 8px;
padding: 8px 16px 16px;
min-height: 160px;
width: 100%;
border-radius: 8px;
background-color: var(--color-white);
border: 1px dashed var(--color-gray-200);
transition: border-color 0.3s ease;
}
.upload-box__inner::before {
content: "";
position: absolute;
left: 0;
z-index: 3;
pointer-events: none;
background-color: var(--color-white);
top: 0px;
width: 40px;
height: 10px;
border-radius: 4px;
}
.upload-box__inner:hover {
border-color: var(--color-gray-600);
}
.upload-box__inner .icon {
width: 60px;
height: 50px;
transition: opacity 0.5s var(--easing-default);
}
.upload-box__inner .icon::before {
background-color: var(--color-gray-300);
}
.is-validation-failed .upload-box__inner, .upload-box__inner.is-validation-failed {
background-color: var(--color-red-50);
border-color: var(--color-red-500);
}
.is-validation-failed .upload-box__inner .upload-box__info-text, .upload-box__inner.is-validation-failed .upload-box__info-text {
display: none;
}
.is-validation-failed .upload-box__inner .fv-plugins-message-container, .upload-box__inner.is-validation-failed .fv-plugins-message-container {
display: block;
}
.upload-box input[type=file] {
font-size: 0;
position: absolute;
left: 0;
top: 0;
line-height: 0;
width: 100%;
height: 100%;
cursor: pointer;
background: transparent;
border: 0;
padding: 0;
box-shadow: none;
}
.upload-box .icon {
pointer-events: none;
}
.upload-box .hide-on-drag {
transition: opacity 0.5s var(--easing-default);
}
.upload-box__main {
position: relative;
}
.upload-box__drag-label {
font-weight: 700;
padding: 30px;
opacity: 0;
pointer-events: none;
transition: opacity 0.5s var(--easing-default);
}
.upload-box__list ul {
display: grid;
grid-gap: 16px;
}
.upload-box__list-text-wrapper {
position: relative;
}
.upload-box__list-icon {
width: 18px;
height: 18px;
color: var(--color-primary);
border: 1px solid var(--color-primary);
background-color: var(--color-yellow);
border-radius: 100%;
flex-shrink: 0;
}
.upload-box__list li {
position: relative;
width: 100%;
border: 0.5px solid var(--color-gray-300);
border-radius: 8px;
display: flex;
align-items: center;
gap: 10px;
text-align: center;
z-index: 4;
background-color: var(--color-white);
padding: 14px 16px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
@media only screen and (max-width: 1022px) {
.upload-box__list li {
padding: 12px;
}
}
.upload-box__list li:first-child {
margin-top: 16px;
}
.upload-box__list-left {
display: flex;
align-items: center;
gap: 10px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.upload-box__list-text {
overflow: hidden;
text-overflow: ellipsis;
}
.upload-box__list-remove {
margin-left: auto;
flex-shrink: 0;
}
.upload-box.is-hovered .upload-box__inner {
background-color: rgba(255, 211, 0, 0.03);
border-color: var(--color-primary);
}
.upload-box.is-hovered .upload-box__inner .icon,
.upload-box.is-hovered .hide-on-drag {
opacity: 0;
}
.upload-box.is-hovered .upload-box__drag-label {
opacity: 1;
}
.page-404__content {
width: 100%;
display: grid;
grid-gap: 20px;
max-width: 700px;
}
.sc-page-404 {
min-height: 774px;
padding: 30px 0;
display: flex;
align-items: center;
justify-content: center;
}
@media only screen and (max-width: 1022px) {
.sc-page-404 {
min-height: calc(var(--vh, 1vh) * 100 - 69px);
}
}
.about-module .title--h2 {
line-height: 1.2;
font-weight: 500;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.about-module .title--h2 {
font-size: 48px;
line-height: 1.2;
}
@media only screen and (max-width: 1439px) {
.about-module .title--h2 {
font-size: 42px;
}
}
@media only screen and (max-width: 1200px) {
.about-module .title--h2 {
font-size: 36px;
}
}
@media only screen and (max-width: 1022px) {
.about-module .title--h2 {
font-size: 32px;
}
}
.about-module {
position: relative;
display: grid;
grid-gap: 95px;
}
@media only screen and (max-width: 1439px) {
.about-module {
grid-gap: 80px;
}
}
@media only screen and (max-width: 1022px) {
.about-module {
grid-gap: 42px;
}
}
@media only screen and (max-width: 767px) {
.about-module {
grid-gap: 32px;
}
}
.about-module__section-title {
margin-top: 2px;
letter-spacing: normal;
}
@media only screen and (max-width: 1200px) {
.about-module__section-title {
margin: 0 0 40px;
}
}
@media only screen and (max-width: 767px) {
.about-module__section-title {
margin-bottom: 32px;
}
}
.about-module .title--h2 {
font-weight: 400;
}
.about-module__button {
margin-top: 50px;
}
@media only screen and (max-width: 767px) {
.about-module__button {
margin-top: 25px;
}
}
.about-module__row {
display: grid;
grid-template-columns: 194px 1fr;
grid-gap: 20px;
align-items: flex-start;
}
@media only screen and (max-width: 1200px) {
.about-module__row {
grid-template-columns: 1fr;
grid-gap: 0;
}
}
.about-module__bottom {
grid-template-columns: 52.2% 1fr;
grid-gap: 50px;
}
@media only screen and (max-width: 1200px) {
.about-module__bottom {
grid-gap: 24px;
}
}
@media only screen and (max-width: 1022px) {
.about-module__bottom {
grid-template-columns: 1fr;
grid-gap: 32px;
}
}
.about-module__bottom .about-module__right {
min-width: 1px;
}
@media only screen and (min-width: 768px) {
.about-module .swiper {
height: 100%;
}
}
@media only screen and (min-width: 768px) {
.about-module .swiper-wrapper {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-gap: 24px;
transform: translate3d(0, 0, 0) !important;
}
}
@media only screen and (min-width: 768px) {
.about-module .swiper-slide {
width: 100% !important;
margin: 0 !important;
}
}
@media only screen and (max-width: 767px) {
.about-module .swiper-slide {
width: 255px;
display: flex;
flex-direction: column;
height: auto;
}
}
@media only screen and (min-width: 768px) {
.about-module__nav {
display: none;
}
}
.about-module .person-card,
.about-module .card {
max-width: 100%;
height: 100%;
}
.about-module .card {
justify-content: flex-start;
}
@media only screen and (max-width: 767px) {
.about-module .card {
height: 100%;
}
}
.about-module .card__content {
flex: auto;
}
.about-module .card__text {
margin-bottom: 6px;
}
.about-module .card--secondary .card__link {
margin-top: auto;
}
.about-module--default .person-card__image {
aspect-ratio: 642/418;
margin-bottom: 6px;
}
@media only screen and (max-width: 1022px) {
.about-module--default .person-card__image {
margin-bottom: 16px;
}
}
.about-module--default .person-card__name {
text-align: right;
}
.about-module--default .person-card__text {
text-align: right;
font-size: 12px;
}
.accordion-list {
width: 100%;
}
.accordion-list .accordion {
max-width: 100%;
}
.article-card-list__inner {
display: grid;
grid-gap: 30px;
}
@media only screen and (max-width: 767px) {
.article-card-list__inner {
grid-gap: 20px;
}
}
.article-card-list .mod-filter,
.article-card-list .article-card {
max-width: 100%;
}
.audio-module__inner {
display: grid;
grid-gap: 20px;
}
.audio-module__list {
display: grid;
grid-gap: 14px;
align-items: flex-start;
padding: 20px;
border: 1px solid var(--color-primary);
}
@media only screen and (max-width: 767px) {
.audio-module__list {
padding: 14px;
}
}
.audio-module__list-item {
text-align: left;
display: flex;
align-items: center;
gap: 10px;
transition: color 0.5s var(--easing-default);
}
.audio-module__list-item .icon,
.audio-module__list-item span {
pointer-events: none;
}
.audio-module__list-item .icon {
width: 14px;
height: 14px;
flex-shrink: 0;
}
@media only screen and (min-width: 1023px) {
.audio-module__list-item:hover {
color: var(--color-primary);
}
}
.audio-module__list-item.is-active {
color: var(--color-primary);
}
@media only screen and (min-width: 1023px) {
.audio-module__list-item.is-active {
font-weight: 700;
}
}
.banner-module__bg::before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
pointer-events: none;
}
.banner-module__content .title {
font-size: 70px;
line-height: 1;
}
@media only screen and (max-width: 1439px) {
.banner-module__content .title {
font-size: 60px;
}
}
@media only screen and (max-width: 1022px) {
.banner-module__content .title {
font-size: 40px;
}
}
.banner-module {
position: relative;
min-height: 43.5vh;
display: flex;
align-items: flex-end;
padding: 80px 0 106px;
margin-top: -1px;
background-color: var(--color-black);
}
@media only screen and (max-width: 1439px) {
.banner-module {
min-height: 442px;
}
}
@media only screen and (max-width: 1200px) {
.banner-module {
padding-bottom: 80px;
}
}
@media only screen and (max-width: 1022px) {
.banner-module {
min-height: 350px;
padding: 40px 0;
}
}
.banner-module__bg::before {
background: linear-gradient(90deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 43.04%), linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
z-index: 2;
}
@media only screen and (min-width: 1023px) {
.banner-module .breadcrumbs__list {
font-size: 16px;
}
}
.banner-module .breadcrumbs__link[href]:hover {
color: var(--color-white);
text-decoration: none;
}
.banner-module .breadcrumbs .icon::before {
background-color: var(--color-white);
}
.banner-module__content {
position: relative;
z-index: 3;
color: var(--color-white);
display: grid;
grid-gap: 26px;
}
.banner-module__content .title {
font-weight: 300;
color: var(--color-white);
letter-spacing: normal;
}
.card-list {
width: 100%;
}
.card-list__row {
display: grid;
grid-gap: 20px;
grid-template-columns: 78px 1fr;
}
@media only screen and (max-width: 1200px) {
.card-list__row {
grid-template-columns: 60px 1fr;
}
}
@media only screen and (max-width: 1022px) {
.card-list__row {
grid-template-columns: 1fr;
grid-gap: 32px;
}
}
.card-list__right {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-gap: 24px;
}
@media only screen and (max-width: 767px) {
.card-list__right {
grid-template-columns: 1fr;
}
}
@media only screen and (min-width: 768px) {
.card-list__item--horizontal {
grid-column: span 2;
}
}
@media only screen and (min-width: 1023px) {
.card-list__item--vertical {
grid-row: span 2;
}
}
@media only screen and (min-width: 768px) {
.card-list__item--full-width {
grid-column: span 3;
}
}
.card-list .card-with-list,
.card-list .card {
height: 100%;
max-width: 100%;
}
@media only screen and (max-width: 767px) {
.card-list .card-with-list,
.card-list .card {
min-height: 180px;
height: auto;
}
}
.card-list .card--default {
background-color: var(--color-primary);
}
.card-list .card--default:has(.stretched-link):hover {
background-color: var(--color-primary);
}
.certificates-module {
width: 100%;
padding: 32px 0;
margin-top: -1px;
border-top: 1px solid var(--color-gray-200);
}
.certificates-module__row {
display: flex;
flex-wrap: wrap;
gap: 40px 80px;
align-items: center;
justify-content: center;
}
@media only screen and (max-width: 1200px) {
.certificates-module__row {
gap: 40px;
}
}
@media only screen and (max-width: 1022px) {
.certificates-module__row {
gap: 32px 24px;
}
}
.certificates-module__item img {
height: 50px;
width: auto;
object-fit: contain;
}
@media only screen and (max-width: 1022px) {
.certificates-module__item img {
height: 40px;
}
}
.content-module {
width: 100%;
padding: 40px 0 0;
}
@media only screen and (max-width: 1022px) {
.content-module {
padding: 20px 0 0;
}
}
.content-module__iframe iframe {
width: 100%;
}
.content-module .breadcrumbs {
margin-bottom: 40px;
}
.content-module .title {
color: var(--color-gray-300);
font-weight: 500;
}
.content-module .title--h1 {
margin-bottom: -24px;
}
@media only screen and (max-width: 1022px) {
.content-module .title--h1 {
margin-bottom: -10px;
}
}
.content-module .title:has(.content-module__rss-link) {
display: flex;
align-items: center;
gap: 20px;
justify-content: space-between;
}
.content-module__rss-link {
width: 25px;
height: 25px;
background-color: var(--color-primary);
transition: background-color 300ms ease;
flex-shrink: 0;
margin-bottom: -12px;
}
@media only screen and (max-width: 1022px) {
.content-module__rss-link {
margin-bottom: 0;
}
}
.content-module__rss-link .icon::before {
background-color: var(--color-white);
}
.content-module__rss-link:hover {
background-color: var(--color-primary-hover);
}
.content-module__date {
margin-bottom: -24px;
}
@media only screen and (max-width: 1022px) {
.content-module__date {
margin-bottom: -10px;
}
}
.content-module__body {
display: grid;
grid-gap: 0 100px;
grid-template-columns: 95px 1fr 19%;
}
@media only screen and (max-width: 1439px) {
.content-module__body {
grid-gap: 0 60px;
}
}
@media only screen and (max-width: 1200px) {
.content-module__body {
grid-template-columns: 70px 1fr 20%;
}
}
@media only screen and (max-width: 1022px) {
.content-module__body {
grid-template-columns: 1fr;
display: flex;
flex-direction: column;
grid-gap: 0;
gap: 60px;
}
}
.content-module .gallery-module .swiper {
width: 100%;
}
.content-module__separator {
height: 1px;
width: 100%;
display: block;
background-color: currentColor;
}
.content-module__middle {
display: flex;
gap: 44px;
flex-direction: column;
min-width: 1px;
}
@media only screen and (max-width: 1022px) {
.content-module__middle {
grid-gap: 32px;
}
}
.content-module .social-nav {
margin-left: auto;
}
.content-module__pagination {
border-top: 1px solid var(--color-gray-200);
border-bottom: 1px solid var(--color-gray-200);
margin-top: 44px;
text-transform: uppercase;
}
@media (max-width: 480px) {
.content-module__pagination .container {
max-width: 100%;
}
}
.content-module__pagination .pagination {
padding: 20px 0;
}
.content-module .text--13 {
line-height: 1.2;
}
.content-module__highlight {
width: 100%;
padding: 16px;
border-top: 1px solid var(--color-primary);
border-bottom: 1px solid var(--color-primary);
background-color: var(--color-gray-150);
}
@media only screen and (min-width: 1023px) {
.content-module__highlight {
max-width: 500px;
}
}
.content-module__highlight.text--13 {
line-height: 1.6;
}
.content-module .card-list .title {
font-weight: 300;
color: var(--color-white);
}
@media only screen and (max-width: 1919px) {
.content-module .card-list .title {
hyphens: auto;
}
}
@media only screen and (max-width: 1439px) {
.content-module .card-list__right {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media only screen and (max-width: 1022px) {
.content-module .card-list__right {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media only screen and (max-width: 767px) {
.content-module .card-list__right {
grid-template-columns: 1fr;
}
}
@media only screen and (min-width: 1023px) {
.content-module .card-list__item--full-width {
grid-column: span 2;
}
}
@media only screen and (min-width: 1440px) {
.content-module .card-list__item--full-width {
grid-column: span 3;
}
}
@media only screen and (min-width: 1023px) {
.content-module .card-list__item--horizontal {
grid-column: span 1;
}
}
@media only screen and (min-width: 1440px) {
.content-module .card-list__item--horizontal {
grid-column: span 2;
}
}
.content-module-table table {
background-color: #f9f9f9;
}
.content-module-table table tr {
border-bottom: 1px solid #d7d7d7;
}
.content-module-table table tr:last-of-type {
border-bottom: none;
}
.content-module__export-link {
color: #595959;
font-weight: 600;
font-size: 14px;
border-bottom: 1px solid var(--color-primary);
transition: 0.3s ease;
}
.content-module__export-link:hover {
color: var(--color-primary);
}
.sc-content-module:has(.content-module__pagination) + .sc-certificates-module .certificates-module {
margin-top: 0;
border-top: 0;
}
.cta-banner:before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
pointer-events: none;
}
.cta-banner {
width: 100%;
position: relative;
color: var(--color-white);
background-color: var(--color-black);
}
@media only screen and (max-width: 1022px) {
.cta-banner {
padding: 90px 0;
font-size: 16px;
}
}
.cta-banner:before {
z-index: 2;
background-color: rgba(141, 198, 63, 0.9);
}
.theme-energetika .cta-banner:before {
background-color: rgba(0, 102, 179, 0.9);
}
.theme-vokasnaga .cta-banner:before {
background-color: rgba(0, 113, 179, 0.9);
}
.theme-lpp .cta-banner:before {
background-color: rgba(30, 123, 75, 0.9);
}
.cta-banner__top {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
position: relative;
z-index: 3;
grid-column: span 2;
}
@media only screen and (max-width: 1022px) {
.cta-banner__top {
grid-column: span 1;
margin-bottom: 8px;
}
}
.cta-banner__right {
display: flex;
align-items: flex-end;
gap: 30px;
flex-direction: column;
}
@media only screen and (max-width: 1022px) {
.cta-banner__right {
gap: 24px;
}
}
.cta-banner__inner {
position: relative;
min-height: 536px;
display: grid;
align-items: flex-start;
align-content: center;
grid-template-columns: 1fr 356px;
grid-gap: 32px 40px;
z-index: 3;
padding: 40px 0;
}
@media only screen and (max-width: 1200px) {
.cta-banner__inner {
min-height: 400px;
}
}
@media only screen and (max-width: 1022px) {
.cta-banner__inner {
min-height: 1px;
grid-template-columns: 1fr;
grid-gap: 24px;
padding: 0;
}
}
.cta-banner__tag {
font-weight: 700;
}
.cta-banner__title {
max-width: 600px;
}
@media only screen and (max-width: 1022px) {
.cta-banner__title {
max-width: 100%;
}
}
.cta-banner__title .title {
font-weight: 400;
}
@media only screen and (max-width: 1022px) {
.cta-banner__date {
position: absolute;
top: 0;
right: 0;
}
}
.cta-banner .btn {
pointer-events: none;
}
.cta-banner:has(.stretched-link:hover) .btn {
color: var(--color-white);
}
.cta-banner:has(.stretched-link:hover) .btn .icon::before {
background-color: var(--color-white);
}
.cta-banner:has(.stretched-link:hover) .btn .icon-circle-arrow-right {
transform: translateX(4px);
}
.cta-banner--without-image::before {
background-color: var(--color-primary);
}
.theme-energetika .cta-banner--without-image::before {
background-color: var(--color-primary);
}
.theme-vokasnaga .cta-banner--without-image::before {
background-color: var(--color-primary);
}
.theme-lpp .cta-banner--without-image::before {
background-color: var(--color-primary);
}
.cta-module .title {
line-height: 1.2;
font-weight: 500;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.cta-module .title {
font-size: 48px;
line-height: 1.2;
}
@media only screen and (max-width: 1439px) {
.cta-module .title {
font-size: 42px;
}
}
@media only screen and (max-width: 1200px) {
.cta-module .title {
font-size: 36px;
}
}
@media only screen and (max-width: 1022px) {
.cta-module .title {
font-size: 32px;
}
}
.cta-module {
padding: 104px 0;
position: relative;
}
@media only screen and (max-width: 1200px) {
.cta-module {
padding: 80px 0;
}
}
@media only screen and (max-width: 1022px) {
.cta-module {
padding: 56px 0;
}
}
.cta-module__inner {
display: grid;
grid-template-columns: 15% 1fr auto;
grid-gap: 44px;
position: relative;
}
@media only screen and (max-width: 1022px) {
.cta-module__inner {
grid-template-columns: 1fr;
text-align: center;
grid-gap: 16px;
}
}
.cta-module__button {
pointer-events: none;
}
@media only screen and (min-width: 1023px) {
.cta-module__button {
align-self: flex-end;
text-align: right;
}
}
.cta-module__super-title {
letter-spacing: normal;
}
.cta-module .title {
font-weight: 400;
}
.cta-module .title strong {
font-weight: 700;
}
.cta-module:has(.stretched-link:hover) .btn {
color: var(--color-primary);
}
.cta-module:has(.stretched-link:hover) .btn .icon::before {
background-color: var(--color-primary);
}
.cta-module:has(.stretched-link:hover) .btn .icon-circle-arrow-right {
transform: translateX(4px);
}
.document-list {
width: 100%;
}
.document-list__title {
color: var(--color-gray-600);
font-weight: 700;
margin-bottom: 24px;
}
.document-list__list {
display: grid;
grid-gap: 16px;
}
.document-list__item {
display: flex;
gap: 12px;
}
.document-list__item-icon {
width: 38px;
flex-shrink: 0;
}
.document-list__item-content {
flex: auto;
}
.document-list__item-title {
color: var(--color-primary);
text-decoration: underline;
}
.document-list__item-button {
text-align: left;
transition: color 0.3s ease;
}
.document-list__item-button:hover {
color: var(--color-primary);
}
.editor-text h6, .editor-text h5, .editor-text h4, .editor-text h3, .editor-text h2, .editor-text h1 {
line-height: 1.2;
font-weight: 500;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.editor-text h1 {
font-size: 50px;
font-weight: 700;
letter-spacing: -0.01em;
}
@media only screen and (max-width: 1439px) {
.editor-text h1 {
font-size: 48px;
}
}
@media only screen and (max-width: 1200px) {
.editor-text h1 {
font-size: 44px;
}
}
@media only screen and (max-width: 1022px) {
.editor-text h1 {
font-size: 42px;
}
}
@media only screen and (max-width: 767px) {
.editor-text h1 {
font-size: 32px;
}
}
.editor-text h2 {
font-size: 64px;
font-weight: 300;
line-height: 1;
}
@media only screen and (max-width: 1439px) {
.editor-text h2 {
font-size: 50px;
}
}
@media only screen and (max-width: 1200px) {
.editor-text h2 {
font-size: 48px;
}
}
@media only screen and (max-width: 1022px) {
.editor-text h2 {
font-size: 36px;
}
}
.editor-text h3 {
font-size: 24px;
letter-spacing: 0.01em;
font-weight: 700;
}
@media only screen and (max-width: 1200px) {
.editor-text h3 {
font-size: 22px;
}
}
@media only screen and (max-width: 767px) {
.editor-text h3 {
font-size: 20px;
}
}
.editor-text h4 {
font-size: 20px;
}
.editor-text h5 {
font-size: 18px;
}
.editor-text h6 {
font-size: 16px;
}
.editor-text ol > li:before {
color: inherit;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
text-transform: inherit;
text-align: inherit;
font-style: inherit;
font-family: inherit;
}
.container .editor-text .container {
max-width: 100%;
padding: 0;
}
.editor-text h1,
.editor-text h2,
.editor-text h3,
.editor-text h4,
.editor-text h5,
.editor-text h6 {
margin-bottom: 25px;
}
* + .editor-text h1,
* + .editor-text h2,
* + .editor-text h3,
* + .editor-text h4,
* + .editor-text h5,
* + .editor-text h6 {
margin-top: 40px;
}
.editor-text h1:first-child,
.editor-text h2:first-child,
.editor-text h3:first-child,
.editor-text h4:first-child,
.editor-text h5:first-child,
.editor-text h6:first-child {
margin-top: 0;
}
.editor-text h1:last-child,
.editor-text h2:last-child,
.editor-text h3:last-child,
.editor-text h4:last-child,
.editor-text h5:last-child,
.editor-text h6:last-child {
margin-bottom: 0;
}
.editor-text h5 {
margin-bottom: 16px;
}
.editor-text h6 {
margin-bottom: 16px;
}
.editor-text p,
.editor-text ul,
.editor-text ol,
.editor-text img,
.editor-text figure,
.editor-text table {
margin-top: 12px;
margin-bottom: 12px;
}
.editor-text p:first-child,
.editor-text ul:first-child,
.editor-text ol:first-child,
.editor-text img:first-child,
.editor-text figure:first-child,
.editor-text table:first-child {
margin-top: 0;
}
.editor-text p:last-child,
.editor-text ul:last-child,
.editor-text ol:last-child,
.editor-text img:last-child,
.editor-text figure:last-child,
.editor-text table:last-child {
margin-bottom: 0;
}
.editor-text p + h2, .editor-text p + h3, .editor-text p + h4, .editor-text p + h5, .editor-text p + h6,
.editor-text ul + h2,
.editor-text ul + h3,
.editor-text ul + h4,
.editor-text ul + h5,
.editor-text ul + h6,
.editor-text ol + h2,
.editor-text ol + h3,
.editor-text ol + h4,
.editor-text ol + h5,
.editor-text ol + h6,
.editor-text img + h2,
.editor-text img + h3,
.editor-text img + h4,
.editor-text img + h5,
.editor-text img + h6,
.editor-text figure + h2,
.editor-text figure + h3,
.editor-text figure + h4,
.editor-text figure + h5,
.editor-text figure + h6,
.editor-text table + h2,
.editor-text table + h3,
.editor-text table + h4,
.editor-text table + h5,
.editor-text table + h6 {
margin-top: 44px;
}
@media only screen and (max-width: 767px) {
.editor-text p + h2, .editor-text p + h3, .editor-text p + h4, .editor-text p + h5, .editor-text p + h6,
.editor-text ul + h2,
.editor-text ul + h3,
.editor-text ul + h4,
.editor-text ul + h5,
.editor-text ul + h6,
.editor-text ol + h2,
.editor-text ol + h3,
.editor-text ol + h4,
.editor-text ol + h5,
.editor-text ol + h6,
.editor-text img + h2,
.editor-text img + h3,
.editor-text img + h4,
.editor-text img + h5,
.editor-text img + h6,
.editor-text figure + h2,
.editor-text figure + h3,
.editor-text figure + h4,
.editor-text figure + h5,
.editor-text figure + h6,
.editor-text table + h2,
.editor-text table + h3,
.editor-text table + h4,
.editor-text table + h5,
.editor-text table + h6 {
margin-top: 32px;
}
}
.editor-text p img {
height: auto;
width: revert-layer;
}
.editor-text a {
color: var(--color-primary);
text-decoration: underline;
}
.editor-text a:hover {
text-decoration: none;
}
.bg-primary .editor-text a {
color: inherit;
}
.editor-text a[target=_blank] {
position: relative;
}
.editor-text a[target=_blank]::after {
content: "";
position: relative;
right: 0;
top: 3px;
margin: 0 4px;
display: inline-block;
width: 16px;
height: 16px;
background: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23595959' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10 5H8.2c-1.12 0-1.68 0-2.108.218a1.999 1.999 0 0 0-.874.874C5 6.52 5 7.08 5 8.2v7.6c0 1.12 0 1.68.218 2.108a2 2 0 0 0 .874.874c.427.218.987.218 2.105.218h7.606c1.118 0 1.677 0 2.104-.218.377-.192.683-.498.875-.874.218-.428.218-.987.218-2.105V14m1-5V4m0 0h-5m5 0-7 7'/%3E%3C/svg%3E") no-repeat center center/contain;
}
.editor-text img.aligncenter, .editor-text img.alignright, .editor-text img.aligleft, .editor-text img.alignnone {
display: block;
}
.editor-text img.aligncenter {
margin-left: auto;
margin-right: auto;
}
.editor-text img.alignright {
margin-left: auto;
}
.editor-text img.aligleft {
margin-right: auto;
}
.editor-text figure img {
margin: 0;
}
.editor-text ul,
.editor-text ol {
list-style: none;
margin: 16px 0 44px;
display: grid;
grid-gap: 4px;
}
@media only screen and (max-width: 767px) {
.editor-text ul,
.editor-text ol {
margin-bottom: 32px;
}
}
.editor-text ul:first-child,
.editor-text ol:first-child {
margin-top: 0;
}
.editor-text ul:last-child,
.editor-text ol:last-child {
margin-bottom: 0;
}
.editor-text ul li,
.editor-text ol li {
position: relative;
padding-left: 24px;
}
.editor-text ul li:before {
content: "";
border-radius: 100%;
width: 5px;
height: 5px;
background-color: var(--color-primary);
color: inherit;
top: 10px;
left: 6px;
position: absolute;
}
.editor-text ol {
counter-reset: ol_text_counter;
}
.editor-text ol > li {
counter-increment: ol_text_counter;
}
.editor-text ol > li:before {
content: counters(ol_text_counter, ".") ".";
font-size: inherit;
position: absolute;
left: 0;
}
.editor-text ol > li[value]::before {
content: attr(value) ".";
}
.editor-text ol > li > ol {
counter-reset: ol_text_counter;
}
.editor-text table {
margin: 40px 0;
border: 0;
border-top: 1px solid var(--color-primary);
border-bottom: 1px solid var(--color-primary);
width: 100%;
}
@media only screen and (max-width: 767px) {
.editor-text table {
display: block;
overflow-x: auto;
white-space: nowrap;
width: calc(100% + 16px);
}
}
.editor-text table tr:nth-child(odd) {
background-color: var(--color-gray-150);
}
.editor-text table th,
.editor-text table td {
padding: 8px 15px;
height: auto !important;
}
.editor-text table:first-child {
margin-top: 0;
}
.editor-text table:last-child {
margin-bottom: 0;
}
.editor-text table th {
font-weight: 600;
}
.editor-text table thead tr:nth-child(odd),
.editor-text table thead tr {
background-color: var(--color-white);
}
.editor-text table thead td,
.editor-text table thead th {
color: var(--color-primary);
}
.editor-text table a {
color: currentColor;
}
.editor-text table a[href$=".pdf"] {
padding-right: 20px;
margin-right: 5px;
background: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800' viewBox='0 0 1920 1920'%3E%3Cg fill='%23595959' fill-rule='evenodd'%3E%3Cpath d='M1185.46.034V564.74h564.705v1355.294H168.99V.034h1016.47ZM900.508 677.68c-16.829 0-31.963 7.567-42.918 21.007-49.807 59.972-31.398 193.016-18.748 272.075 2.823 17.958.452 36.141-7.228 52.518l-107.86 233.223c-7.905 16.942-20.555 30.608-36.592 39.53-68.104 37.835-182.287 89.675-196.066 182.626-4.97 30.268 5.082 56.357 28.574 79.85 15.925 15.133 35.238 22.7 56.245 22.7 81.43 0 132.819-71.717 188.273-148.517 24.62-34.221 61.666-55.229 102.437-60.876 76.349-10.503 167.83-32.527 223.172-46.983 27.897-7.341 56.358-5.534 83.802 3.162 48.565 15.586 66.975 25.073 122.768 25.073 50.371 0 84.818-11.746 101.534-34.447 13.44-16.828 16.715-39.53 10.164-65.619-11.858-42.804-2.033-89.675-133.044-89.675-29.365 0-57.94 2.824-81.77 6.099-36.819 4.97-73.299-10.955-97.016-40.885-32.301-40.546-65.167-88.433-87.981-123.219-16.151-24.508-21.572-53.986-16.264-83.124 15.473-84.706 18.41-147.615-23.492-206.683-17.619-25.186-41.223-37.835-67.99-37.835Zm397.903-660.808 434.936 434.937h-434.936V16.873Z'/%3E%3Cpath d='M791.057 1297.943c92.273-43.37 275.916-65.28 275.916-65.28-92.386-88.998-145.92-215.04-145.92-215.04-43.257 126.607-119.718 264.282-129.996 280.32'/%3E%3C/g%3E%3C/svg%3E") no-repeat center right/16px auto;
}
.editor-text blockquote p {
margin: 0 !important;
}
.editor-text iframe {
width: 100%;
height: auto;
aspect-ratio: 16/9;
border: 0;
}
.enrollment-form {
width: 100%;
padding-top: 40px;
}
@media only screen and (max-width: 1022px) {
.enrollment-form {
padding-top: 0;
}
}
.enrollment-form .title {
margin-bottom: 24px;
color: var(--color-gray-300);
}
.enrollment-form .form-component__form {
max-width: 100%;
}
.site-footer {
width: 100%;
position: relative;
}
.site-footer__top-inner {
display: grid;
grid-template-columns: 55.5% 1fr 7.5%;
grid-gap: 90px;
align-items: flex-start;
}
@media only screen and (max-width: 1439px) {
.site-footer__top-inner {
grid-gap: 60px;
}
}
@media only screen and (max-width: 1200px) {
.site-footer__top-inner {
grid-gap: 40px;
grid-template-columns: 55.5% 1fr 14%;
}
}
@media only screen and (max-width: 1022px) {
.site-footer__top-inner {
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-gap: 50px 34px;
}
}
.site-footer__top-inner-wrapper {
padding: 50px 0 66px;
}
@media only screen and (max-width: 767px) {
.site-footer__top-inner-wrapper {
padding: 40px 0;
}
}
.site-footer__col-title {
margin-bottom: 48px;
letter-spacing: normal;
}
@media only screen and (max-width: 1022px) {
.site-footer__col-title {
margin-bottom: 42px;
font-size: 40px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1022px) {
.site-footer__col--form {
grid-column: span 2;
}
}
@media only screen and (max-width: 1022px) {
.site-footer__col--nav {
grid-column: span 2;
}
}
.site-footer__nav-title {
display: block;
margin-bottom: 15px;
}
.site-footer__nav ul {
display: grid;
grid-gap: 4px;
}
.site-footer__nav-col {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
align-items: flex-start;
grid-gap: 40px;
}
@media only screen and (max-width: 1439px) {
.site-footer__nav-col {
grid-gap: 20px;
}
}
@media only screen and (max-width: 767px) {
.site-footer__nav-col {
grid-template-columns: 1fr;
grid-gap: 24px;
}
}
.site-footer__nav-link:hover {
color: var(--color-white);
text-decoration: underline;
}
.site-footer__nav-wrapper {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
align-items: flex-start;
grid-gap: 40px;
}
@media only screen and (max-width: 1439px) {
.site-footer__nav-wrapper {
grid-gap: 20px;
}
}
@media only screen and (max-width: 767px) {
.site-footer__nav-wrapper {
grid-template-columns: 46% 1fr;
grid-gap: 16px;
}
}
.site-footer__text p {
margin: 22px 0;
}
.site-footer__text p:first-child {
margin-top: 0;
}
.site-footer__text p:last-child {
margin-bottom: 0;
}
.site-footer__text p a {
text-decoration: underline;
}
.site-footer__text p a:hover {
text-decoration: none;
}
.site-footer__zpe-logo {
max-width: 90px;
width: 100%;
margin-top: 12px;
}
@media only screen and (min-width: 1023px) {
.site-footer__zpe-logo {
margin-left: auto;
}
}
.site-footer__zpe-logo img {
width: 100%;
height: auto;
object-fit: contain;
}
.site-footer .form-component__body {
grid-gap: 15px 10px;
}
.site-footer .form-component__success {
min-height: 1px;
}
.site-footer .social-nav {
justify-content: flex-end;
margin-top: 10px;
}
@media only screen and (max-width: 1022px) {
.site-footer .social-nav {
justify-content: flex-start;
margin-top: 30px;
}
}
.site-footer .social-nav ul {
gap: 12px;
}
.site-footer .social-nav .icon {
transition: transform 0.4s var(--easing-default);
}
.site-footer .social-nav .icon::before {
background-color: var(--color-white);
}
.site-footer .social-nav a:hover .icon {
transform: translateY(-4px);
}
.site-footer__illustrator {
max-width: 87%;
width: 100%;
margin: 0 auto;
text-align: center;
}
@media only screen and (max-width: 767px) {
.site-footer__illustrator {
display: none;
}
}
.site-footer__illustrator img {
width: 100%;
height: auto;
object-fit: contain;
}
.site-footer__bottom {
padding: 15px 0;
}
@media only screen and (max-width: 1022px) {
.site-footer__bottom {
padding: 30px 0;
}
}
.site-footer__bottom-inner {
display: flex;
align-items: center;
gap: 20px 36px;
}
@media only screen and (max-width: 1200px) {
.site-footer__bottom-inner {
flex-wrap: wrap;
gap: 20px;
}
}
@media only screen and (max-width: 1022px) {
.site-footer__bottom-inner {
flex-direction: column;
gap: 26px 36px;
}
}
@media only screen and (min-width: 1201px) {
.site-footer__bottom-inner {
gap: 20px 50px;
}
}
.site-footer__bottom .site-footer__nav ul {
display: flex;
grid-gap: 0;
gap: 10px 36px;
align-items: center;
}
@media only screen and (min-width: 1023px) and (max-width: 1200px) {
.site-footer__bottom .site-footer__nav ul {
gap: 10px 20px;
}
}
@media only screen and (max-width: 1022px) {
.site-footer__bottom .site-footer__nav ul {
flex-wrap: wrap;
justify-content: center;
}
}
@media only screen and (max-width: 767px) {
.site-footer__bottom .site-footer__nav ul {
flex-direction: column;
}
}
@media only screen and (min-width: 1201px) {
.site-footer__bottom .site-footer__nav ul {
gap: 10px 50px;
}
}
.site-footer__bottom .site-footer__nav-link {
color: var(--color-font-color);
text-decoration: underline;
}
@media only screen and (max-width: 767px) {
.site-footer__bottom .site-footer__nav-link {
color: var(--color-primary);
}
}
.site-footer__bottom .site-footer__nav-link:hover {
color: var(--color-font-color);
text-decoration: none;
}
.site-footer__bottom-right {
margin-left: auto;
display: flex;
align-items: center;
gap: 30px;
}
@media only screen and (max-width: 1022px) {
.site-footer__bottom-right {
margin-left: 0;
}
}
@media only screen and (max-width: 767px) {
.site-footer__bottom-right {
gap: 20px;
}
}
.site-footer__execution a {
color: var(--color-font-color);
text-decoration: underline;
}
.site-footer__execution a:hover {
color: var(--color-font-color);
text-decoration: none;
}
.site-footer__cookie-link .icon {
transition: transform 0.3s ease;
}
.site-footer__cookie-link .icon::before {
background-color: var(--color-green);
}
.site-footer__cookie-link:hover .icon {
transform: scale(0.95);
}
#scroll-offset,
#scroll-up-offset {
position: absolute;
bottom: 0;
left: 0;
width: 0px;
pointer-events: none;
opacity: 0;
}
#scroll-up-offset {
height: calc(var(--header-height, 278px) + 24px);
}
#scroll-offset {
height: calc(var(--header-height, 278px) - var(--top-bar-height, 38px) - var(--notification-bar-height, 64px) + 24px);
}
.form-module {
width: 100%;
}
.gallery-module__slide {
width: 100%;
display: block;
}
.gallery-module__slide-image {
position: relative;
height: 0;
padding-bottom: 56.24%;
}
.gallery-module__slide-content {
margin-top: 10px;
font-style: italic;
}
.gallery-module .title {
color: var(--color-primary);
font-weight: 300;
}
@media only screen and (min-width: 1023px) {
.gallery-module .title {
font-size: 28px;
}
}
.gallery-module .slider-nav {
position: absolute;
top: 0;
padding-top: calc(56.24% - 46px);
right: 10px;
display: flex;
gap: 10px;
z-index: 8;
pointer-events: none;
}
@media only screen and (max-width: 767px) {
.gallery-module .slider-nav {
padding-top: calc(56.24% - 36px);
}
}
.gallery-module .slider-nav__arrow {
pointer-events: all;
position: relative;
}
.gallery-module .slider-nav__arrow.swiper-button-disabled {
pointer-events: none;
}
.hero-module {
width: 100%;
position: relative;
overflow: hidden;
background-color: var(--color-black);
}
.hero-module .container {
container-type: inline-size;
}
.hero-module__inner {
position: relative;
z-index: 2;
min-height: calc(100vh - var(--header-height, 175px));
display: flex;
flex-direction: column;
gap: 50px;
}
@media only screen and (max-width: 1022px) {
.hero-module__inner {
min-height: calc(100vh - var(--header-height, 121px));
}
}
@media only screen and (max-width: 767px) {
.hero-module__inner {
min-height: calc(100svh - var(--header-height, 170px));
}
}
:has(body .site-header__top-bar) .hero-module__inner {
min-height: calc(100vh - var(--header-height, 213px));
}
@media only screen and (max-width: 1022px) {
:has(body .site-header__top-bar) .hero-module__inner {
min-height: calc(100vh - var(--header-height, 158px));
}
}
@media only screen and (max-width: 767px) {
:has(body .site-header__top-bar) .hero-module__inner {
min-height: calc(100svh - var(--header-height, 244px));
}
}
@media only screen and (min-width: 1023px) {
:has(body .notification-bar) .hero-module__inner {
min-height: calc(100vh - var(--header-height, 240px));
}
}
@media only screen and (min-width: 1023px) {
:has(body .notification-bar):has(body .site-header__top-bar) .hero-module__inner {
min-height: calc(100vh - var(--header-height, 278px));
}
}
.hero-module__image {
background-color: var(--color-black);
}
.hero-module__image img {
opacity: 0.8;
}
.hero-module__title {
position: relative;
}
.hero-module__title .title {
font-weight: 800;
color: var(--color-white);
letter-spacing: normal;
line-height: 0.85;
font-size: clamp(72px, 13.95cqw, 168px);
hyphens: auto;
}
@media (min-width: 1600px) {
.hero-module__title .title {
font-size: 168px;
}
}
@media only screen and (min-width: 1023px) and (max-width: 1200px) {
.hero-module__title .title {
font-size: clamp(72px, 13.95cqw, 100px);
}
}
@media only screen and (max-width: 767px) {
.hero-module__title .title {
font-size: clamp(50px, 16cqw, 100px);
}
}
@media only screen and (max-width: 1022px) {
.hero-module__title .title h1 {
padding-left: 10px;
}
}
.hero-module__title strong {
display: block;
background-color: var(--color-white);
color: var(--color-black);
mix-blend-mode: screen;
position: relative;
padding: 28px 0 16px;
line-height: 1;
min-height: 232px;
margin-bottom: -15px;
font-size: clamp(72px, 13.95cqw, 171px);
}
@media (min-width: 1600px) {
.hero-module__title strong {
font-size: 172px;
}
}
@media only screen and (max-width: 1439px) {
.hero-module__title strong {
min-height: 1px;
margin-bottom: -12px;
}
}
@media only screen and (max-width: 1200px) {
.hero-module__title strong {
padding: 10px 0 20px;
margin-bottom: 0;
}
}
@media only screen and (min-width: 1023px) and (max-width: 1200px) {
.hero-module__title strong {
font-size: clamp(72px, 13.95cqw, 100px);
}
}
@media only screen and (max-width: 1022px) {
.hero-module__title strong {
padding: 30px 0 18px;
}
}
@media only screen and (max-width: 767px) {
.hero-module__title strong {
font-size: clamp(60px, 18cqw, 100px);
}
}
.hero-module__title strong:before {
content: "";
background-color: var(--color-white);
position: absolute;
left: 50%;
top: 0;
width: 100vw;
height: 100%;
transform: translateX(-50%);
z-index: -1;
}
@media only screen and (max-width: 1022px) {
.hero-module__title strong:before {
width: calc(100vw + 10px);
}
}
.hero-module__card {
max-width: 320px;
width: 100%;
z-index: 2;
margin-top: auto;
margin-left: auto;
position: relative;
}
@media only screen and (max-width: 767px) {
.hero-module__card {
max-width: 202px;
padding: 0;
margin-left: auto;
}
}
.hero-module__card .card {
background-color: var(--color-primary);
min-height: 280px;
padding: 48px;
gap: 40px;
}
@media only screen and (max-width: 1200px) {
.hero-module__card .card {
min-height: 200px;
padding: 28px 26px 20px;
}
}
@media only screen and (max-width: 767px) {
.hero-module__card .card {
max-width: 100%;
}
}
.hero-module__card .card__date {
font-size: 16px;
}
.hero-module__card .card__tag {
font-size: 14px;
}
@media only screen and (max-width: 1022px) {
.hero-module__card .card__info {
flex-wrap: wrap;
}
}
@media only screen and (max-width: 767px) {
.hero-module__card .card .title {
font-size: 18px;
}
}
.hero-module__card .card__link {
display: none;
}
.hero-module__tag {
font-weight: 800;
position: absolute;
writing-mode: tb-rl;
white-space: nowrap;
margin-bottom: 0;
rotate: 180deg;
left: -54px;
bottom: 30px;
letter-spacing: 0.13em;
font-size: 24px;
text-align: center;
height: auto;
color: var(--color-white);
text-shadow: 0 4px 10px rgba(0, 0, 0, 0.2901960784), 0 18px 18px rgba(0, 0, 0, 0.2588235294), 0 40px 24px rgba(0, 0, 0, 0.1490196078);
}
@media only screen and (max-width: 1200px) {
.hero-module__tag {
left: -47px;
bottom: 18px;
}
}
.image-grid {
width: 100%;
}
.image-grid__caption {
padding-top: 8px;
font-style: italic;
}
.image-text {
padding: 128px 0;
background-color: var(--color-gray-150);
}
@media only screen and (max-width: 1200px) {
.image-text {
padding: 100px 0;
}
}
@media only screen and (max-width: 1022px) {
.image-text {
padding: 60px 0;
}
}
.image-text__inner {
display: grid;
grid-template-columns: 64.8% 1fr;
grid-gap: 64px;
}
@media only screen and (max-width: 1200px) {
.image-text__inner {
grid-gap: 40px;
}
}
@media only screen and (max-width: 1022px) {
.image-text__inner {
grid-template-columns: 1fr;
}
}
.image-text__image {
position: relative;
}
.image-text__image-inner {
position: relative;
height: 0;
padding-bottom: 67.5%;
}
.image-text .title {
margin-bottom: 35px;
}
@media only screen and (max-width: 1200px) {
.image-text .title {
margin-bottom: 20px;
}
}
@media only screen and (max-width: 1022px) {
.image-text .title {
margin-bottom: 0;
}
}
.image-text__content {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 30px;
justify-content: center;
padding: 40px 0;
}
@media only screen and (max-width: 1022px) {
.image-text__content {
padding: 0;
gap: 20px;
}
}
.image-text__caption {
margin-top: 25px;
}
@media only screen and (max-width: 1022px) {
.image-text__caption {
text-align: right;
font-size: 12px;
margin-top: 16px;
}
}
.image-text.bg-white {
padding: 0;
background-color: transparent;
}
@media only screen and (min-width: 1023px) {
.image-text--reverse .image-text__inner {
grid-template-columns: 1fr 64.8%;
}
}
@media only screen and (min-width: 1023px) {
.image-text--reverse .image-text__content {
order: -1;
}
}
@media only screen and (min-width: 1023px) {
.image-text--secondary {
padding: 96px 0;
}
}
@media only screen and (min-width: 1023px) {
.image-text--secondary .image-text__inner {
grid-template-columns: 47.5% 1fr;
}
}
.image-text--secondary .image-text__image-inner {
padding-bottom: 94%;
}
@media only screen and (min-width: 1023px) {
.image-text--secondary.image-text--reverse .image-text__inner {
grid-template-columns: 1fr 47.5%;
}
}
.image-with-caption {
width: 100%;
}
.image-with-caption__image {
position: relative;
width: 100%;
}
.image-with-caption__image img {
width: 100%;
height: auto;
}
.image-with-caption__caption {
margin-top: 25px;
}
@media only screen and (max-width: 1022px) {
.image-with-caption__caption {
font-size: 12px;
margin-top: 16px;
}
}
.landing-module {
display: flex;
gap: 8px;
height: calc(100dvh - var(--header-height, 175px));
overflow: hidden;
padding: 0 8px;
}
@media only screen and (min-width: 1201px) {
:has(body .site-header__top-bar) .landing-module {
height: calc(100vh - var(--header-height, 213px));
}
}
@media only screen and (min-width: 1201px) {
:has(body .notification-bar) .landing-module {
height: calc(100vh - var(--header-height, 240px));
}
}
@media only screen and (min-width: 1201px) {
:has(body .notification-bar):has(body .site-header__top-bar) .landing-module {
height: calc(100vh - var(--header-height, 278px));
}
}
@media only screen and (max-width: 1200px) {
.landing-module {
height: auto;
padding: 0;
gap: 0;
flex-direction: column;
}
}
.landing-module__item {
width: 100%;
transition: top 0.5s var(--easing-slow), height 0.5s var(--easing-slow), width 0.5s var(--easing-slow);
position: relative;
height: calc(100% - 16px);
overflow: hidden;
padding: 40px;
display: flex;
align-items: flex-end;
top: 8px;
background-color: var(--color-black);
}
@media only screen and (min-width: 1201px) {
:has(body .notification-bar) .landing-module__item {
height: calc(100% - 20px);
}
}
@media only screen and (max-width: 1200px) {
.landing-module__item {
top: 0 !important;
height: auto;
min-height: 400px;
padding: 60px 40px 40px;
}
}
@media only screen and (max-width: 1022px) {
.landing-module__item {
padding: 60px 20px 40px;
}
}
.landing-module__item:focus-within, .landing-module__item:hover {
width: 175%;
}
@media only screen and (max-width: 1200px) {
.landing-module__item:focus-within, .landing-module__item:hover {
width: 100%;
height: auto;
}
}
.landing-module__item:focus-within:before, .landing-module__item:hover:before {
opacity: 1;
}
.landing-module__item:focus-within .landing-module__content, .landing-module__item:hover .landing-module__content {
opacity: 1;
transition-delay: 0.5s;
transform: translateY(0);
}
.landing-module__item:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 2;
pointer-events: none;
background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
transition: 0.5s ease;
opacity: 0;
}
@media only screen and (max-width: 1200px) {
.landing-module__item:before {
opacity: 1;
}
}
.landing-module__item.jhl .landing-module__link,
.landing-module__item.jhl .btn {
color: var(--color-white);
}
.landing-module__item.jhl .landing-module__link .icon::before,
.landing-module__item.jhl .btn .icon::before {
color: var(--color-primary);
}
.landing-module__item.energetika .landing-module__link,
.landing-module__item.energetika .btn {
color: var(--color-white);
}
.landing-module__item.energetika .landing-module__link .icon::before,
.landing-module__item.energetika .btn .icon::before {
color: var(--color-energetika);
}
.landing-module__item.vokasnaga .landing-module__link,
.landing-module__item.vokasnaga .btn {
color: var(--color-white);
}
.landing-module__item.vokasnaga .landing-module__link .icon::before,
.landing-module__item.vokasnaga .btn .icon::before {
color: var(--color-vokasnaga);
}
.landing-module__item.lpp .landing-module__link,
.landing-module__item.lpp .btn {
color: var(--color-white);
}
.landing-module__item.lpp .landing-module__link .icon::before,
.landing-module__item.lpp .btn .icon::before {
color: var(--color-lpp);
}
.landing-module__content {
position: relative;
z-index: 3;
color: var(--color-white);
transition: opacity 0.15s ease, transform 0.5s ease;
opacity: 0;
transition-delay: 0s;
transform: translateY(120px);
}
@media only screen and (max-width: 1200px) {
.landing-module__content {
transform: none;
opacity: 1;
}
}
.landing-module__content a:focus-within {
outline: 1px solid white;
}
.landing-module__title {
margin-bottom: 16px;
}
.landing-module__text {
font-size: 12px;
margin-bottom: 40px;
}
@media only screen and (max-width: 1200px) {
.landing-module__text {
margin-bottom: 20px;
}
}
.landing-module__links {
margin-top: 40px;
display: flex;
flex-wrap: wrap;
gap: 8px 12px;
}
@media only screen and (max-width: 1200px) {
.landing-module__links {
margin-top: 20px;
}
}
.landing-module__link {
text-decoration: underline;
}
@media only screen and (max-width: 767px) {
.landing-module__link {
font-size: 14px;
}
}
.sc-landing-module {
padding-top: var(--header-height, 175px);
}
@media only screen and (max-width: 1022px) {
.sc-landing-module {
padding-top: var(--header-height, 121px);
}
}
@media only screen and (max-width: 767px) {
.sc-landing-module {
padding-top: var(--header-height, 171px);
}
}
:has(body .site-header__top-bar) .sc-landing-module {
padding-top: var(--header-height, 213px);
}
@media only screen and (max-width: 1022px) {
:has(body .site-header__top-bar) .sc-landing-module {
padding-top: var(--header-height, 158px);
}
}
@media only screen and (max-width: 767px) {
:has(body .site-header__top-bar) .sc-landing-module {
padding-top: var(--header-height, 244px);
}
}
@media only screen and (min-width: 1023px) {
:has(body .notification-bar) .sc-landing-module {
padding-top: var(--header-height, 240px);
}
}
@media only screen and (min-width: 1023px) {
:has(body .notification-bar):has(body .site-header__top-bar) .sc-landing-module {
padding-top: var(--header-height, 278px);
}
}
.latest-news-module {
overflow: hidden;
}
.latest-news-module__title {
margin-bottom: 38px;
}
@media only screen and (max-width: 767px) {
.latest-news-module__title {
margin-bottom: 24px;
}
}
.latest-news-module__filters {
display: grid;
grid-template-columns: 1fr auto;
grid-gap: 24px;
align-items: flex-start;
margin-bottom: 60px;
}
@media only screen and (max-width: 767px) {
.latest-news-module__filters {
grid-template-columns: 1fr;
margin-bottom: 54px;
grid-gap: 30px;
}
}
.latest-news-module__filters-btns {
display: flex;
gap: 12px 28px;
flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
.latest-news-module__filters-btns {
order: 2;
}
}
.latest-news-module__filter {
color: var(--color-gray-300);
font-weight: 700;
text-underline-offset: 0.16em;
font-size: 20px;
transition: 0.3s ease;
}
.latest-news-module__filter:hover {
color: var(--color-gray-600);
}
.latest-news-module__filter.is-active {
color: var(--color-gray-800);
text-decoration: underline;
}
.latest-news-module__cards {
display: none;
}
.latest-news-module__cards.is-active {
display: block;
}
.latest-news-module .card {
max-width: 100%;
}
@media only screen and (max-width: 1022px) {
.latest-news-module .card {
min-height: 340px;
}
}
@media only screen and (max-width: 767px) {
.latest-news-module .card {
min-height: 255px;
}
}
@media only screen and (max-width: 767px) {
.latest-news-module .card__tag {
font-size: 14px;
padding-right: 15px;
}
}
@media only screen and (max-width: 1200px) {
.latest-news-module .card .title {
font-size: 18px;
}
}
@media only screen and (min-width: 768px) {
.latest-news-module .swiper {
overflow: visible;
}
}
.latest-news-module .swiper-slide {
width: 360px;
}
@media only screen and (max-width: 767px) {
.latest-news-module .swiper-slide {
width: 255px;
}
}
.latest-news-module .swiper-slide[data-tenant=jhl] .card--news:has(.stretched-link):hover {
background-color: #8dc63f;
}
.latest-news-module .swiper-slide[data-tenant=lpp] .card--news:has(.stretched-link):hover {
background-color: #1e7b4b;
}
.latest-news-module .swiper-slide[data-tenant=energetika] .card--news:has(.stretched-link):hover {
background-color: #0066b3;
}
.latest-news-module .swiper-slide[data-tenant=vokasnaga] .card--news:has(.stretched-link):hover {
background-color: #0071b3;
}
:has(.swiper-button-lock) .latest-news-module__nav {
display: none;
}
.list-with-search .editor-text th .datatable-sorter::after {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
pointer-events: none;
}
.list-with-search .editor-text td {
font-size: 14px;
}
.list-with-search .mod-filter {
max-width: 100%;
}
.list-with-search .editor-text th .datatable-sorter {
display: flex;
align-items: center;
}
.list-with-search .editor-text th .datatable-sorter::after {
content: "";
position: relative;
display: inline-block;
width: 8px;
height: 12px;
margin-left: 4px;
top: 1px;
background-color: var(--color-gray-200);
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='15' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%234e4e4e' d='M4.5 15 0 8h9z'/%3E%3C/g%3E%3Cg clip-path='url(%23b)'%3E%3Cpath fill='%234e4e4e' d='M4.5 0 0 7h9z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 8h9v7H0z'/%3E%3C/clipPath%3E%3CclipPath id='b'%3E%3Cpath fill='%23fff' d='M0 7h9V0H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='15' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%234e4e4e' d='M4.5 15 0 8h9z'/%3E%3C/g%3E%3Cg clip-path='url(%23b)'%3E%3Cpath fill='%234e4e4e' d='M4.5 0 0 7h9z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 8h9v7H0z'/%3E%3C/clipPath%3E%3CclipPath id='b'%3E%3Cpath fill='%23fff' d='M0 7h9V0H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
transition: background-color 0.3s ease;
}
.list-with-search .editor-text th.datatable-descending .datatable-sorter::after, .list-with-search .editor-text th.datatable-ascending .datatable-sorter::after {
background-color: var(--color-primary);
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='7'%3E%3Cpath fill='%234e4e4e' d='M4.5 7 0 0h9Z' data-name='Polygon 3'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='7'%3E%3Cpath fill='%234e4e4e' d='M4.5 7 0 0h9Z' data-name='Polygon 3'/%3E%3C/svg%3E");
}
.list-with-search .editor-text th.datatable-ascending .datatable-sorter::after {
transform: scaleY(-1);
}
.list-with-search .datatable-bottom {
display: none;
}
.list-with-search__heading {
display: flex;
align-items: center;
gap: 5px;
}
.news-list {
width: 100%;
padding-top: 60px;
}
@media only screen and (max-width: 1022px) {
.news-list {
padding-top: 32px;
}
}
.news-list__row {
display: grid;
grid-gap: 20px;
grid-template-columns: 78px 1fr;
}
@media only screen and (max-width: 1200px) {
.news-list__row {
grid-template-columns: 60px 1fr;
}
}
@media only screen and (max-width: 1022px) {
.news-list__row {
grid-template-columns: 1fr;
grid-gap: 32px;
}
}
.news-list__right {
display: none;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-gap: 24px;
}
@media only screen and (max-width: 1200px) {
.news-list__right {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media only screen and (max-width: 767px) {
.news-list__right {
grid-template-columns: 1fr;
}
}
.news-list:has(.news-list__no-result.hide) .news-list__right {
display: grid;
}
@media only screen and (min-width: 768px) {
.news-list__item--horizontal {
grid-column: span 2;
}
}
.news-list .card {
max-width: 100%;
height: 100%;
}
@media only screen and (max-width: 767px) {
.news-list .card {
min-height: 180px;
height: auto;
}
}
.news-list .card--jhl:has(.stretched-link):hover {
background-color: var(--color-jhl);
}
.news-list .card--lpp:has(.stretched-link):hover {
background-color: var(--color-lpp);
}
.news-list .card--energetika:has(.stretched-link):hover {
background-color: var(--color-energetika);
}
.news-list .card--vokasnaga:has(.stretched-link):hover {
background-color: var(--color-vokasnaga);
}
.news-list__footer {
padding: 32px 0;
border-top: 1px solid var(--color-gray-200);
border-bottom: 1px solid var(--color-gray-200);
}
.news-list__custom-card {
display: flex;
position: relative;
align-items: center;
justify-content: center;
text-align: center;
padding: 20px;
width: 100%;
min-height: 280px;
background-color: #ffd300;
color: #119d3a;
max-width: 100%;
height: 100%;
font-size: 40px;
font-weight: 500;
transition: 0.3s ease;
}
@media only screen and (max-width: 767px) {
.news-list__custom-card {
min-height: 180px;
height: auto;
}
}
.news-list__custom-card:hover {
background-color: #fff;
}
.newsletter-module {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 64px;
color: #4a4a4a;
padding: 4px 0;
}
@media only screen and (max-width: 1022px) {
.newsletter-module {
grid-template-columns: 1fr;
grid-gap: 40px;
}
}
.newsletter-module__img {
width: 100%;
aspect-ratio: 551/460;
}
.newsletter-module__subtitle {
font-weight: 700;
font-size: 16px;
line-height: 1.5;
letter-spacing: 0em;
text-transform: uppercase;
margin-bottom: 16px;
}
.newsletter-module .title {
font-size: 48px;
line-height: 1.2;
letter-spacing: 0em;
}
@media only screen and (max-width: 1200px) {
.newsletter-module .title {
font-size: 36px;
}
}
.newsletter-module__main-title {
font-weight: 700 !important;
}
.newsletter-module__text {
margin-top: 32px;
max-width: 453px;
}
.newsletter-module__form {
margin-top: 32px;
}
.newsletter-module__form .mod-input ::-webkit-input-placeholder {
color: #595959 1;
opacity: 1;
font-weight: 400;
}
.newsletter-module__form .mod-input :-ms-input-placeholder {
color: #595959 1;
opacity: 1;
font-weight: 400;
}
.newsletter-module__form .mod-input ::placeholder {
color: #595959 1;
opacity: 1;
font-weight: 400;
}
.newsletter-module__form .mod-input__field {
height: 48px;
background-color: #fff;
color: #595959;
border: 1px solid var(--color-primary);
}
.newsletter-module__form .form-component__checkbox {
margin-top: 0;
max-width: 460px;
}
.newsletter-module__form .form-component__checkbox .checkbox {
font-size: 13px;
}
.newsletter-module__form .form-component__checkbox .checkbox__label:before {
border-radius: 0;
border: 1px solid var(--color-primary);
}
.newsletter-module__form .form-component__body {
grid-gap: 24px;
}
.newsletter-module__form .form-component__submit {
margin-top: 0;
}
.newsletter-module__form .form-component__submit .btn {
color: #4a4a4a;
font-size: 16px;
text-transform: none;
letter-spacing: 0;
flex-direction: row-reverse;
}
.sc-newsletter-module {
background-color: #f9f9f9;
}
.noscript {
display: block;
width: 100%;
position: relative;
z-index: 9999;
}
.noscript__content {
background-color: #ffc107;
border: 4px solid black;
color: black;
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
padding: 40px;
text-align: center;
width: 100%;
}
.parallax-module {
overflow: hidden;
position: relative;
}
.parallax-module__inner {
position: relative;
height: 1054px;
}
@media (min-width: 1023px) and (max-height: 1060px) {
.parallax-module__inner {
height: 100vh;
}
}
@media only screen and (max-width: 1022px) {
.parallax-module__inner {
height: 100svh;
}
}
@media only screen and (max-width: 767px) {
.parallax-module__inner {
height: auto;
padding: 48px 0;
}
}
.parallax-module__content {
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
position: relative;
z-index: 4;
}
.parallax-module__text {
max-width: 270px;
width: 100%;
margin: 0 auto;
}
@media only screen and (max-width: 767px) {
.parallax-module__text {
max-width: 267px;
}
}
.parallax-module .mod-counter__number {
justify-content: center;
}
@media only screen and (max-width: 767px) {
.parallax-module__images {
position: relative;
height: 372px;
}
}
.parallax-module__images-item {
width: 230px;
height: 230px;
position: absolute;
opacity: 0.5;
}
.parallax-module__images-item--1 {
width: 230px;
height: 230px;
left: -14%;
top: 40%;
}
@media (min-width: 1023px) and (max-height: 1039px) {
.parallax-module__images-item--1 {
width: auto;
height: 22%;
aspect-ratio: 1;
}
}
@media only screen and (max-width: 1022px) {
.parallax-module__images-item--1 {
width: 180px;
height: 180px;
}
}
@media only screen and (max-width: 767px) {
.parallax-module__images-item--1 {
width: 70px;
height: 70px;
display: none;
}
}
.parallax-module__images-item--2 {
width: 314px;
height: 314px;
left: 2.8%;
top: 13%;
z-index: 1;
opacity: 1;
}
@media (min-width: 1023px) and (max-height: 1039px) {
.parallax-module__images-item--2 {
width: auto;
height: 30%;
aspect-ratio: 1;
}
}
@media only screen and (max-width: 1022px) {
.parallax-module__images-item--2 {
width: 168px;
height: 168px;
left: -14%;
top: 18%;
}
}
@media only screen and (max-width: 767px) {
.parallax-module__images-item--2 {
left: -12%;
top: 49%;
}
}
.parallax-module__images-item--3 {
width: 140px;
height: 140px;
left: 24.8%;
top: 8%;
}
@media (min-width: 1023px) and (max-height: 1039px) {
.parallax-module__images-item--3 {
width: auto;
height: 13.5%;
aspect-ratio: 1;
}
}
@media only screen and (max-width: 1022px) {
.parallax-module__images-item--3 {
width: 90px;
height: 90px;
}
}
@media only screen and (max-width: 767px) {
.parallax-module__images-item--3 {
width: 140px;
height: 140px;
left: 8%;
top: 21%;
}
}
.parallax-module__images-item--4 {
width: 246px;
height: 246px;
left: 53.5%;
top: 0;
opacity: 1;
}
@media (min-width: 1023px) and (max-height: 1039px) {
.parallax-module__images-item--4 {
width: auto;
height: 23.5%;
aspect-ratio: 1;
}
}
@media only screen and (max-width: 1022px) {
.parallax-module__images-item--4 {
width: 200px;
height: 200px;
}
}
@media only screen and (max-width: 767px) {
.parallax-module__images-item--4 {
width: 246px;
height: 246px;
left: 55%;
top: -3%;
}
}
.parallax-module__images-item--5 {
width: 138px;
height: 138px;
left: 90.6%;
top: 0;
}
@media (min-width: 1023px) and (max-height: 1039px) {
.parallax-module__images-item--5 {
width: auto;
height: 13.5%;
aspect-ratio: 1;
}
}
@media only screen and (max-width: 1022px) {
.parallax-module__images-item--5 {
width: 100px;
height: 100px;
}
}
@media only screen and (max-width: 767px) {
.parallax-module__images-item--5 {
width: 154px;
height: 154px;
left: 97.6%;
top: 77%;
}
}
.parallax-module__images-item--6 {
width: 152px;
height: 152px;
left: 84.6%;
top: 25.5%;
}
@media (min-width: 1023px) and (max-height: 1039px) {
.parallax-module__images-item--6 {
width: auto;
height: 14.5%;
aspect-ratio: 1;
}
}
@media only screen and (max-width: 1022px) {
.parallax-module__images-item--6 {
width: 100px;
height: 100px;
}
}
@media only screen and (max-width: 767px) {
.parallax-module__images-item--6 {
width: 60px;
height: 60px;
}
}
.parallax-module__images-item--7 {
width: 230px;
height: 230px;
left: 95.8%;
top: 62%;
}
@media (min-width: 1023px) and (max-height: 1039px) {
.parallax-module__images-item--7 {
width: auto;
height: 21.5%;
aspect-ratio: 1;
}
}
@media only screen and (max-width: 1022px) {
.parallax-module__images-item--7 {
width: 150px;
height: 150px;
}
}
@media only screen and (max-width: 767px) {
.parallax-module__images-item--7 {
width: 50px;
height: 50px;
left: 98%;
}
}
.parallax-module__images-item--8 {
width: 234px;
height: 234px;
left: 68.8%;
top: 58.5%;
opacity: 1;
}
@media (min-width: 1023px) and (max-height: 1039px) {
.parallax-module__images-item--8 {
width: auto;
height: 22.5%;
aspect-ratio: 1;
}
}
@media only screen and (max-width: 1022px) {
.parallax-module__images-item--8 {
width: 160px;
height: 160px;
}
}
@media only screen and (max-width: 767px) {
.parallax-module__images-item--8 {
width: 90px;
height: 90px;
}
}
.parallax-module__images-item--9 {
width: 195px;
height: 195px;
left: 63.5%;
top: 85.8%;
}
@media (min-width: 1023px) and (max-height: 1039px) {
.parallax-module__images-item--9 {
width: auto;
height: 18.5%;
aspect-ratio: 1;
}
}
@media only screen and (max-width: 1022px) {
.parallax-module__images-item--9 {
width: 140px;
height: 140px;
}
}
@media only screen and (max-width: 767px) {
.parallax-module__images-item--9 {
width: 70px;
height: 70px;
}
}
.parallax-module__images-item--10 {
width: 230px;
height: 230px;
left: 35.5%;
top: 92%;
}
@media (min-width: 1023px) and (max-height: 1039px) {
.parallax-module__images-item--10 {
width: auto;
height: 22%;
aspect-ratio: 1;
}
}
@media only screen and (max-width: 1022px) {
.parallax-module__images-item--10 {
width: 180px;
height: 180px;
}
}
@media only screen and (max-width: 767px) {
.parallax-module__images-item--10 {
width: 90px;
height: 90px;
}
}
.parallax-module__images-item--11 {
width: 285px;
height: 285px;
left: 15.5%;
top: 70%;
opacity: 1;
}
@media (min-width: 1023px) and (max-height: 1039px) {
.parallax-module__images-item--11 {
width: auto;
height: 27%;
aspect-ratio: 1;
}
}
@media only screen and (max-width: 1022px) {
.parallax-module__images-item--11 {
width: 200px;
height: 200px;
}
}
@media only screen and (max-width: 767px) {
.parallax-module__images-item--11 {
width: 80px;
height: 80px;
}
}
.parallax-module__images-item--12 {
width: 140px;
height: 140px;
left: 76.8%;
top: 8%;
}
@media (min-width: 1023px) and (max-height: 1039px) {
.parallax-module__images-item--12 {
width: auto;
height: 13.5%;
aspect-ratio: 1;
}
}
@media only screen and (max-width: 1022px) {
.parallax-module__images-item--12 {
width: 90px;
height: 90px;
}
}
@media only screen and (max-width: 767px) {
.parallax-module__images-item--12 {
width: 140px;
height: 140px;
left: 8%;
top: 21%;
}
}
.parallax-module__images-item--13 {
width: 140px;
height: 140px;
left: -3.2%;
top: 8%;
}
@media (min-width: 1023px) and (max-height: 1039px) {
.parallax-module__images-item--13 {
width: auto;
height: 13.5%;
aspect-ratio: 1;
}
}
@media only screen and (max-width: 1022px) {
.parallax-module__images-item--13 {
width: 90px;
height: 90px;
}
}
@media only screen and (max-width: 767px) {
.parallax-module__images-item--13 {
width: 140px;
height: 140px;
left: 8%;
top: 21%;
}
}
.parallax-module__images--bottom .parallax-module__images-item--1, .parallax-module__images--bottom .parallax-module__images-item--2, .parallax-module__images--bottom .parallax-module__images-item--3, .parallax-module__images--bottom .parallax-module__images-item--5, .parallax-module__images--bottom .parallax-module__images-item--12, .parallax-module__images--bottom .parallax-module__images-item--13 {
display: none;
}
.parallax-module__images--bottom .parallax-module__images-item--4 {
width: 196px;
height: 196px;
left: 79%;
top: 19%;
}
.parallax-module__images--bottom .parallax-module__images-item--6 {
width: 285px;
height: 285px;
left: -17.4%;
top: 15.5%;
}
.pdf-list__item-link::after {
height: 100%;
left: 0;
position: absolute;
width: 100%;
top: 0;
}
.pdf-list {
width: 100%;
}
.pdf-list__list {
display: grid;
border-top: 1px solid var(--color-primary);
border-bottom: 1px solid var(--color-primary);
}
.pdf-list__item {
display: flex;
gap: 40px;
position: relative;
padding: 8px 15px;
align-items: center;
}
.pdf-list__item:nth-child(odd) {
background-color: var(--color-gray-150);
}
.pdf-list__item-thumbnail {
width: 100px;
flex-shrink: 0;
padding-right: 6px;
}
@media only screen and (max-width: 767px) {
.pdf-list__item-thumbnail {
width: 80px;
}
}
.pdf-list__item-thumbnail img {
width: auto;
height: auto;
}
.pdf-list__item-thumbnail .icon {
position: absolute;
z-index: 2;
right: 0;
bottom: 0;
transform: translate(100%, 0);
}
.pdf-list__item-content {
flex: auto;
}
.pdf-list__item-link {
color: var(--color-primary);
}
.pdf-list__item-link span {
text-decoration: underline;
margin-right: 5px;
}
.pdf-list__item-link .icon {
display: inline-block;
top: 4px;
}
.pdf-list__item-link:hover {
color: var(--color-primary-hover);
}
.pdf-list__item-link:hover span {
text-decoration: none;
}
.pdf-list__item-link::after {
content: "";
z-index: 3;
}
.pdf-list__item .icon {
width: 16px;
height: 16px;
}
.pdf-list__item .icon::before {
background-color: var(--color-gray-600);
}
.quick-links-module__top {
margin-bottom: 68px;
display: grid;
grid-template-columns: 1fr 344px;
grid-gap: 24px;
align-items: center;
}
@media only screen and (max-width: 1022px) {
.quick-links-module__top {
grid-template-columns: 1fr;
margin-bottom: 34px;
}
}
.quick-links-module__content {
display: grid;
grid-gap: 20px;
}
@media only screen and (max-width: 1022px) {
.quick-links-module__content {
grid-gap: 16px;
}
}
@media only screen and (max-width: 1022px) {
.related-items {
overflow: hidden;
}
}
.related-items .card {
max-width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1022px) {
.related-items .swiper {
overflow: visible;
}
}
@media only screen and (max-width: 767px) {
.related-items .swiper-slide {
width: 300px;
}
}
.related-items__nav {
display: flex;
align-items: center;
gap: 20px;
justify-content: flex-end;
margin-top: 20px;
position: relative;
}
@media only screen and (max-width: 767px) {
.related-items__nav {
gap: 10px;
}
}
.related-items__nav:has(.swiper-button-lock) {
display: none;
}
.related-items__nav .slider-nav__arrow {
position: relative;
top: 0;
transform: translateY(0);
}
.search-results {
padding-top: 60px;
}
.search-results__row {
display: grid;
grid-gap: 100px;
grid-template-columns: 95px 50%;
}
@media only screen and (max-width: 1439px) {
.search-results__row {
grid-template-columns: 95px 70%;
grid-gap: 0 60px;
}
}
@media only screen and (max-width: 1200px) {
.search-results__row {
grid-template-columns: 70px 1fr;
}
}
@media only screen and (max-width: 1022px) {
.search-results__row {
grid-template-columns: 1fr;
grid-gap: 32px;
}
}
.search-results__header {
display: grid;
grid-gap: 60px;
margin-bottom: 60px;
}
@media only screen and (max-width: 1022px) {
.search-results__header {
grid-gap: 40px;
}
}
@media only screen and (max-width: 767px) {
.search-results__header {
grid-gap: 30px;
}
}
.search-results .mod-filter {
margin: 0;
}
@media only screen and (min-width: 768px) {
.search-results .mod-filter .mod-input {
width: 50%;
}
}
.search-results__right {
padding-bottom: 64px;
}
.search-results__right .title {
color: var(--color-gray-300);
font-weight: 500;
}
.search-results__right-inner {
display: grid;
grid-gap: 50px;
}
@media only screen and (max-width: 1022px) {
.search-results__right-inner {
grid-gap: 40px;
}
}
.search-results__right-inner-wrapper {
min-height: 300px;
position: relative;
}
.search-results__item {
display: grid;
justify-items: flex-start;
grid-gap: 24px;
}
.search-results__item .title--h3 {
font-weight: 400;
color: var(--color-primary);
}
.search-results__item .title--h3[href] {
text-decoration: underline;
}
.search-results__item .title--h3[href]:hover {
text-decoration: none;
}
.search-results__item .editor-text {
padding-left: 40px;
}
@media only screen and (max-width: 767px) {
.search-results__item .editor-text {
padding-left: 20px;
}
}
.search-results__footer {
padding: 32px 0;
border-top: 1px solid var(--color-gray-200);
border-bottom: 1px solid var(--color-gray-200);
}
.site-header {
width: 100%;
position: fixed;
left: 0;
top: 0;
z-index: 100;
}
@media only screen and (min-width: 1023px) {
.site-header {
background-color: var(--color-white);
}
}
.site-header__logo {
height: 46px;
}
@media only screen and (max-width: 1022px) {
.site-header__logo {
height: 40px;
}
}
.site-header__logo img {
width: auto;
height: 46px;
object-fit: contain;
}
@media only screen and (max-width: 1022px) {
.site-header__logo img {
height: 40px;
}
}
@media only screen and (min-width: 1023px) {
.theme-lpp .site-header__logo {
max-width: 292px;
}
}
@media only screen and (min-width: 1023px) {
.theme-energetika .site-header__logo {
max-width: 432px;
}
.theme-energetika .site-header__logo img {
height: 36px;
}
}
@media only screen and (min-width: 1023px) {
.theme-energetika .site-header__logo {
max-width: 432px;
}
.theme-energetika .site-header__logo img {
height: 36px;
}
}
@media only screen and (max-width: 1022px) {
.site-header__logo--secondary {
display: none;
}
}
.site-header__top {
width: 100%;
text-transform: uppercase;
padding: 15px 0;
border-bottom: 1px solid var(--color-gray-200);
}
@media only screen and (max-width: 1022px) {
.site-header__top {
background-color: var(--color-white);
position: relative;
z-index: 3;
transition: box-shadow 0.3s ease;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
}
.is-scrolled .site-header__top {
box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);
}
.is-scrolled-up .site-header__top {
box-shadow: none;
}
}
.site-header__top .container {
display: flex;
gap: 20px;
justify-content: space-between;
align-items: center;
}
.site-header__top-right, .site-header__top-left {
display: flex;
align-items: center;
gap: 56px;
}
@media only screen and (max-width: 1022px) {
.site-header__top-right, .site-header__top-left {
gap: 24px;
}
}
@media only screen and (max-width: 767px) {
.site-header__top-right, .site-header__top-left {
gap: 22px;
}
}
@media only screen and (min-width: 1023px) {
.site-header__top-right {
padding-right: 6px;
gap: 42px;
}
}
@media only screen and (max-width: 1022px) {
.site-header__wcag {
display: none;
}
}
.site-header__wcag-button {
display: flex;
align-items: center;
gap: 8px;
transition: color 0.2s ease;
}
.site-header__wcag-button:hover {
color: var(--color-primary);
}
.site-header__wcag-button .icon {
flex-shrink: 0;
width: 25px;
height: 25px;
}
.site-header__wcag-button .icon::before {
background-color: var(--color-primary);
}
.site-header__wcag-dropdown {
position: absolute;
top: 100%;
padding-top: 10px;
left: 0;
z-index: 9;
transition: opacity 0.2s ease, visibility 0.2s ease;
opacity: 0;
visibility: hidden;
}
@media only screen and (max-width: 1022px) {
.site-header__wcag-dropdown {
left: initial;
right: -15px;
}
}
.is-open-wcag .site-header__wcag-dropdown {
opacity: 1;
visibility: visible;
}
.site-header__wcag-list {
background-color: var(--color-white);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
border-radius: 10px;
padding: 8px 16px;
width: 160px;
display: grid;
grid-gap: 8px;
}
.site-header__wcag-close {
width: 24px;
height: 24px;
border-radius: 100%;
background-color: var(--color-primary);
color: var(--color-white);
position: absolute;
right: -8px;
top: 2px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.site-header__wcag-close .icon {
width: 20px;
height: 20px;
}
.site-header__wcag-close .icon::before {
background-color: var(--color-white);
}
.site-header__wcag-link {
display: block;
padding: 2px 0;
}
.site-header__search-trigger .icon {
width: 25px;
height: 25px;
}
.site-header a:hover {
color: var(--color-primary);
}
.site-header__top-bar {
background-color: var(--color-primary);
color: var(--color-white);
padding: 12px 20px;
line-height: 1;
position: relative;
z-index: 2;
text-align: center;
transition: margin 150ms var(--easing-slow);
}
.is-scrolled .site-header__top-bar {
margin-top: calc(-1 * var(--top-bar-height, 38px));
}
.is-scrolled-up .site-header__top-bar {
margin-top: 0;
}
@media only screen and (max-width: 767px) {
.site-header__top-bar {
padding: 8px 20px;
font-size: 12px;
line-height: 1.5;
}
}
.site-header__top-bar a:hover {
color: var(--color-white);
}
.site-header__bottom, .site-header__middle {
padding: 15px 0;
}
@media only screen and (min-width: 1023px) {
.site-header__bottom, .site-header__middle {
position: relative;
z-index: 1;
}
}
@media only screen and (max-width: 1022px) {
.site-header__middle {
display: none;
}
}
@media only screen and (min-width: 1023px) {
.site-header__middle {
background-color: var(--color-white);
}
}
.site-header__nav {
text-transform: uppercase;
}
.site-header__nav-list {
gap: 40px;
}
@media only screen and (min-width: 1440px) {
.site-header__nav-list {
gap: 64px;
}
}
@media only screen and (max-width: 1022px) {
.site-header__nav-list {
gap: 4px 20px;
flex-wrap: wrap;
}
}
.site-header__nav-link {
display: flex;
align-items: center;
gap: 4px;
}
.site-header__nav-link.is-active, .site-header__nav-link:hover {
color: var(--color-primary);
}
.site-header__nav-link .icon {
flex-shrink: 0;
display: none;
width: 14px;
height: 14px;
}
.site-header__bottom {
color: var(--color-white);
background-color: var(--color-primary);
}
@media only screen and (max-width: 767px) {
.site-header__bottom {
padding: 8px 0;
}
}
@media only screen and (max-width: 1022px) {
.site-header__bottom {
transition: transform 400ms cubic-bezier(0.65, 0, 0.35, 1);
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1), cubic-bezier(0.33, 1, 0.68, 1), cubic-bezier(0.33, 1, 0.68, 1);
}
.is-scrolled .site-header__bottom {
transform: translate(0, calc(-100% - 8px));
}
.is-scrolled-up .site-header__bottom {
transform: translate(0, 0);
}
}
@media only screen and (max-width: 767px) {
.site-header__bottom .site-header__nav-list {
flex-direction: column;
gap: 2px 20px;
}
}
@media only screen and (max-width: 1022px) {
.site-header__bottom .site-header__nav-link {
opacity: 0.5;
}
}
.site-header__bottom .site-header__nav-link.is-active, .site-header__bottom .site-header__nav-link:hover {
color: var(--color-white);
opacity: 1;
}
.site-header__bottom .site-header__nav-link.is-active .icon {
display: block;
}
.hamburger {
display: flex;
align-items: center;
gap: 18px;
font-weight: 500;
text-transform: uppercase;
transition: color 0.2s ease;
}
.hamburger__bars {
display: flex;
flex-direction: column;
gap: 3px;
}
.hamburger:hover {
color: var(--color-primary);
}
.hamburger:hover .btn__icon {
background-color: var(--color-primary);
transform: rotate(0deg);
}
.hamburger.btn:active {
transform: scale(1);
}
@media only screen and (max-width: 1022px) {
.hamburger__text {
display: none;
}
}
.hamburger__bar {
background-color: currentColor;
height: 3px;
display: block;
width: 20px;
pointer-events: none;
position: relative;
will-change: height, transform;
transition: background-color 0.3s var(--easing-default), transform 0.3s var(--easing-default);
}
.is-open-menu .hamburger__bar:first-child {
transform: translateY(6px) rotate(225deg);
}
.is-open-menu .hamburger__bar:nth-child(2) {
transform: scale(0);
}
.is-open-menu .hamburger__bar:last-child {
transform: translateY(-6px) rotate(315deg);
}
.stories-card-list__inner {
display: grid;
grid-gap: 30px;
}
@media only screen and (max-width: 767px) {
.stories-card-list__inner {
grid-gap: 20px;
}
}
.stories-card-list__item {
width: 100%;
position: relative;
border: 1px solid var(--color-primary);
margin: 0 auto;
display: grid;
grid-template-columns: 27% 1fr;
}
@media only screen and (max-width: 767px) {
.stories-card-list__item {
grid-template-columns: 1fr;
}
}
.stories-card-list__item-image {
position: relative;
height: 100%;
padding-bottom: 152%;
margin: 0;
}
@media only screen and (max-width: 767px) {
.stories-card-list__item-image {
padding-bottom: 120%;
}
}
.stories-card-list__item-image img {
transform: scale(1.0001);
will-change: transform;
transition: transform 0.3s var(--easing-default);
}
.stories-card-list__item-content {
padding: 30px 40px;
display: grid;
grid-gap: 30px;
align-content: flex-start;
justify-items: flex-start;
}
@media only screen and (max-width: 1200px) {
.stories-card-list__item-content {
padding: 20px 20px 40px;
grid-gap: 20px;
}
}
.stories-card-list__item .title {
color: var(--color-primary);
font-weight: 400;
}
.stories-card-list__item .btn {
font-size: 14px;
color: var(--color-primary);
}
.stories-card-list__item:hover .stories-card-list__item-image img {
transform: scale(1.04);
}
.stories-card-list__item:hover .btn {
color: var(--color-primary);
}
.stories-card-list__item:hover .btn .icon-circle-arrow-right {
transform: translateX(4px);
}
.teaser-card-slider {
width: 100%;
position: relative;
overflow: hidden;
}
@media only screen and (max-width: 1022px) {
.teaser-card-slider .section-header__inner {
gap: 25px;
padding-right: 10px;
}
}
.teaser-card-slider .swiper-slide {
width: 362px;
}
@media only screen and (max-width: 1200px) {
.teaser-card-slider .swiper-slide {
width: 300px;
}
}
@media only screen and (max-width: 1022px) {
.teaser-card-slider .swiper-slide {
opacity: 1;
}
}
@media only screen and (max-width: 767px) {
.teaser-card-slider .swiper-slide {
width: 214px;
}
}
.teaser-card-slider .teaser-card {
max-width: 100%;
}
@media only screen and (min-width: 1201px) {
.teaser-card-slider .swiper {
padding-right: 80px;
}
}
@media only screen and (min-width: 768px) {
.teaser-card-slider .swiper {
overflow: visible;
}
}
.teaser-card-slider__vector {
position: absolute;
left: 0;
bottom: 0;
pointer-events: none;
}
.teaser-card-slider__vector img {
height: 140px;
width: auto;
}
@media only screen and (max-width: 1200px) {
.teaser-card-slider__vector img {
height: 120px;
}
}
@media only screen and (max-width: 767px) {
.teaser-card-slider__vector img {
height: 100px;
}
}
.teaser-card-slider--without-slider .swiper {
padding-right: 0;
}
.teaser-card-slider--without-slider .swiper-wrapper {
display: grid;
grid-gap: 24px;
grid-template-columns: repeat(3, minmax(0, 1fr));
transform: translate3d(0, 0, 0) !important;
}
@media only screen and (max-width: 767px) {
.teaser-card-slider--without-slider .swiper-wrapper {
grid-template-columns: 1fr;
}
}
.teaser-card-slider--without-slider .swiper-slide {
width: 100% !important;
margin: 0 !important;
opacity: 1 !important;
}
.teaser-card-slider--without-slider .swiper:not(.swiper-initialized) .swiper-pagination,
.teaser-card-slider--without-slider .swiper:not(.swiper-initialized) .swiper-slide:not(:first-of-type) {
display: block !important;
}
.teaser-card-slider--without-slider .teaser-card-slider__nav {
display: none;
}
.teaser-card-slider.bg-gray-150 {
padding: 128px 0 200px;
}
@media only screen and (max-width: 1200px) {
.teaser-card-slider.bg-gray-150 {
padding: 60px 0;
}
}
@media only screen and (max-width: 767px) {
.teaser-card-slider.bg-gray-150 {
padding: 40px 0;
}
}
.teaser-card-slider.has-vector {
padding: 146px 0;
}
@media only screen and (max-width: 1439px) {
.teaser-card-slider.has-vector {
padding-top: 80px;
}
}
@media only screen and (max-width: 1200px) {
.teaser-card-slider.has-vector {
padding: 60px 0 120px;
}
}
@media only screen and (max-width: 767px) {
.teaser-card-slider.has-vector {
padding: 40px 0 120px;
}
}
.tenant-list {
width: 100%;
}
.tenant-list__body {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media only screen and (max-width: 767px) {
.tenant-list__body {
grid-template-columns: 1fr;
}
}
@media only screen and (max-width: 767px) {
.tenant-list .container {
max-width: 100%;
}
}
.tenant-list__item {
position: relative;
min-height: 486px;
padding: 60px 0 40px;
transition: background-color 0.3s ease, color 0.3s ease;
display: flex;
flex-direction: column;
}
@media only screen and (max-width: 1439px) {
.tenant-list__item {
min-height: 450px;
aspect-ratio: initial;
}
}
@media only screen and (max-width: 1022px) {
.tenant-list__item {
min-height: 360px;
padding: 40px 0 24px;
}
}
@media only screen and (max-width: 767px) {
.tenant-list__item {
min-height: 136px;
padding: 16px;
border-bottom: 1px solid var(--color-gray-200);
text-align: center;
align-items: center;
justify-content: center;
}
.tenant-list__item:last-child {
border-bottom: 0;
}
}
.tenant-list__item .title {
font-weight: 300;
margin-top: auto;
font-size: 40px;
padding: 0 24px;
line-height: 1;
max-width: 380px;
}
@media only screen and (max-width: 1439px) {
.tenant-list__item .title {
font-size: 32px;
max-width: 320px;
}
}
@media only screen and (max-width: 1022px) {
.tenant-list__item .title {
font-size: 26px;
max-width: 274px;
line-height: 1.1;
padding: 0 16px;
}
}
@media only screen and (max-width: 767px) {
.tenant-list__item .title {
margin: 0;
font-weight: 400;
}
}
.tenant-list__item strong {
font-weight: 700;
}
.tenant-list__item-image {
position: relative;
}
@media only screen and (max-width: 767px) {
.tenant-list__item-image {
display: none;
}
}
.tenant-list__item-image img {
width: 100%;
height: auto;
transition: opacity 0.3s ease;
}
.tenant-list__item-image--hover {
position: absolute;
left: 0;
top: 0;
opacity: 0;
}
.tenant-list__item[href]:hover {
background-color: var(--color-primary-dark);
color: var(--color-white);
}
.tenant-list__item[href]:hover .has-hover-image .tenant-list__item-image--default {
opacity: 0;
}
.tenant-list__item[href]:hover .has-hover-image .tenant-list__item-image--hover {
opacity: 1;
}
.tenant-list__item--jhl[href]:hover {
background-color: var(--color-jhl-hover);
}
.tenant-list__item--lpp[href]:hover {
background-color: var(--color-lpp-hover);
}
.tenant-list__item--energetika[href]:hover {
background-color: var(--color-energetika-hover);
}
.tenant-list__item--vokasnaga[href]:hover {
background-color: var(--color-vokasnaga-hover);
}
.text-grid .editor-text h3 {
line-height: 1.2;
font-weight: 500;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.text-grid .editor-text h3 {
font-size: 48px;
line-height: 1.2;
}
@media only screen and (max-width: 1439px) {
.text-grid .editor-text h3 {
font-size: 42px;
}
}
@media only screen and (max-width: 1200px) {
.text-grid .editor-text h3 {
font-size: 36px;
}
}
@media only screen and (max-width: 1022px) {
.text-grid .editor-text h3 {
font-size: 32px;
}
}
.text-grid {
padding: 160px 0;
}
@media only screen and (max-width: 1200px) {
.text-grid {
padding: 100px 0;
}
}
@media only screen and (max-width: 1022px) {
.text-grid {
padding: 64px 0;
}
}
.text-grid__inner {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-gap: 64px;
align-items: center;
}
@media only screen and (max-width: 1200px) {
.text-grid__inner {
grid-gap: 40px;
}
}
@media only screen and (max-width: 1022px) {
.text-grid__inner {
grid-template-columns: 1fr;
grid-gap: 24px;
}
}
.text-grid .editor-text h3 {
font-weight: 300;
}
.text-grid.bg-white {
padding: 0;
}
.text-module {
width: 100%;
}
.text-module .editor-text {
font-size: 14px;
line-height: 1.8;
width: 100%;
}
.text-module .editor-text h1,
.text-module .editor-text h2,
.text-module .editor-text h3,
.text-module .editor-text h4,
.text-module .editor-text h5 {
font-weight: 300;
color: var(--color-primary);
}
.text-module .editor-text h1:first-child,
.text-module .editor-text h2:first-child,
.text-module .editor-text h3:first-child,
.text-module .editor-text h4:first-child,
.text-module .editor-text h5:first-child {
margin-top: 0;
}
.text-module .editor-text h1:last-child,
.text-module .editor-text h2:last-child,
.text-module .editor-text h3:last-child,
.text-module .editor-text h4:last-child,
.text-module .editor-text h5:last-child {
margin-bottom: 0;
}
.theme-energetika .text-module .editor-text h1,
.theme-energetika .text-module .editor-text h2,
.theme-energetika .text-module .editor-text h3,
.theme-energetika .text-module .editor-text h4,
.theme-energetika .text-module .editor-text h5 {
color: var(--color-primary);
}
.text-module .editor-text h1 a::after {
width: 34px;
height: 34px;
}
@media only screen and (max-width: 1200px) {
.text-module .editor-text h1 a::after {
width: 30px;
height: 30px;
}
}
@media only screen and (max-width: 767px) {
.text-module .editor-text h1 a::after {
width: 24px;
height: 24px;
}
}
@media only screen and (min-width: 1023px) {
.text-module .editor-text h2 {
font-size: 28px;
}
}
.text-module .editor-text h2 a::after {
width: 22px;
height: 22px;
}
@media only screen and (max-width: 1022px) {
.text-module .editor-text h2 a::after {
width: 25px;
height: 25px;
}
}
@media only screen and (min-width: 1023px) {
.text-module .editor-text h3 {
font-size: 24px;
}
}
.text-module .editor-text h3 a::after {
width: 20px;
height: 20px;
}
@media only screen and (max-width: 1022px) {
.text-module .editor-text h3 a::after {
width: 18px;
height: 18px;
}
}
@media only screen and (min-width: 1023px) {
.text-module .editor-text h4 {
font-size: 18px;
}
}
.text-module .editor-text h4 a::after {
width: 16px;
height: 16px;
}
.text-module .editor-text h6,
.text-module .editor-text h5 {
font-weight: 400;
}
@media only screen and (min-width: 1023px) {
.text-module .editor-text h6,
.text-module .editor-text h5 {
font-size: 16px;
}
}
.text-module .editor-text h6 a::after,
.text-module .editor-text h5 a::after {
width: 16px;
height: 16px;
}
.text-module .editor-text table a {
color: var(--color-primary);
}
.text-module .sitemap__container ul {
display: grid;
grid-gap: 10px;
margin: 0;
}
.text-module .sitemap__container ul ul {
grid-gap: 5px;
padding: 12px 0 4px;
}
.text-module .sitemap__container ul ul ul {
padding: 8px 0 8px 12px;
}
.text-module .sitemap__container ul li {
padding-left: 10px;
position: relative;
}
.text-module .sitemap__container ul li::before {
content: "";
width: 4px;
height: 4px;
background-color: currentColor;
border-radius: 100%;
position: absolute;
left: 0;
top: 10px;
}
.text-module .sitemap__container ul li a {
color: var(--color-font-color);
text-transform: uppercase;
font-weight: 700;
text-decoration: underline;
}
.text-module .sitemap__container ul li a:hover {
color: var(--color-primary);
text-decoration: none;
}
.text-module .sitemap__container ul li li {
padding-left: 2px;
}
.text-module .sitemap__container ul li li::before {
display: none;
}
.text-module .sitemap__container ul li li a {
text-transform: none;
font-size: 12px;
}
.text-module .sitemap__container ul li li li a {
font-weight: 400;
}
.transportation-module .form-component .mod-input label {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
white-space: nowrap;
border: 0;
visibility: inherit;
clip: rect(0, 0, 0, 0);
}
.transportation-module {
background-color: var(--color-gray-150);
padding: 128px 0;
position: relative;
}
@media only screen and (max-width: 1200px) {
.transportation-module {
padding: 80px 0;
}
}
@media only screen and (max-width: 1022px) {
.transportation-module {
padding: 60px 0;
}
}
@media only screen and (max-width: 1200px) {
.transportation-module:has(.transportation-module__vector) {
padding-bottom: 140px;
}
}
.transportation-module__inner {
display: grid;
grid-template-columns: 35.5% 1fr;
align-items: center;
grid-gap: 32px;
}
@media only screen and (max-width: 1200px) {
.transportation-module__inner {
grid-template-columns: 1fr;
grid-gap: 25px;
}
}
.transportation-module__content {
max-width: 344px;
width: 100%;
display: flex;
flex-direction: column;
gap: 30px;
position: relative;
z-index: 1;
padding: 60px 0;
}
@media only screen and (max-width: 1200px) {
.transportation-module__content {
max-width: 100%;
padding: 0;
}
}
@media only screen and (max-width: 1022px) {
.transportation-module__content {
gap: 20px;
}
}
@media only screen and (min-width: 1201px) {
.transportation-module__content .title {
font-size: 72px;
}
}
.transportation-module .transport-timetable {
max-width: 100%;
}
.transportation-module__right {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-gap: 25px;
}
@media only screen and (max-width: 767px) {
.transportation-module__right {
grid-template-columns: 1fr;
}
}
.transportation-module__plan-route {
padding: 40px 16px 20px;
display: flex;
align-items: center;
}
@media only screen and (max-width: 767px) {
.transportation-module__plan-route {
padding: 40px 16px;
}
}
.transportation-module .form-component .title {
font-size: 40px;
font-weight: 300;
letter-spacing: normal;
}
.transportation-module .form-component__header {
margin-bottom: 30px;
}
.transportation-module .form-component .mod-input ::-webkit-input-placeholder {
color: #171717;
opacity: 1;
font-weight: 400;
}
.transportation-module .form-component .mod-input :-ms-input-placeholder {
color: #171717;
opacity: 1;
font-weight: 400;
}
.transportation-module .form-component .mod-input ::placeholder {
color: #171717;
opacity: 1;
font-weight: 400;
}
.transportation-module .form-component .mod-input__field {
height: 48px;
background-color: var(--color-white);
border-color: var(--color-gray-900);
color: var(--color-gray-900);
padding: 4px 15px;
}
.transportation-module .form-component .mod-input.is-validation-failed ::-webkit-input-placeholder {
color: #ed0530;
opacity: 1;
font-weight: 400;
}
.transportation-module .form-component .mod-input.is-validation-failed :-ms-input-placeholder {
color: #ed0530;
opacity: 1;
font-weight: 400;
}
.transportation-module .form-component .mod-input.is-validation-failed ::placeholder {
color: #ed0530;
opacity: 1;
font-weight: 400;
}
.transportation-module .form-component__body {
grid-template-columns: 1fr;
grid-gap: 5px;
}
.transportation-module .form-component .full, .transportation-module .form-component__submit {
grid-column: span 1;
}
.transportation-module .form-component__info-text {
margin-top: 10px;
}
.transportation-module .form-component__submit {
margin-top: 18px;
}
.transportation-module .form-component__submit .btn {
font-size: 13px;
}
.transportation-module .form-component__success {
min-height: 1px;
}
.transportation-module__vector {
position: absolute;
left: 0;
bottom: 0;
pointer-events: none;
}
.transportation-module__vector img {
height: 180px;
width: auto;
}
@media only screen and (max-width: 1200px) {
.transportation-module__vector img {
height: 120px;
}
}
@media only screen and (max-width: 767px) {
.transportation-module__vector img {
height: 100px;
}
}
.transportation-module .text--red {
color: var(--color-white) !important;
}
.video-embed {
width: 100%;
}
.video-embed iframe {
width: 100%;
aspect-ratio: 16/9;
}
.video-embed__caption {
padding-top: 8px;
}
.modal--download .modal__content {
max-width: 800px;
}
.modal--download .title {
font-weight: 300;
color: var(--color-primary);
}